Provide features in script block (#296)

* Add more feature to <script> block

* update snapshots

Author: znck

packages/compiler-tsx/src/vue/compile.ts

@@ -123,11 +123,16 @@ export function compileWithDecodedSourceMap(
   builder.append(
     [
       `import * as ${resolvedOptions.typeIdentifier} from '${resolvedOptions.typeCheckModuleName}';`,
-      `import { ${['defineComponent', 'GlobalComponents']
-        .map(
-          (id) => `${id} as ${resolvedOptions.internalIdentifierPrefix}${id}`,
-        )
-        .join(', ')} } from '${resolvedOptions.runtimeModuleName}';`,
+      `declare const ${
+        resolvedOptions.internalIdentifierPrefix
+      }defineComponent: typeof import(${JSON.stringify(
+        resolvedOptions.runtimeModuleName,
+      )}).defineComponent;`,
+      `type ${
+        resolvedOptions.internalIdentifierPrefix
+      }GlobalComponents = import(${JSON.stringify(
+        resolvedOptions.runtimeModuleName,
+      )}).GlobalComponents;`,
     ].join('\n'),
   )
   builder.nextLine()

packages/compiler-tsx/test/__snapshots__/baseline.js

@@ -2,7 +2,8 @@
 
 exports[`Vue to TSX compiler if-else-if.vue: if-else-if.vue 1`] = `
 "import * as __VueDX__TypeCheck from 'vuedx~runtime';
-import { defineComponent as __VueDX__defineComponent, GlobalComponents as __VueDX__GlobalComponents } from 'vue';
+declare const __VueDX__defineComponent: typeof import("vue").defineComponent;
+type __VueDX__GlobalComponents = import("vue").GlobalComponents;
 //#region <script>
 
 const __VueDX___Script_Component = __VueDX__defineComponent({});
@@ -97,7 +98,8 @@ export default class IfElseIf extends IfElseIfPublic {
 
 exports[`Vue to TSX compiler nested-for-slot.vue: nested-for-slot.vue 1`] = `
 "import * as __VueDX__TypeCheck from 'vuedx~runtime';
-import { defineComponent as __VueDX__defineComponent, GlobalComponents as __VueDX__GlobalComponents } from 'vue';
+declare const __VueDX__defineComponent: typeof import("vue").defineComponent;
+type __VueDX__GlobalComponents = import("vue").GlobalComponents;
 //#region <script>
 
 const __VueDX___Script_Component = __VueDX__defineComponent({});
@@ -219,7 +221,8 @@ export default class NestedForSlot extends NestedForSlotPublic {
 
 exports[`Vue to TSX compiler ts-script-template.vue: ts-script-template.vue 1`] = `
 "import * as __VueDX__TypeCheck from 'vuedx~runtime';
-import { defineComponent as __VueDX__defineComponent, GlobalComponents as __VueDX__GlobalComponents } from 'vue';
+declare const __VueDX__defineComponent: typeof import("vue").defineComponent;
+type __VueDX__GlobalComponents = import("vue").GlobalComponents;
 //#region <script>
 
 import { defineComponent } from 'vue'

packages/compiler-tsx/test/__snapshots__/baseline.md

@@ -1,5 +1,6 @@
 import * as __VueDX__TypeCheck from 'vuedx~runtime';
-import { defineComponent as __VueDX__defineComponent, GlobalComponents as __VueDX__GlobalComponents } from 'vue';
+declare const __VueDX__defineComponent: typeof import("vue").defineComponent;
+type __VueDX__GlobalComponents = import("vue").GlobalComponents;
 //#region <script>
 
 const __VueDX___Script_Component = __VueDX__defineComponent({});

packages/compiler-tsx/test/__snapshots__/vue-to-tsx.spec.ts.snap

@@ -1,5 +1,6 @@
 import * as __VueDX__TypeCheck from 'vuedx~runtime';
-import { defineComponent as __VueDX__defineComponent, GlobalComponents as __VueDX__GlobalComponents } from 'vue';
+declare const __VueDX__defineComponent: typeof import("vue").defineComponent;
+type __VueDX__GlobalComponents = import("vue").GlobalComponents;
 //#region <script>
 
 const __VueDX___Script_Component = __VueDX__defineComponent({});

packages/compiler-tsx/test/fixtures/if-else-if.tsx

@@ -1,5 +1,6 @@
 import * as __VueDX__TypeCheck from 'vuedx~runtime';
-import { defineComponent as __VueDX__defineComponent, GlobalComponents as __VueDX__GlobalComponents } from 'vue';
+declare const __VueDX__defineComponent: typeof import("vue").defineComponent;
+type __VueDX__GlobalComponents = import("vue").GlobalComponents;
 //#region <script>
 
 import { defineComponent } from 'vue'