chore(docs): update deps

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

docs/components/Repl.vue

@@ -1,13 +1,14 @@
 <script lang="ts">
-import { isClient } from '@vueuse/core'
+import { inBrowser } from 'vitepress'
 import { Suspense } from 'vue'
-import DocsRepl from './DocsRepl.vue'
+
+const DocsRepl = defineAsyncComponent(() => import('./DocsRepl.vue'))
 
 export default defineComponent({
   props: ['example'],
   setup(props) {
     return () => {
-      if (!isClient) {
+      if (!inBrowser) {
         return null
       }
 

docs/package.json

@@ -11,40 +11,40 @@
     "typedocs": "typedoc --options ./typedoc.json"
   },
   "dependencies": {
-    "@algolia/client-search": "^4.14.3",
+    "@algolia/client-search": "^4.17.0",
     "@animxyz/core": "^0.6.6",
     "@animxyz/vue3": "^0.6.7",
-    "@stackblitz/sdk": "^1.8.2",
-    "@vercel/analytics": "^0.1.10",
+    "@stackblitz/sdk": "^1.9.0",
+    "@vercel/analytics": "^1.0.0",
     "@vue-flow/background": "workspace:*",
     "@vue-flow/controls": "workspace:*",
     "@vue-flow/core": "workspace:*",
     "@vue-flow/minimap": "workspace:*",
     "@vue-flow/node-resizer": "workspace:*",
     "@vue-flow/node-toolbar": "workspace:*",
-    "@vue/repl": "1.3.2",
+    "@vue/repl": "1.4.0",
     "blobity": "^0.2.3",
     "canvas-confetti": "^1.6.0",
-    "vue": "^3.2.37",
-    "web-vitals": "^3.1.1"
+    "vue": "3.2.47",
+    "web-vitals": "^3.3.1"
   },
   "devDependencies": {
-    "@iconify/json": "^2.1.95",
-    "@types/canvas-confetti": "^1.6.0",
+    "@iconify/json": "^2.2.52",
     "@tooling/eslint-config": "workspace:*",
     "@tooling/tsconfig": "workspace:*",
+    "@types/canvas-confetti": "^1.6.0",
+    "@vitejs/plugin-vue": "^4.1.0",
     "@windicss/plugin-scrollbar": "^1.2.3",
     "dotenv": "^16.0.3",
     "ohmyfetch": "^0.4.21",
-    "typedoc": "^0.23.25",
-    "typedoc-plugin-markdown": "^3.14.0",
+    "typedoc": "^0.24.4",
+    "typedoc-plugin-markdown": "^3.15.1",
     "typedoc-plugin-merge-modules": "^4.0.1",
     "unplugin-auto-import": "^0.14.4",
-    "unplugin-icons": "^0.14.13",
-    "unplugin-vue-components": "^0.22.9",
+    "unplugin-icons": "^0.16.1",
+    "unplugin-vue-components": "^0.24.1",
     "vite-plugin-windicss": "^1.8.10",
-    "vite": "^2.9.15",
-    "vitepress": "1.0.0-alpha.4",
+    "vitepress": "1.0.0-alpha.73",
     "windicss": "^3.5.6"
   }
 }

docs/src/.vitepress/config.ts

@@ -17,7 +17,7 @@ function capitalize(str: string) {
   return str.charAt(0).toUpperCase() + str.slice(1)
 }
 
-function typedocSidebarEntries(): DefaultTheme.SidebarGroup[] {
+function typedocSidebarEntries() {
   const filePath = resolve(__dirname, '../typedocs')
 
   const docsModules = readdirSync(filePath).filter((name) => statSync(`${filePath}/${name}`).isDirectory())
@@ -34,15 +34,15 @@ function typedocSidebarEntries(): DefaultTheme.SidebarGroup[] {
       })
     }
 
-    return { text: capitalize(module), collapsible: true, items: children } as DefaultTheme.SidebarGroup
+    return { text: capitalize(module), collapsed: true, items: children } as DefaultTheme.SidebarItem
   })
 }
 
-function changelogSidebarEntries(): DefaultTheme.SidebarGroup[] {
+function changelogSidebarEntries(): DefaultTheme.SidebarItem[] {
   return [
     {
       text: 'CHANGELOG',
-      collapsible: true,
+      collapsed: true,
       items: files.map((file) => {
         const name = file.pkgName.replace('.md', '')
         const isCore = name === 'core'
@@ -67,6 +67,9 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
   outDir: resolve(__dirname, '../../dist'),
 
   vite: {
+    ssr: {
+      noExternal: ['@vue/repl'],
+    },
     optimizeDeps: {
       exclude: ['@animxyz/vue3'],
     },
@@ -137,7 +140,7 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
       '/guide/': [
         {
           text: 'Guide',
-          collapsible: true,
+          collapsed: true,
           items: [
             { text: 'Introduction', link: '/guide/' },
             { text: 'Getting Started', link: '/guide/getting-started' },
@@ -149,7 +152,7 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
         },
         {
           text: 'Vue Flow',
-          collapsible: true,
+          collapsed: true,
           items: [
             { text: 'Configuration', link: '/guide/vue-flow/config' },
             { text: 'State', link: '/guide/vue-flow/state' },
@@ -170,7 +173,7 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
         },
         {
           text: 'Utilities',
-          collapsible: true,
+          collapsed: true,
           items: [
             { text: 'Graph', link: '/guide/utils/graph' },
             { text: 'Viewport', link: '/guide/utils/instance' },
@@ -179,7 +182,7 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
         },
         {
           text: 'Components',
-          collapsible: true,
+          collapsed: true,
           items: [
             { text: 'Background', link: '/guide/components/background' },
             { text: 'MiniMap', link: '/guide/components/minimap' },
@@ -194,7 +197,7 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
       '/examples/': [
         {
           text: 'General Examples',
-          collapsible: true,
+          collapsed: true,
           items: [
             { text: 'Basic', link: '/examples/' },
             { text: 'Save & Restore', link: '/examples/save' },
@@ -213,7 +216,7 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
         },
         {
           text: 'Nodes',
-          collapsible: true,
+          collapsed: true,
           items: [
             { text: 'Custom Node', link: '/examples/nodes/' },
             { text: 'Update Node', link: '/examples/nodes/update-node' },
@@ -224,7 +227,7 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
         },
         {
           text: 'Edges',
-          collapsible: true,
+          collapsed: true,
           items: [
             { text: 'Edges', link: '/examples/edges/' },
             { text: 'Updatable Edge', link: '/examples/edges/updatable-edge' },

docs/src/components.d.ts

@@ -1,5 +1,7 @@
-// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 import '@vue/runtime-core'