docs: update vitepress

docs/package.json

@@ -24,6 +24,7 @@
     "@vue-flow/node-toolbar": "workspace:*",
     "@vue/repl": "1.4.1",
     "blobity": "^0.2.3",
+    "vue": "^3.3.4",
     "web-vitals": "^3.5.0"
   },
   "devDependencies": {
@@ -40,7 +41,7 @@
     "unplugin-icons": "^0.17.0",
     "unplugin-vue-components": "^0.25.2",
     "vite-plugin-windicss": "^1.9.1",
-    "vitepress": "1.0.0-beta.1",
+    "vitepress": "1.0.0-rc.20",
     "windicss": "^3.5.6"
   }
 }

docs/src/.vitepress/theme/index.ts

@@ -1,8 +1,5 @@
-import type { Theme } from 'vitepress'
 import VueAnimXyz from '@animxyz/vue3'
-import DefaultTheme from 'vitepress/theme'
 import { inject } from '@vercel/analytics'
-import Layout from './layouts/default.vue'
 import 'virtual:windi.css'
 import '@animxyz/core'
 import '@vue-flow/core/dist/style.css'
@@ -11,13 +8,14 @@ import '@vue-flow/controls/dist/style.css'
 import '@vue-flow/minimap/dist/style.css'
 import './../../assets/index.css'
 
-const CustomTheme = {
-  ...DefaultTheme,
+import Theme from 'vitepress/theme'
+import Layout from './layouts/default.vue'
+
+export default {
+  extends: Theme,
   Layout,
-  enhanceApp: ({ app }) => {
+  enhanceApp({ app }) {
     app.use(VueAnimXyz)
     inject()
   },
-} as Theme
-
-export default CustomTheme
+}