migrate to vitepress next

Author: shigma

.vitepress/config/index.ts

@@ -63,7 +63,8 @@ export default async () => {
 
     vite: {
       optimizeDeps: {
-        include: ['xss'],
+        include: ['xss', 'spark-md5'],
+        exclude: ['@koishijs/market'],
       },
       resolve: {
         alias: {

.vitepress/theme/element.scss

@@ -1,5 +1,6 @@
 :root {
   // override element
+  color-scheme: light dark;
   --el-text-color-regular: var(--vp-c-text-1);
   --el-text-color-primary: var(--vp-c-text-1);
   --el-input-text-color: var(--vp-c-text-1);

.vitepress/theme/layout.vue

@@ -1,7 +1,6 @@
 <template>
-  <Layout :class="extra">
+  <Layout>
     <template v-if="frontmatter.layout === 'schema'" #sidebar-nav-before>
-      <VPNavBarTitle></VPNavBarTitle>
       <div class="group">
         <VPSidebarItem :item="navItem" :depth="0"></VPSidebarItem>
       </div>
@@ -14,14 +13,15 @@
 
 <script lang="ts" setup>
 
-import { Layout } from '@cordisjs/vitepress/client'
+import DefaultTheme from 'vitepress/theme'
 import { useData } from 'vitepress'
 import { computed, provide, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { getSorted, kConfig, MarketFilter } from '@koishijs/market'
-import VPNavBarTitle from '@theme-default/components/VPNavBarTitle.vue'
 import VPSidebarItem from '@theme-default/components/VPSidebarItem.vue'
-import { home, market, words } from './utils'
+import { market, words } from './utils'
+
+const Layout = DefaultTheme.Layout
 
 provide(kConfig, {
   portable: true,
@@ -36,15 +36,9 @@ watch(localeIndex, () => {
 
 const navItem = computed(() => ({
   text: theme.value.navText || '导航',
-  items: theme.value.nav.filter(item => item.link),
+  items: theme.value.nav.filter((item: any) => item.link),
 }))
 
-const extra = computed(() => {
-  if (frontmatter.value.layout === 'home') {
-    return [`parity-` + (Math.round(home.position.value) % 2 ? 'odd' : 'even')]
-  }
-})
-
 </script>
 
 <style lang="scss">

.vitepress/theme/utils.ts

@@ -15,7 +15,7 @@ export const market = ref() as MarketRef
 
 market.refresh = async () => {
   if (market.value && +new Date(market.value.time) + refreshInterval > Date.now()) return
-  const response = await fetch('https://registry.koishi.chat/index.json')
+  const response = await fetch('https://registry-next.koishi.chat/index.json')
   market.value = await response.json()
 }
 

package.json

@@ -12,7 +12,7 @@
     "preview": "vitepress preview"
   },
   "devDependencies": {
-    "@cordisjs/vitepress": "^4.4.1",
+    "@cordisjs/vitepress": "^4.4.2",
     "@intlify/unplugin-vue-i18n": "^1.6.0",
     "@koishijs/components": "^1.5.13",
     "@koishijs/core": "^4.18.0",