fix: add vue import maps for default import map

vuejs · Feb 14, 2024 · c74673f · c74673f
1 parent c8887d6
commit c74673f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/import-map.ts b/src/import-map.ts
@@ -5,6 +5,7 @@ export function useVueImportMap(
     runtimeDev?: string | (() => string)
     runtimeProd?: string | (() => string)
     serverRenderer?: string | (() => string)
+    vueVersion?: string | null
   } = {},
 ) {
   function normalizeDefaults(defaults?: string | (() => string)) {
@@ -13,7 +14,7 @@ export function useVueImportMap(
   }
 
   const productionMode = ref(false)
-  const vueVersion = ref<string | null>(null)
+  const vueVersion = ref<string | null>(defaults.vueVersion || null)
   const importMap = computed<ImportMap>(() => {
     const vue =
       (!vueVersion.value &&

diff --git a/src/store.ts b/src/store.ts
@@ -18,7 +18,7 @@ import type {
 } from 'vue/compiler-sfc'
 import type { OutputModes } from './types'
 import type { editor } from 'monaco-editor-core'
-import { type ImportMap, mergeImportMap } from './import-map'
+import { type ImportMap, mergeImportMap, useVueImportMap } from './import-map'
 
 import welcomeSFCCode from './template/welcome.vue?raw'
 import newSFCCode from './template/new-sfc.vue?raw'
@@ -35,7 +35,7 @@ export function useStore(
       welcomeSFC: welcomeSFCCode,
       newSFC: newSFCCode,
     }),
-    builtinImportMap = ref({}),
+    builtinImportMap = undefined!, // set later
 
     errors = ref([]),
     showOutput = ref(false),
@@ -51,6 +51,11 @@ export function useStore(
   }: Partial<StoreState> = {},
   serializedState?: string,
 ): ReplStore {
+  if (!builtinImportMap) {
+    ;({ importMap: builtinImportMap, vueVersion } = useVueImportMap({
+      vueVersion: vueVersion.value,
+    }))
+  }
   const loading = ref(false)
 
   function applyBuiltinImportMap() {