chore: update typecheck

Author: antfu

components/CommandPalette.vue

@@ -80,7 +80,9 @@ useEventListener('keydown', (e) => {
         e.preventDefault()
         return
       case 'Enter': {
-        runCommand(commands.commandsResult[selected.value])
+        const command = commands.commandsResult[selected.value]
+        if (command)
+          runCommand(command)
         e.preventDefault()
         break
       }

components/MainPlayground.vue

@@ -15,18 +15,24 @@ function startDragging() {
 
 function endDraggingVertical(e: { size: number }[]) {
   ui.isPanelDragging = false
-  ui.panelDocs = e[0].size
+  if (e) {
+    ui.panelDocs = e[0]?.size || 0
+  }
 }
 
 function endDraggingHorizontal(e: { size: number }[]) {
   ui.isPanelDragging = false
-  ui.panelEditor = e[0].size
-  ui.panelPreview = e[1].size
+  if (e) {
+    ui.panelEditor = e[0]?.size || 0
+    ui.panelPreview = e[1]?.size || 0
+  }
 }
 
 function draggingEmbeddedDocs(e: { size: number }[]) {
   ui.isPanelDragging = true
-  ui.panelDocs = e[0].size
+  if (e) {
+    ui.panelDocs = e[0]?.size || 0
+  }
 }
 
 const terminalPaneProps = computed(() => {

components/PanelDocs.vue

@@ -40,7 +40,7 @@ interface BreadcrumbItem {
 
 function findNavItemFromPath(
   path: string,
-  items: ContentNavigationItem[] | null = navigation.value,
+  items: ContentNavigationItem[] | null | undefined = navigation.value,
 ): ContentNavigationItem | undefined {
   const item = items?.find(i => i.path === path)
   if (item)

components/PanelEditor.vue

@@ -34,7 +34,7 @@ function startDragging() {
 
 function endDragging(e: { size: number }[]) {
   ui.isPanelDragging = false
-  ui.panelFileTree = e[0].size
+  ui.panelFileTree = e[0]?.size || 0
 }
 
 // For panes size initialization on SSR
@@ -95,7 +95,7 @@ const panelInitEditor = computed(() => isMounted.value || {
           bg-faded px4 py2
         >
           <FileIcon :path="play.fileSelected?.filepath || ''" />
-          <span flex-auto text-sm>{{ play.fileSelected?.filepath || 'Editor' }}</span>
+          <span flex-auto text-sm>{{ play.fileSelected?.filepath || $t('editor') }}</span>
           <ButtonShowSolution
             my--1 mr--3 flex-none rounded px2 py1 text-sm op50
             hover="bg-active op100"

i18n/locales/en.yaml

@@ -28,3 +28,4 @@ preview: Preview
 built: Built
 vueVersion: Vue version
 nuxtVersion: Nuxt version
+editor: Editor

i18n/locales/ja.yaml

@@ -28,3 +28,4 @@ preview: プレビュー
 built: ビルド
 vueVersion: Vueバージョン
 nuxtVersion: Nuxtバージョン
+editor: エディタ

monaco/vue.worker.ts

@@ -85,8 +85,9 @@ self.onmessage = () => {
           asFileName,
         ),
       ],
-      languageServicePlugins: getFullLanguageServicePlugins(ts),
+      languageServicePlugins: getFullLanguageServicePlugins(ts) as any,
       setup({ project }) {
+        // @ts-expect-error missing types
         project.vue = { compilerOptions: vueCompilerOptions }
       },
     })

nuxt.config.ts

@@ -141,17 +141,14 @@ export default defineNuxtConfig({
         file: 'ja.yaml',
       },
     ],
-    lazy: true,
     strategy: 'prefix',
     defaultLocale: 'en',
     detectBrowserLanguage: {
       useCookie: true,
       cookieKey: 'i18n_redirected',
       redirectOn: 'root',
     },
-    experimental: {
-      autoImportTranslationFunctions: true,
-    },
+    autoDeclare: true,
   },
 
   ogImage: {