test(component-meta): simplify code with snapshots (#5403)

Author: KazariEX

packages/component-meta/tests/index.spec.ts

@@ -27,22 +27,6 @@ type __VLS_PrettifyLocal<T> = {
 "
 `;
 
-exports[`vue-tsc-dts > Input: class-slots/component.vue, Output: class-slots/component.vue.d.ts 1`] = `
-"import type { VNode } from 'vue';
-declare const _default: new () => {
-    $slots: {
-        default: (props: {
-            num: number;
-        }) => VNode[];
-        foo: (props: {
-            str: string;
-        }) => VNode[];
-    };
-};
-export default _default;
-"
-`;
-
 exports[`vue-tsc-dts > Input: empty-component/component.vue, Output: empty-component/component.vue.d.ts 1`] = `
 "declare const _default: import("vue").DefineComponent2<{
     setup(): {};
@@ -95,55 +79,6 @@ export default _default;
 "
 `;
 
-exports[`vue-tsc-dts > Input: events/component-class.vue, Output: events/component-class.vue.d.ts 1`] = `
-"type __VLS_Emit = {
-    /** Emitted when foo... */
-    (evt: "foo", value: string): void;
-};
-declare const _default: import("vue").DefineComponent2<{
-    setup(): {};
-    data(): {};
-    props: {};
-    computed: {};
-    methods: {};
-    mixins: {}[];
-    extends: {};
-    emits: string[];
-    slots: {};
-    inject: {};
-    components: {};
-    directives: {};
-    provide: {};
-    expose: string;
-    __typeProps: unknown;
-    __typeEmits: __VLS_Emit;
-    __typeRefs: {};
-    __typeEl: any;
-    __defaults: unknown;
-}>;
-export default _default;
-"
-`;
-
-exports[`vue-tsc-dts > Input: events/component-generic.vue, Output: events/component-generic.vue.d.ts 1`] = `
-"declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onFoo?: (value: string) => any;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFoo"> & {} & Partial<{}>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {};
-    emit: (evt: "foo", value: string) => void;
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
-"
-`;
-
 exports[`vue-tsc-dts > Input: generic/component.vue, Output: generic/component.vue.d.ts 1`] = `
 "declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
@@ -306,7 +241,7 @@ export default _default;
 `;
 
 exports[`vue-tsc-dts > Input: reference-type-events/component.vue, Output: reference-type-events/component.vue.d.ts 1`] = `
-"import { MyEvents } from './my-events';
+"import type { MyEvents } from './my-events';
 declare const _default: import("vue").DefineComponent2<{
     setup(): {};
     data(): {};
@@ -509,7 +444,7 @@ exports[`vue-tsc-dts > Input: reference-type-props/component-js.vue, Output: ref
         };
         xbar: {
             readonly type: StringConstructor;
-            readonly value: "";
+            readonly default: "";
         };
         xbaz: {
             readonly type: StringConstructor;
@@ -558,7 +493,7 @@ exports[`vue-tsc-dts > Input: reference-type-props/component-js-setup.vue, Outpu
         };
         xbar: {
             readonly type: StringConstructor;
-            readonly value: "";
+            readonly default: "";
         };
         xbaz: {
             readonly type: StringConstructor;
@@ -704,7 +639,7 @@ export declare const StringRequired: {
 };
 export declare const StringEmpty: {
     readonly type: StringConstructor;
-    readonly value: "";
+    readonly default: "";
 };
 export declare const StringUndefined: {
     readonly type: StringConstructor;
@@ -713,7 +648,7 @@ export {};
 "
 `;
 
-exports[`vue-tsc-dts > Input: template-slots/component.vue, Output: template-slots/component.vue.d.ts 1`] = `
+exports[`vue-tsc-dts > Input: reference-type-slots/component.vue, Output: reference-type-slots/component.vue.d.ts 1`] = `
 "declare var __VLS_1: {}, __VLS_3: {
     num: number;
 }, __VLS_5: {
@@ -762,7 +697,7 @@ type __VLS_WithSlots<T, S> = T & {
 "
 `;
 
-exports[`vue-tsc-dts > Input: template-slots/component-define-slots.vue, Output: template-slots/component-define-slots.vue.d.ts 1`] = `
+exports[`vue-tsc-dts > Input: reference-type-slots/component-define-slots.vue, Output: reference-type-slots/component-define-slots.vue.d.ts 1`] = `
 "import type { VNode } from 'vue';
 type __VLS_Slots = {
     default: (props: {
@@ -808,44 +743,7 @@ type __VLS_WithSlots<T, S> = T & {
 "
 `;
 
-exports[`vue-tsc-dts > Input: template-slots/component-destructuring.vue, Output: template-slots/component-destructuring.vue.d.ts 1`] = `
-"type __VLS_Slots = {
-    bottom: (props: {
-        num: number;
-    }) => any[];
-};
-declare const __VLS_component: import("vue").DefineComponent2<{
-    setup(): {};
-    data(): {};
-    props: {};
-    computed: {};
-    methods: {};
-    mixins: {}[];
-    extends: {};
-    emits: string[];
-    slots: {};
-    inject: {};
-    components: {};
-    directives: {};
-    provide: {};
-    expose: string;
-    __typeProps: unknown;
-    __typeEmits: unknown;
-    __typeRefs: {};
-    __typeEl: any;
-    __defaults: unknown;
-}>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-"
-`;
-
-exports[`vue-tsc-dts > Input: template-slots/component-no-script.vue, Output: template-slots/component-no-script.vue.d.ts 1`] = `
+exports[`vue-tsc-dts > Input: reference-type-slots/component-no-script.vue, Output: reference-type-slots/component-no-script.vue.d.ts 1`] = `
 "declare var __VLS_1: {}, __VLS_3: {
     num: number;
 }, __VLS_5: {

packages/tsc/tests/__snapshots__/dts.spec.ts.snap

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { MyEvents } from './my-events';
+import type { MyEvents } from './my-events';
 
 defineEmits<MyEvents>();
 </script>

test-workspace/component-meta/class-slots/component.vue

@@ -1,10 +1,10 @@
 /**
  * Emitted when the foo property is changed.
  */
-type MyEventsFoo = /** Emitted when the foo property is changed.*/ 'foo'
+type MyEventsFoo = /** Emitted when the foo property is changed.*/ 'foo';
 export interface MyEvents {
-	
+
 	(event: MyEventsFoo, data?: { foo: string; }): void;
-	(event: 'bar', value: { arg1: number, arg2?: any }): void;
+	(event: 'bar', value: { arg1: number, arg2?: any; }): void;
 	(e: 'baz'): void;
 }

test-workspace/component-meta/events/component-class.vue

@@ -10,7 +10,7 @@ export interface MyIgnoredNestedProps {
 }
 
 export interface MyNestedRecursiveProps {
-	recursive: MyNestedRecursiveProps
+	recursive: MyNestedRecursiveProps;
 }
 
 enum MyEnum {
@@ -48,27 +48,27 @@ export interface MyProps {
    * </template>
    * ```
 	 */
-	foo: string,
+	foo: string;
 	/**
 	 * optional number bar
 	 */
-	bar?: number,
+	bar?: number;
 	/**
 	 * string array baz
 	 */
-	baz?: string[],
+	baz?: string[];
 	/**
 	 * required union type
 	 */
-	union: string | number,
+	union: string | number;
 	/**
 	 * optional union type
 	 */
-	unionOptional?: string | number,
+	unionOptional?: string | number;
 	/**
 	 * required nested object
 	 */
-	nested: MyNestedProps,
+	nested: MyNestedProps;
 	/**
 	 * required nested object with intersection
 	 */
@@ -77,45 +77,45 @@ export interface MyProps {
 		 * required additional property
 		 */
 		additionalProp: string;
-	},
+	};
 	/**
 	 * optional nested object
 	 */
-	nestedOptional?: MyNestedProps | MyIgnoredNestedProps,
+	nestedOptional?: MyNestedProps | MyIgnoredNestedProps;
 	/**
 	 * required array object
 	 */
-	array: MyNestedProps[],
+	array: MyNestedProps[];
 	/**
 	 * optional array object
 	 */
-	arrayOptional?: MyNestedProps[],
+	arrayOptional?: MyNestedProps[];
 	/**
 	 * enum value
 	 */
-	enumValue: MyEnum,
+	enumValue: MyEnum;
 	/**
 	 * namespace type
 	 */
-	namespaceType: MyNamespace.MyType,
+	namespaceType: MyNamespace.MyType;
 	/**
 	 * literal type alias that require context
 	 */
-	literalFromContext: MyCategories,
-	inlined: { foo: string; },
-	recursive: MyNestedRecursiveProps
+	literalFromContext: MyCategories;
+	inlined: { foo: string; };
+	recursive: MyNestedRecursiveProps;
 }
 
 export const StringRequired = {
 	type: String,
 	required: true,
-} as const
+} as const;
 
 export const StringEmpty = {
 	type: String,
-	value: '',
-} as const
+	default: '',
+} as const;
 
 export const StringUndefined = {
 	type: String,
-} as const
+} as const;

test-workspace/component-meta/events/component-generic.vue

@@ -4,6 +4,3 @@
 	<slot name="named-slot" str="str"></slot>
 	<slot name="vbind" v-bind="{ num: 123, str: 'str' }"></slot>
 </template>
-
-<script setup lang="ts">
-</script>

test-workspace/component-meta/reference-type-events/component.vue

@@ -2,9 +2,9 @@ export interface MyProps {
 	/**
 	 * string foo
 	 */
-	foo: string,
+	foo: string;
 	/**
 	 * optional number bar
 	 */
-	bar?: number,
-}
+	bar?: number;
+}

test-workspace/component-meta/reference-type-events/my-events.ts

@@ -1,5 +1,5 @@
-import { h, defineComponent } from 'vue';
-import { MyProps } from './PropDefinitions';
+import { defineComponent, h } from 'vue';
+import { type MyProps } from './PropDefinitions';
 
 export default defineComponent((props: MyProps) => {
 	return () => h('pre', JSON.stringify(props, null, 2));

test-workspace/component-meta/reference-type-props/my-props.ts

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { MyProps } from './PropDefinitions';
+import type { MyProps } from './PropDefinitions';
 
 export default defineComponent((props: MyProps) => {
 	return () => <pre>

test-workspace/component-meta/template-slots/component-define-slots.vue renamed to test-workspace/component-meta/reference-type-slots/component-define-slots.vue

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
 
-export const Foo = defineComponent((_: { foo: string; }) => ()=> { });
+export const Foo = defineComponent((_: { foo: string; }) => () => { });
 
-export const Bar = defineComponent((_: { bar?: number; }) => ()=> { });
+export const Bar = defineComponent((_: { bar?: number; }) => () => { });