chore: update deps

Author: antfu

components/PanelEditorMonaco.client.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import * as monaco from 'monaco-editor-core/esm/vs/editor/editor.api'
-import { shikijiToMonaco } from 'shikiji-monaco'
+import { shikiToMonaco } from '@shikijs/monaco'
 import { initMonaco } from '~/monaco/setup'
 import { reloadLanguageTools } from '~/monaco/env'
-import { getShikiji } from '~/monaco/shikiji'
+import { getShiki } from '~/monaco/shiki'
 
 const props = defineProps<{
   modelValue: string
@@ -71,8 +71,8 @@ watch(
     if (!value)
       return
 
-    const shiki = await getShikiji()
-    shikijiToMonaco(shiki, monaco)
+    const shiki = await getShiki()
+    shikiToMonaco(shiki, monaco)
 
     const editor = monaco.editor.create(
       value,

content/0.index.md

@@ -24,8 +24,8 @@ With this tutorial, we assume you are already familiar with the basic concept of
 Start learning by click the topics below:
 
 ::div{.flex.flex-wrap.gap-2}
-:content-card{to="/vue/intro" title="Vue Basics" description="If you are not familiar with Vue, we recommend you to learn the basics of Vue first." icon="i-logos-vue"}
-:content-card{to="/concepts/intro" title="Nuxt Concepts" description="If you are not familiar with Vue, we recommend you to learn the basics of Vue first." icon="i-logos-nuxt-icon"}
+:content-card{to="/vue" title="Vue Basics" description="If you are not familiar with Vue, we recommend you to learn the basics of Vue first." icon="i-logos-vue"}
+:content-card{to="/concepts" title="Nuxt Concepts" description="If you are not familiar with Vue, we recommend you to learn the basics of Vue first." icon="i-logos-nuxt-icon"}
 ::
 
 ## Case Studies

monaco/shikiji.ts renamed to monaco/shiki.ts

@@ -1,22 +1,20 @@
-import type { HighlighterCore } from 'shikiji-core'
-import { getHighlighterCore } from 'shikiji-core'
-import { getWasmInlined } from 'shikiji/wasm'
+import type { HighlighterCore } from 'shiki/core'
+import { getHighlighterCore } from 'shiki/core'
+import getWasmInlined from 'shiki/wasm'
 
-import langVue from 'shikiji/langs/vue.mjs'
-import themeBlack from 'theme-vitesse/themes/vitesse-black.json'
-import themeLight from 'theme-vitesse/themes/vitesse-light.json'
+import langVue from 'shiki/langs/vue.mjs'
+import themeBlack from 'shiki/themes/vitesse-black.mjs'
+import themeLight from 'shiki/themes/vitesse-light.mjs'
 
 let highlighter: Promise<HighlighterCore> | undefined
 
-export async function getShikiji() {
+export async function getShiki() {
   if (highlighter)
     return highlighter
 
   const darkColors = (themeBlack as any).colors as Record<string, string>
   darkColors['editor.background'] = '#00000000'
   darkColors['editor.lineHighlightBackground'] = '#00000000'
-  themeLight.name = 'vitesse-light'
-  themeBlack.name = 'vitesse-black'
 
   highlighter = getHighlighterCore({
     langs: [

package.json

@@ -2,7 +2,7 @@
   "name": "learn.nuxt.com",
   "type": "module",
   "private": true,
-  "packageManager": "pnpm@8.14.1",
+  "packageManager": "pnpm@8.15.1",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",
@@ -14,48 +14,48 @@
     "format": "eslint . --fix"
   },
   "dependencies": {
-    "@volar/monaco": "^1.11.1",
+    "@shikijs/core": "^1.0.0-beta.3",
+    "@shikijs/monaco": "^1.0.0-beta.3",
+    "@volar/monaco": "^2.0.0",
     "@vue/language-service": "^1.8.27",
-    "@webcontainer/api": "^1.1.8",
-    "birpc": "^0.2.14",
-    "floating-vue": "^5.1.0",
+    "@webcontainer/api": "^1.1.9",
+    "birpc": "^0.2.15",
+    "floating-vue": "^5.2.2",
     "jszip": "^3.10.1",
     "monaco-editor": "^0.45.0",
     "monaco-editor-textmate": "^4.0.0",
     "monaco-textmate": "^3.0.1",
     "onigasm": "^2.2.5",
-    "shikiji": "^0.9.19",
-    "shikiji-core": "^0.9.19",
-    "shikiji-monaco": "^0.9.19",
+    "shiki": "^1.0.0-beta.3",
     "splitpanes": "^3.1.5",
     "strip-json-comments": "^5.0.1",
     "theme-vitesse": "^0.7.5",
-    "vue": "^3.4.14",
+    "vue": "^3.4.15",
     "vue-router": "^4.2.5",
     "xterm": "^5.3.0",
     "xterm-addon-fit": "^0.8.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.6.2",
+    "@antfu/eslint-config": "^2.6.3",
     "@iconify-json/logos": "^1.1.42",
-    "@iconify/json": "^2.2.169",
-    "@nuxt/content": "^2.10.0",
+    "@iconify/json": "^2.2.177",
+    "@nuxt/content": "^2.11.0",
     "@nuxt/devtools": "^1.0.8",
-    "@nuxt/kit": "^3.9.1",
+    "@nuxt/kit": "^3.10.0",
     "@nuxtjs/color-mode": "^3.3.2",
     "@nuxtjs/seo": "2.0.0-rc.4",
     "@pinia/nuxt": "^0.5.1",
-    "@unocss/eslint-plugin": "^0.58.3",
-    "@unocss/extractor-mdc": "^0.58.3",
-    "@unocss/nuxt": "^0.58.3",
+    "@unocss/eslint-plugin": "^0.58.4",
+    "@unocss/extractor-mdc": "^0.58.4",
+    "@unocss/nuxt": "^0.58.4",
     "@vueuse/nuxt": "^10.7.2",
     "eslint": "^8.56.0",
     "eslint-plugin-format": "^0.1.0",
     "execa": "^8.0.1",
     "fast-glob": "^3.3.2",
     "fuse.js": "^7.0.0",
     "monaco-editor-core": "^0.45.0",
-    "nuxt": "^3.9.1",
+    "nuxt": "^3.10.0",
     "nuxt-icon": "^0.6.8",
     "pathe": "^1.1.2",
     "remark-external-links": "^9.0.1",
@@ -68,7 +68,8 @@
     }
   },
   "resolutions": {
-    "shikiji": "^0.9.19",
+    "shikiji": "npm:[email protected]",
+    "shikiji-transformers": "npm:@shikijs/[email protected]",
     "unified": "^11.0.4"
   }
 }