feat: upgrade deps (#182)

* feat: upgrade deps

* chore: update

* [autofix.ci] apply automated fixes

* chore: update

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: antfu

components/CommandPalette.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { NuxtLink } from '#components'
 import type { Command } from '~/stores/commands'
+import { NuxtLink } from '#components'
 
 const commands = useCommandsStore()
 const router = useRouter()

components/ContentNavItem.vue

@@ -4,7 +4,7 @@ import type { NavItem } from '@nuxt/content'
 const props = withDefaults(
   defineProps<{
     item: NavItem
-    level: number
+    level?: number
   }>(),
   {
     level: 0,

components/CustomNuxtLink.ts

@@ -4,7 +4,7 @@ const NuxtLink = defineNuxtLink({})
 export default defineComponent({
   name: 'NuxtLink',
   props: NuxtLink.props,
-  setup(props, { slots }) {
+  setup(props: any, { slots }) {
     const url = props.to || props.href
     // Get CORS and add url?.startsWith('https://vuejs.org')
     if (url?.startsWith('https://nuxt.com')) {

components/PanelDocs.vue

@@ -140,7 +140,7 @@ router.beforeEach(() => {
           absolute left-0 right-0 top-0 max-h-60vh py2
           backdrop-blur-10 bg-base important-bg-opacity-80
         >
-          <ContentNavItem v-for="item in navigation" :key="item.url" :item="item" />
+          <ContentNavItem v-for="item of navigation" :key="item.url" :item="item" />
         </div>
       </Transition>
     </div>

components/PanelEditorMonaco.client.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import * as monaco from 'monaco-editor-core/esm/vs/editor/editor.api'
 import { shikiToMonaco } from '@shikijs/monaco'
-import { initMonaco } from '~/monaco/setup'
+import * as monaco from 'monaco-editor-core/esm/vs/editor/editor.api'
 import { reloadLanguageTools } from '~/monaco/env'
+import { initMonaco } from '~/monaco/setup'
 import { getShiki } from '~/monaco/shiki'
 
 const props = defineProps<{

components/PanelPreviewClient.client.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { createBirpc } from 'birpc'
 import type { FrameFunctions, ParentFunctions } from '~/types/rpc'
+import { createBirpc } from 'birpc'
 
 const ui = useUiState()
 const play = usePlaygroundStore()

components/PanelTerminalClient.client.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import '@xterm/xterm/css/xterm.css'
 import type { ITheme } from '@xterm/xterm'
-import { Terminal } from '@xterm/xterm'
 import { FitAddon } from '@xterm/addon-fit'
-import themeLight from 'theme-vitesse/extra/xterm-vitesse-light.json'
+import { Terminal } from '@xterm/xterm'
 import themeDark from 'theme-vitesse/extra/xterm-vitesse-dark.json'
+import themeLight from 'theme-vitesse/extra/xterm-vitesse-light.json'
+import '@xterm/xterm/css/xterm.css'
 
 const play = usePlaygroundStore()
 

modules/template-loader.ts

@@ -1,6 +1,7 @@
-import { fileURLToPath } from 'node:url'
 import fs from 'node:fs/promises'
+import { fileURLToPath } from 'node:url'
 import { addTemplate, addVitePlugin, defineNuxtModule } from '@nuxt/kit'
+// import consola from 'consola'
 import fg from 'fast-glob'
 import { relative, resolve } from 'pathe'
 
@@ -9,6 +10,11 @@ export default defineNuxtModule({
     name: 'template-loader',
   },
   setup(_) {
+    // logger.restoreAll()
+    // logger.wrapAll = () => {}
+    // consola.restoreAll()
+    // consola.wrapAll = () => {}
+
     addTemplate({
       filename: 'templates/basic.ts',
       getContents: async () => {

monaco/env.ts

@@ -1,10 +1,10 @@
-import { basename, dirname } from 'pathe'
+import type { FileType } from './types'
+import type { CreateData } from './vue.worker'
 import * as volar from '@volar/monaco'
-import { Uri, editor, languages } from 'monaco-editor-core'
+import { editor, languages, Uri } from 'monaco-editor-core'
+import { basename, dirname } from 'pathe'
 import stripJsonComments from 'strip-json-comments'
 import { getOrCreateModel } from './utils'
-import type { CreateData } from './vue.worker'
-import type { FileType } from './types'
 
 export type PlaygroundMonacoContext = Pick<PlaygroundStore, 'webcontainer' | 'files'>
 
@@ -162,9 +162,7 @@ export async function reloadLanguageTools(ctx: PlaygroundMonacoContext) {
 function loadFiles(ctx: PlaygroundMonacoContext, files: string[]) {
   return Promise.all(files.map(async (file) => {
     const filepath = withoutLeadingSlash(file)
-    const content = await ctx.webcontainer!.fs
-      .readFile(filepath, 'utf-8')
-      .catch(() => undefined)
+    const content = await ctx.webcontainer!.fs.readFile(filepath, 'utf-8').catch(() => undefined)
     const uri = Uri.parse(`file:///${filepath}`)
     if (content != null) {
       getOrCreateModel(uri, undefined, content)

monaco/setup.ts

@@ -2,12 +2,12 @@
 /* eslint-disable new-cap */
 import * as monaco from 'monaco-editor-core'
 import editorWorker from 'monaco-editor-core/esm/vs/editor/editor.worker?worker'
-import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'
 import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker'
 import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker'
+import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'
 
-import vueWorker from './vue.worker?worker'
 import { reloadLanguageTools } from './env'
+import vueWorker from './vue.worker?worker'
 
 export function initMonaco(ctx: PlaygroundStore) {
   self.MonacoEnvironment = {