chore: update shiki

Author: antfu

.vitepress/config.ts

@@ -4,7 +4,7 @@ import { defineConfigWithTheme } from 'vitepress'
 import type { Config as ThemeConfig } from '@vue/theme'
 import baseConfig from '@vue/theme/config'
 import { headerPlugin } from './headerMdPlugin'
-import { transformerTwoslash } from 'vitepress-plugin-twoslash'
+import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
 // import { textAdPlugin } from './textAdMdPlugin'
 
 const nav: ThemeConfig['nav'] = [

.vitepress/inlined-scripts/restorePreference.js

@@ -8,6 +8,6 @@
   restore('vue-docs-prefer-composition', 'prefer-composition', true)
   restore('vue-docs-prefer-sfc', 'prefer-sfc', true)
 
-  window.__VUE_BANNER_ID__ = 'herodevs-vue2-nes'
-  restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed')
+  // window.__VUE_BANNER_ID__ = ''
+  // restore(`vue-docs-banner-${__VUE_BANNER_ID__}`, 'banner-dismissed')
 })()

.vitepress/theme/components/Banner.vue

@@ -1,9 +1,9 @@
-import 'vitepress-plugin-twoslash/style.css'
+import '@shikijs/vitepress-twoslash/style.css'
 import './styles/index.css'
 
 import { h, App, Plugin } from 'vue'
 import { VPTheme } from '@vue/theme'
-import twoslashFloatingVue from 'vitepress-plugin-twoslash/client'
+import twoslashFloatingVue from '@shikijs/vitepress-twoslash/client'
 import PreferenceSwitch from './components/PreferenceSwitch.vue'
 import {
   preferComposition,
@@ -12,14 +12,14 @@ import {
 } from './components/preferences'
 import SponsorsAside from './components/SponsorsAside.vue'
 import VueSchoolLink from './components/VueSchoolLink.vue'
-import Banner from './components/Banner.vue'
+// import Banner from './components/Banner.vue'
 // import TextAd from './components/TextAd.vue'
 
 export default Object.assign({}, VPTheme, {
   Layout: () => {
     // @ts-ignore
     return h(VPTheme.Layout, null, {
-      banner: () => h(Banner),
+      // banner: () => h(Banner),
       'sidebar-top': () => h(PreferenceSwitch),
       'aside-mid': () => h(SponsorsAside)
     })

.vitepress/theme/index.ts

@@ -1,17 +1,21 @@
-.floating-vue-twoslash .twoslash-popup-container {
+:root {
+  --twoslash-border-color: var(--vt-c-divider);
+  --twoslash-unmatched-color: var(--vt-c-text-2);
+}
+
+.twoslash-floating .twoslash-popup-container {
   font-family: var(--vt-font-family-mono);
   line-height: var(--vt-doc-code-line-height);
   font-size: 14px;
   color: white;
 }
 
-.floating-vue-twoslash .twoslash-popup-docs {
-  border-top: 1px solid var(--vt-c-divider);
+.twoslash-floating .twoslash-popup-docs {
   font-family: var(--vt-font-family-base) !important;
   font-size: 1em;
 }
 
-.floating-vue-twoslash .twoslash-popup-docs-tag-name {
+.twoslash-floating .twoslash-popup-docs-tag-name {
   color: var(--vt-c-text-2) !important;
 }
 

.vitepress/theme/styles/twoslash.css

@@ -15,14 +15,18 @@
     "dynamics.js": "^1.1.5",
     "floating-vue": "^5.2.0",
     "gsap": "^3.12.5",
-    "vitepress": "1.0.0-rc.36",
+    "vitepress": "1.0.0-rc.41",
     "vue": "^3.4.15"
   },
   "devDependencies": {
     "@types/markdown-it": "^13.0.7",
     "@types/node": "^20.11.5",
     "terser": "^5.27.0",
-    "vitepress-plugin-twoslash": "^0.10.0-beta.8"
+    "@shikijs/vitepress-twoslash": "^1.0.0-beta.6"
+  },
+  "resolutions": {
+    "shiki": "1.0.0-beta.6",
+    "@shikijs/core": "1.0.0-beta.6"
   },
   "pnpm": {
     "peerDependencyRules": {