diff --git a/app/layouts/default.vue b/app/layouts/default.vue index 38869fc..2cc5375 100644 --- a/app/layouts/default.vue +++ b/app/layouts/default.vue @@ -2,8 +2,7 @@ import { getVersionsBatch } from 'fast-npm-meta' import semver from 'semver' -// todo: type -const versions = useSessionStorage('versions', []) +const versions = useSessionStorage('versions', []) const loadingVersions = shallowRef(false) diff --git a/app/pages/index.vue b/app/pages/index.vue index 79f510d..38504cc 100644 --- a/app/pages/index.vue +++ b/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('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']] : [])]), }) }) diff --git a/package.json b/package.json index 7351eb6..d9c52d6 100644 --- a/package.json +++ b/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",