feat: only add vue-demi for vueuse<=11

Author: OrbisK

app/layouts/default.vue

@@ -2,8 +2,7 @@
 import { getVersionsBatch } from 'fast-npm-meta'
 import semver from 'semver'
 
-// todo: type
-const versions = useSessionStorage<any>('versions', [])
+const versions = useSessionStorage<any[]>('versions', [])
 
 const loadingVersions = shallowRef(false)
 

app/pages/index.vue

@@ -3,6 +3,7 @@ import type { OutputModes } from '@vue/repl'
 import type { ShallowRef } from 'vue'
 import { mergeImportMap, Repl, useStore, useVueImportMap } from '@vue/repl'
 import MonacoEditor from '@vue/repl/monaco-editor'
+import semver from 'semver'
 
 const showOutput = useRouteQuery<string, boolean>('showOutput', 'false', { transform: {
   get(value) {
@@ -46,7 +47,7 @@ function generateVueUseImportCDNs() {
 
 const importMap = computed(() => {
   return mergeImportMap(builtinImportMap.value, {
-    imports: Object.fromEntries([...generateVueUseImportCDNs(), ['vue-demi', 'https://cdn.jsdelivr.net/npm/vue-demi@0.14.10/lib/index.mjs']]),
+    imports: Object.fromEntries([...generateVueUseImportCDNs(), ...(semver.valid(vueuseVersion.value) && semver.major(vueuseVersion.value) <= 11 ? [['vue-demi', 'https://cdn.jsdelivr.net/npm/vue-demi@0.14.10/lib/index.mjs']] : [])]),
   })
 })
 

package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",
+    "typecheck": "nuxt typecheck",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",