refactor(docs): migrate twoslash for vitepress

docs/.vitepress/config.ts

@@ -1,7 +1,7 @@
 import MarkdownItGitHubAlerts from 'markdown-it-github-alerts'
 import { defineConfig } from 'vitepress'
 
-import { transformerTwoslash } from 'vitepress-plugin-twoslash'
+import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
 import { repositoryMeta } from './data/meta'
 import { description, ogImage, title } from './constance'
 

docs/.vitepress/theme/index.ts

@@ -2,10 +2,10 @@
 import { h } from 'vue'
 import type { EnhanceAppContext } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
-import TwoSlashFloatingVue from 'vitepress-plugin-twoslash/client'
+import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client'
 import CustomLayout from './CustomLayout.vue'
 
-import 'vitepress-plugin-twoslash/style.css'
+import '@shikijs/vitepress-twoslash/style.css'
 import 'uno.css'
 import './style.css'
 
@@ -15,6 +15,7 @@ export default {
     return h(CustomLayout)
   },
   enhanceApp({ app }: EnhanceAppContext) {
-    app.use(TwoSlashFloatingVue as any)
+    // @ts-expect-error type bug
+    app.use(TwoslashFloatingVue)
   },
 }

docs/.vitepress/vite.config.ts

@@ -16,8 +16,4 @@ export default defineConfig({
     Unocss(fileURLToPath(new URL('./uno.config.ts', import.meta.url))),
     Icons(),
   ],
-  // https://github.com/antfu/shikiji/issues/86
-  ssr: {
-    noExternal: ['shikiji-twoslash', 'vitepress-plugin-twoslash'],
-  },
 })

docs/package.json

@@ -12,10 +12,8 @@
     "lint": "eslint . && case-police '**/*.md'"
   },
   "devDependencies": {
-    "@iconify-json/heroicons": "^1.1.22",
-    "@iconify-json/lucide": "^1.1.201",
-    "@iconify-json/radix-icons": "^1.1.14",
-    "@iconify-json/simple-icons": "^1.1.109",
+    "@iconify/json": "^2.2.230",
+    "@shikijs/vitepress-twoslash": "^1.11.0",
     "case-police": "^0.6.1",
     "consola": "^3.2.3",
     "dotenv": "^16.4.5",
@@ -29,7 +27,6 @@
     "unplugin-icons": "^0.19.0",
     "unplugin-vue-components": "^0.27.3",
     "vitepress": "^1.3.1",
-    "vitepress-plugin-twoslash": "^0.10.2",
     "vue": "^3.4.33"
   }
 }