diff --git a/.vscode/settings.json b/.vscode/settings.json
index 94a7feb..927bc3d 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,7 +1,7 @@
 {
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "[typescript]": {
-        "editor.defaultFormatter": "vscode.typescript-language-features"
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
     "[typescriptreact]": {
         "editor.defaultFormatter": "vscode.typescript-language-features"
@@ -9,4 +9,4 @@
     "[vue]": {
         "editor.defaultFormatter": "Wscats.vue"
     }
-}
\ No newline at end of file
+}
diff --git a/package.json b/package.json
index 5c7071e..27ab6b8 100644
--- a/package.json
+++ b/package.json
@@ -1,74 +1,74 @@
 {
-  "name": "farris-vue",
-  "private": true,
-  "scripts": {
-    "prepare": "husky install"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^17.1.0",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@farris/eslint-config": "^1.0.0",
-    "@ls-lint/ls-lint": "^1.11.0",
-    "@types/jest": "^29.0.1",
-    "@types/lodash": "^4.14.182",
-    "@types/node": "^18.7.16",
-    "esbuild-register": "^3.3.0",
-    "eslint": "^8.23.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-vue": "^9.4.0",
-    "husky": "^8.0.0",
-    "intersection-observer": "^0.12.2",
-    "lerna": "^5.5.4",
-    "lint-staged": "^13.0.0",
-    "npm-run-all": "^4.1.5",
-    "stylelint": "^14.11.0",
-    "stylelint-config-recommended-scss": "^7.0.0",
-    "stylelint-config-standard": "^28.0.0",
-    "stylelint-scss": "^3.3.1",
-    "@vitejs/plugin-vue": "^3.1.0",
-    "@vitejs/plugin-vue-jsx": "^2.0.1",
-    "@vue/babel-plugin-jsx": "^1.1.1",
-    "typescript": "^4.6.4",
-    "vite": "^3.1.0",
-    "vue-tsc": "^0.40.4",
-    "@vue/test-utils": "^2.0.0",
-    "@babel/parser": "^7.19.0",
-    "@babel/preset-env": "^7.19.0",
-    "@babel/preset-typescript": "^7.18.0",
-    "@babel/traverse": "^7.19.0",
-    "@types/chalk": "^2.2.0",
-    "@types/commander": "^2.12.2",
-    "@types/ora": "^3.2.0",
-    "@typescript-eslint/eslint-plugin": "^5.37.0",
-    "@typescript-eslint/parser": "^5.37.0",
-    "@vue/compiler-sfc": "^3.2.0",
-    "@vuedx/typecheck": "^0.7.5",
-    "@vuedx/typescript-plugin-vue": "^0.7.5",
-    "babel-jest": "^29.0.3",
-    "chalk": "^5.0.0",
-    "commander": "^9.4.0",
-    "conventional-changelog-cli": "^2.2.2",
-    "inquirer": "^9.1.1",
-    "jest": "^29.0.0",
-    "ora": "^6.1.2",
-    "patch-vue-directive-ssr": "^0.0.1",
-    "sass": "^1.32.2",
-    "shelljs": "^0.8.4",
-    "vite-plugin-md": "^0.20.0",
-    "vite-svg-loader": "^3.6.0",
-    "vitepress": "0.20.1",
-    "vitepress-theme-demoblock": "1.3.2"
-  },
-  "lint-staged": {
-    "packages/docs-vue/{*.vue,*.js,*.ts,*.jsx,*.tsx}": "eslint --fix",
-    "packages/docs-vue/{*.scss,*.css}": "stylelint --fix",
-    "packages/ui-vue/{*.vue,*.js,*.ts,*.jsx,*.tsx}": "eslint --fix",
-    "packages/ui-vue/{*.scss,*.css}": "stylelint --fix"
-  },
-  "workspaces": [
-    "packages/*"
-  ],
-  "dependencies": {
-    "jest-environment-jsdom": "^29.0.3"
-  }
+    "name": "farris-vue",
+    "private": true,
+    "scripts": {
+        "prepare": "husky install"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "^17.1.0",
+        "@commitlint/config-conventional": "^17.1.0",
+        "@farris/eslint-config": "^1.0.0",
+        "@ls-lint/ls-lint": "^1.11.0",
+        "@types/jest": "^29.0.1",
+        "@types/lodash": "^4.14.182",
+        "@types/node": "^18.7.16",
+        "esbuild-register": "^3.3.0",
+        "eslint": "^8.23.1",
+        "eslint-plugin-import": "^2.26.0",
+        "eslint-plugin-vue": "^9.4.0",
+        "husky": "^8.0.0",
+        "intersection-observer": "^0.12.2",
+        "lerna": "^5.5.4",
+        "lint-staged": "^13.0.0",
+        "npm-run-all": "^4.1.5",
+        "stylelint": "^14.11.0",
+        "stylelint-config-recommended-scss": "^7.0.0",
+        "stylelint-config-standard": "^28.0.0",
+        "stylelint-scss": "^3.3.1",
+        "@babel/parser": "^7.19.0",
+        "@babel/preset-env": "^7.19.0",
+        "@babel/preset-typescript": "^7.18.0",
+        "@babel/traverse": "^7.19.0",
+        "@types/chalk": "^2.2.0",
+        "@types/commander": "^2.12.2",
+        "@types/ora": "^3.2.0",
+        "@typescript-eslint/eslint-plugin": "^5.37.0",
+        "@typescript-eslint/parser": "^5.37.0",
+        "@vitejs/plugin-vue": "^3.1.0",
+        "@vitejs/plugin-vue-jsx": "^2.0.1",
+        "@vue/babel-plugin-jsx": "^1.1.1",
+        "@vue/compiler-sfc": "^3.2.0",
+        "@vue/test-utils": "^2.0.0",
+        "@vuedx/typecheck": "^0.7.5",
+        "@vuedx/typescript-plugin-vue": "^0.7.5",
+        "babel-jest": "^29.0.3",
+        "chalk": "^5.0.0",
+        "commander": "^9.4.0",
+        "conventional-changelog-cli": "^2.2.2",
+        "inquirer": "^9.1.1",
+        "jest": "^29.0.0",
+        "ora": "^6.1.2",
+        "patch-vue-directive-ssr": "^0.0.1",
+        "sass": "^1.32.2",
+        "shelljs": "^0.8.4",
+        "typescript": "^4.6.4",
+        "vite": "^3.1.0",
+        "vite-plugin-md": "^0.20.0",
+        "vite-svg-loader": "^3.6.0",
+        "vitepress": "^1.0.0-alpha.19",
+        "vitepress-theme-demoblock": "1.3.2",
+        "vue-tsc": "^0.40.4"
+    },
+    "lint-staged": {
+        "packages/docs-vue/{*.vue,*.js,*.ts,*.jsx,*.tsx}": "eslint --fix",
+        "packages/docs-vue/{*.scss,*.css}": "stylelint --fix",
+        "packages/ui-vue/{*.vue,*.js,*.ts,*.jsx,*.tsx}": "eslint --fix",
+        "packages/ui-vue/{*.scss,*.css}": "stylelint --fix"
+    },
+    "workspaces": [
+        "packages/*"
+    ],
+    "dependencies": {
+        "jest-environment-jsdom": "^29.0.3"
+    }
 }
diff --git a/packages/docs-vue/.gitignore b/packages/docs-vue/.gitignore
deleted file mode 100644
index a547bf3..0000000
--- a/packages/docs-vue/.gitignore
+++ /dev/null
@@ -1,24 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
diff --git a/packages/docs-vue/.vscode/extensions.json b/packages/docs-vue/.vscode/extensions.json
deleted file mode 100644
index a7cea0b..0000000
--- a/packages/docs-vue/.vscode/extensions.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}
diff --git a/packages/docs-vue/README.md b/packages/docs-vue/README.md
deleted file mode 100644
index 30b15e2..0000000
--- a/packages/docs-vue/README.md
+++ /dev/null
@@ -1,16 +0,0 @@
-# Vue 3 + TypeScript + Vite
-
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-## Recommended IDE Setup
-
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
-
-## Type Support For `.vue` Imports in TS
-
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
-
-1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
-2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
-
-You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
diff --git a/packages/docs-vue/index.html b/packages/docs-vue/index.html
deleted file mode 100644
index 143557b..0000000
--- a/packages/docs-vue/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>
diff --git a/packages/docs-vue/package.json b/packages/docs-vue/package.json
deleted file mode 100644
index 2b74222..0000000
--- a/packages/docs-vue/package.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "name": "@farris/docs-vue",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.2.37"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^3.1.0",
-    "typescript": "^4.6.4",
-    "vite": "^3.1.0",
-    "vue-tsc": "^0.40.4"
-  }
-}
\ No newline at end of file
diff --git a/packages/docs-vue/public/vite.svg b/packages/docs-vue/public/vite.svg
deleted file mode 100644
index e7b8dfb..0000000
--- a/packages/docs-vue/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/packages/docs-vue/src/App.vue b/packages/docs-vue/src/App.vue
deleted file mode 100644
index de11b55..0000000
--- a/packages/docs-vue/src/App.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script setup lang="ts">
-// This starter template is using Vue 3 <script setup> SFCs
-// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
-import HelloWorld from './components/HelloWorld.vue';
-</script>
-
-<template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>
diff --git a/packages/docs-vue/src/assets/vue.svg b/packages/docs-vue/src/assets/vue.svg
deleted file mode 100644
index 770e9d3..0000000
--- a/packages/docs-vue/src/assets/vue.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/packages/docs-vue/src/components/hello-world.vue b/packages/docs-vue/src/components/hello-world.vue
deleted file mode 100644
index 55422b6..0000000
--- a/packages/docs-vue/src/components/hello-world.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup lang="ts">
-
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>();
-
-const count = ref(0)
-
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
diff --git a/packages/docs-vue/src/components/hello-world.vue~merged b/packages/docs-vue/src/components/hello-world.vue~merged
deleted file mode 100644
index fef5fe7..0000000
--- a/packages/docs-vue/src/components/hello-world.vue~merged
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>();
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
diff --git a/packages/docs-vue/src/main.ts b/packages/docs-vue/src/main.ts
deleted file mode 100644
index 2425c0f..0000000
--- a/packages/docs-vue/src/main.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
-
-createApp(App).mount('#app')
diff --git a/packages/docs-vue/src/style.css b/packages/docs-vue/src/style.css
deleted file mode 100644
index 0192f9a..0000000
--- a/packages/docs-vue/src/style.css
+++ /dev/null
@@ -1,81 +0,0 @@
-:root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}
diff --git a/packages/docs-vue/src/vite-env.d.ts b/packages/docs-vue/src/vite-env.d.ts
deleted file mode 100644
index 63a09fd..0000000
--- a/packages/docs-vue/src/vite-env.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-// / <reference types="vite/client" />
-
-declare module '*.vue' {
-    import type { DefineComponent } from 'vue';
-
-    const component: DefineComponent<{}, {}, any>;
-    export default component;
-}
diff --git a/packages/docs-vue/tsconfig.json b/packages/docs-vue/tsconfig.json
deleted file mode 100644
index 93448aa..0000000
--- a/packages/docs-vue/tsconfig.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "strict": true,
-    "jsx": "preserve",
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "lib": ["ESNext", "DOM"],
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}
diff --git a/packages/docs-vue/tsconfig.node.json b/packages/docs-vue/tsconfig.node.json
deleted file mode 100644
index 9d31e2a..0000000
--- a/packages/docs-vue/tsconfig.node.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}
diff --git a/packages/docs-vue/vite.config.ts b/packages/docs-vue/vite.config.ts
deleted file mode 100644
index 315212d..0000000
--- a/packages/docs-vue/vite.config.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue()]
-})
diff --git a/packages/ui-vue/docs/.vitepress/config.js b/packages/ui-vue/docs/.vitepress/config.js
new file mode 100644
index 0000000..1fe86bc
--- /dev/null
+++ b/packages/ui-vue/docs/.vitepress/config.js
@@ -0,0 +1,4 @@
+require('esbuild-register')
+
+const config = require('./config/index.ts')
+module.exports = config.default
\ No newline at end of file
diff --git a/packages/ui-vue/docs/.vitepress/config/head.ts b/packages/ui-vue/docs/.vitepress/config/head.ts
new file mode 100644
index 0000000..69ff1cb
--- /dev/null
+++ b/packages/ui-vue/docs/.vitepress/config/head.ts
@@ -0,0 +1,7 @@
+import { HeadConfig } from 'vitepress';
+
+const head: HeadConfig[] = [
+  ['link', { rel: 'icon', type: 'image/svg+xml', href: '/assets/logo.svg' }],
+];
+
+export default head;
diff --git a/packages/ui-vue/docs/.vitepress/config/index.ts b/packages/ui-vue/docs/.vitepress/config/index.ts
new file mode 100644
index 0000000..ea10bd3
--- /dev/null
+++ b/packages/ui-vue/docs/.vitepress/config/index.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vitepress';
+import head from './head';
+import nav from './nav';
+import markdown from './markdown';
+
+const config = defineConfig({
+    title: ' ',
+    description: '基于 Farris Design 的前端组件库',
+    head,
+    markdown,
+    themeConfig: {
+        nav,
+        logo: '../../assets/farris_design.jpg'
+    }
+});
+
+export default config;
diff --git a/packages/ui-vue/docs/.vitepress/config/markdown.ts b/packages/ui-vue/docs/.vitepress/config/markdown.ts
new file mode 100644
index 0000000..6f1cc86
--- /dev/null
+++ b/packages/ui-vue/docs/.vitepress/config/markdown.ts
@@ -0,0 +1,9 @@
+const markdown = {
+  config: (md) => {
+    const { demoBlockPlugin } = require('vitepress-theme-demoblock')
+    md.use(demoBlockPlugin, {
+      cssPreprocessor: 'scss'
+    })
+  }
+}
+export default markdown
diff --git a/packages/ui-vue/docs/.vitepress/config/nav.ts b/packages/ui-vue/docs/.vitepress/config/nav.ts
new file mode 100644
index 0000000..d3b1b14
--- /dev/null
+++ b/packages/ui-vue/docs/.vitepress/config/nav.ts
@@ -0,0 +1,3 @@
+const nav = [{ text: '组件', link: '/quick-start/' }];
+
+export default nav;
diff --git a/packages/ui-vue/docs/assets/farris_design.jpg b/packages/ui-vue/docs/assets/farris_design.jpg
new file mode 100644
index 0000000..bdce348
Binary files /dev/null and b/packages/ui-vue/docs/assets/farris_design.jpg differ
diff --git a/packages/ui-vue/docs/index.md b/packages/ui-vue/docs/index.md
new file mode 100644
index 0000000..f8cdd28
--- /dev/null
+++ b/packages/ui-vue/docs/index.md
@@ -0,0 +1,17 @@
+---
+layout: home
+hero:
+  name: Farris UI Vue
+  text: 前端组件库
+  tagline: 基于 Farris Design 具有 Fast Reliable Responsive Intuitive Smart 五大特性。
+  image:
+    src:  /assets/farris_design.jpg
+    alt: Farris UI Vue
+  actions:
+    - theme: brand
+      text: 快速开始
+      link: /quick-start/
+    - theme: Gitee
+      text: View on Gitee
+      link: https://gitee.com/ubml/farris-vue
+---
diff --git a/packages/ui-vue/docs/vite.config.ts b/packages/ui-vue/docs/vite.config.ts
new file mode 100644
index 0000000..5d8b332
--- /dev/null
+++ b/packages/ui-vue/docs/vite.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import svgLoader from 'vite-svg-loader';
+
+export default defineConfig({
+    plugins: [vueJsx({}), svgLoader()],
+    server: {
+        fs: {
+            strict: false
+        }
+    }
+});
diff --git a/packages/ui-vue/package.json b/packages/ui-vue/package.json
index 6995797..3709e66 100644
--- a/packages/ui-vue/package.json
+++ b/packages/ui-vue/package.json
@@ -7,25 +7,21 @@
     "build": "vue-tsc --noEmit && vite build",
     "preview": "vite preview",
     "test": "jest --config jest.config.js",
-    "coverage": "jest --config jest.config.js --coverage"
+    "coverage": "jest --config jest.config.js --coverage",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs"
   },
   "dependencies": {
-    "vue": "^3.2.37",
     "@types/lodash-es": "^4.17.4",
     "@vue/shared": "^3.2.0",
     "@vueuse/core": "9.2.0",
     "async-validator": "^4.2.0",
     "lodash": "^4.17.21",
-    "lodash-es": "^4.17.20"
+    "lodash-es": "^4.17.20",
+    "vue": "^3.2.37"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^3.1.0",
-    "@vitejs/plugin-vue-jsx": "^2.0.1",
-    "@vue/babel-plugin-jsx": "^1.1.1",
-    "typescript": "^4.6.4",
-    "vite": "^3.1.0",
-    "vue-tsc": "^0.40.4",
-    "@vue/test-utils": "^2.0.0",
     "@babel/parser": "^7.19.0",
     "@babel/preset-env": "^7.19.0",
     "@babel/preset-typescript": "^7.18.0",
@@ -38,7 +34,11 @@
     "@types/ora": "^3.2.0",
     "@typescript-eslint/eslint-plugin": "^5.37.0",
     "@typescript-eslint/parser": "^5.37.0",
+    "@vitejs/plugin-vue": "^3.1.0",
+    "@vitejs/plugin-vue-jsx": "^2.0.1",
+    "@vue/babel-plugin-jsx": "^1.1.1",
     "@vue/compiler-sfc": "^3.2.0",
+    "@vue/test-utils": "^2.0.0",
     "@vuedx/typecheck": "^0.7.5",
     "@vuedx/typescript-plugin-vue": "^0.7.5",
     "babel-jest": "^29.0.3",
@@ -51,9 +51,12 @@
     "patch-vue-directive-ssr": "^0.0.1",
     "sass": "^1.32.2",
     "shelljs": "^0.8.4",
+    "typescript": "^4.6.4",
+    "vite": "^3.1.0",
     "vite-plugin-md": "^0.20.0",
     "vite-svg-loader": "^3.6.0",
-    "vitepress": "0.20.1",
-    "vitepress-theme-demoblock": "1.3.2"
+    "vitepress": "^1.0.0-alpha.19",
+    "vitepress-theme-demoblock": "1.3.2",
+    "vue-tsc": "^0.40.4"
   }
 }
diff --git a/packages/ui-vue/src/App.vue b/packages/ui-vue/src/App.vue
index 2395c54..5c6058c 100644
--- a/packages/ui-vue/src/App.vue
+++ b/packages/ui-vue/src/App.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
 // This starter template is using Vue 3 <script setup> SFCs
 // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
-import { ref } from 'vue';
-import HelloWorld from './components/hello-world.vue';
-import Avatar from './components/avatar.vue';
-import Tabs from './components/tabs.vue'
-import ButtonEdit from './components/button-edit.vue';
-import FButton from '../components/button/src/button.component';
-import Switch from './components/switch.vue';
-import RadioGroup from './components/radio-group.vue';
-import Section from './components/section.vue';
-import Notify from './components/notify.vue';
-import Accordion from './components/accordion.vue';
+import { ref } from "vue";
+import HelloWorld from "./components/hello-world.vue";
+import Avatar from "./components/avatar.vue";
+import Tabs from "./components/tabs.vue";
+import ButtonEdit from "./components/button-edit.vue";
+import FButton from "../components/button/src/button.component";
+import Switch from "./components/switch.vue";
+import RadioGroup from "./components/radio-group.vue";
+import Section from "./components/section.vue";
+import Notify from "./components/notify.vue";
+import Accordion from "./components/accordion.vue";
 
 const canEdit = ref(true);
 const disable = ref(false);
@@ -19,45 +19,45 @@ const canAutoComplete = ref(false);
 </script>
 
 <template>
-    <div>
-        <a href="https://vitejs.dev" target="_blank">
-            <img src="/vite.svg" class="logo" alt="Vite logo" />
-        </a>
-        <a href="https://vuejs.org/" target="_blank">
-            <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-        </a>
-    </div>
-    <HelloWorld msg="Vite + Vue" />
-    <!-- <input type="checkbox" id="checkbox" v-model="canEdit" />
+  <div>
+    <a href="https://vitejs.dev" target="_blank">
+      <img src="/vite.svg" class="logo" alt="Vite logo" />
+    </a>
+    <a href="https://vuejs.org/" target="_blank">
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+    </a>
+  </div>
+  <HelloWorld msg="Vite + Vue" />
+  <!-- <input type="checkbox" id="checkbox" v-model="canEdit" />
   <label for="checkbox">editable:{{ canEdit }}</label>
   <input type="checkbox" id="checkbox" v-model="canAutoComplete" />
   <label for="checkbox">auto complete:{{ canAutoComplete }}</label> -->
-    <!-- <ButtonEdit :editable="canEdit" :auto-complete="canAutoComplete" :enable-clear="true"></ButtonEdit> -->
-    <ButtonEdit></ButtonEdit>
-    <Avatar></Avatar>
-    <input type="checkbox" id="checkbox" v-model="disable" />
-    <label for="checkbox">disable:{{ disable }}</label>
-    <FButton :disable="disable"></FButton>
-    <Switch></Switch>
-    <RadioGroup></RadioGroup>
-    <Section></Section>
-    <Notify></Notify>
-    <Accordion></Accordion>
-    <Tabs />
+  <!-- <ButtonEdit :editable="canEdit" :auto-complete="canAutoComplete" :enable-clear="true"></ButtonEdit> -->
+  <ButtonEdit></ButtonEdit>
+  <Avatar></Avatar>
+  <input type="checkbox" id="checkbox" v-model="disable" />
+  <label for="checkbox">disable:{{ disable }}</label>
+  <FButton :disable="disable"></FButton>
+  <Switch></Switch>
+  <RadioGroup></RadioGroup>
+  <Section></Section>
+  <Notify></Notify>
+  <Accordion></Accordion>
+  <Tabs />
 </template>
 
 <style scoped>
 .logo {
-    height: 6em;
-    padding: 1.5em;
-    will-change: filter;
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
 }
 
 .logo:hover {
-    filter: drop-shadow(0 0 2em #646cffaa);
+  filter: drop-shadow(0 0 2em #646cffaa);
 }
 
 .logo.vue:hover {
-    filter: drop-shadow(0 0 2em #42b883aa);
+  filter: drop-shadow(0 0 2em #42b883aa);
 }
 </style>
diff --git a/packages/ui-vue/src/main.ts b/packages/ui-vue/src/main.ts
index a31b810..aa83e6b 100644
--- a/packages/ui-vue/src/main.ts
+++ b/packages/ui-vue/src/main.ts
@@ -1,5 +1,5 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './app.vue'
+import { createApp } from 'vue';
+import './style.css';
+import App from './app.vue';
 
-createApp(App).mount('#app')
+createApp(App).mount('#app');
diff --git a/packages/ui-vue/vite.config.ts b/packages/ui-vue/vite.config.ts
index 48cf950..b665809 100644
--- a/packages/ui-vue/vite.config.ts
+++ b/packages/ui-vue/vite.config.ts
@@ -4,5 +4,5 @@ import vueJsx from '@vitejs/plugin-vue-jsx';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()]
+    plugins: [vue(), vueJsx()]
 });
diff --git a/yarn.lock b/yarn.lock
index 4179836..b2076f0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,25 @@
 # yarn lockfile v1
 
 
+"@algolia/autocomplete-core@1.7.1":
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.7.1.tgz#025538b8a9564a9f3dd5bcf8a236d6951c76c7d1"
+  integrity sha512-eiZw+fxMzNQn01S8dA/hcCpoWCOCwcIIEUtHHdzN5TGB3IpzLbuhqFeTfh2OUhhgkE8Uo17+wH+QJ/wYyQmmzg==
+  dependencies:
+    "@algolia/autocomplete-shared" "1.7.1"
+
+"@algolia/autocomplete-preset-algolia@1.7.1":
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.7.1.tgz#7dadc5607097766478014ae2e9e1c9c4b3f957c8"
+  integrity sha512-pJwmIxeJCymU1M6cGujnaIYcY3QPOVYZOXhFkWVM7IxKzy272BwCvMFMyc5NpG/QmiObBxjo7myd060OeTNJXg==
+  dependencies:
+    "@algolia/autocomplete-shared" "1.7.1"
+
+"@algolia/autocomplete-shared@1.7.1":
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.7.1.tgz#95c3a0b4b78858fed730cf9c755b7d1cd0c82c74"
+  integrity sha512-eTmGVqY3GeyBTT8IWiB2K5EuURAqhnumfktAEoHxfDY2o7vg2rSnO16ZtIG0fMgt3py28Vwgq42/bVEuaQV7pg==
+
 "@algolia/cache-browser-local-storage@4.14.2":
   version "4.14.2"
   resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.14.2.tgz#d5b1b90130ca87c6321de876e167df9ec6524936"
@@ -1258,6 +1277,11 @@
   resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz#1bfafe4b7ed0f3e4105837e056e0a89b108ebe36"
   integrity sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==
 
+"@docsearch/css@3.2.1", "@docsearch/css@^3.2.1":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-3.2.1.tgz#c05d7818b0e43b42f9efa2d82a11c36606b37b27"
+  integrity sha512-gaP6TxxwQC+K8D6TRx5WULUWKrcbzECOPA2KCVMuI+6C7dNiGUk5yXXzVhc5sld79XKYLnO9DRTI4mjXDYkh+g==
+
 "@docsearch/css@^1.0.0-alpha.28":
   version "1.0.0-alpha.28"
   resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-1.0.0-alpha.28.tgz#c8a2cd8c1bb3a6855c51892e9dbdab5d42fe6e23"
@@ -1271,6 +1295,24 @@
     "@docsearch/react" "^1.0.0-alpha.28"
     preact "^10.0.0"
 
+"@docsearch/js@^3.2.1":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@docsearch/js/-/js-3.2.1.tgz#d6856fb6223c7a47091640264d5144d59806bc30"
+  integrity sha512-H1PekEtSeS0msetR2YGGey2w7jQ2wAKfGODJvQTygSwMgUZ+2DHpzUgeDyEBIXRIfaBcoQneqrzsljM62pm6Xg==
+  dependencies:
+    "@docsearch/react" "3.2.1"
+    preact "^10.0.0"
+
+"@docsearch/react@3.2.1":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-3.2.1.tgz#112ad88db07367fa6fd933d67d58421d8d8289aa"
+  integrity sha512-EzTQ/y82s14IQC5XVestiK/kFFMe2aagoYFuTAIfIb/e+4FU7kSMKonRtLwsCiLQHmjvNQq+HO+33giJ5YVtaQ==
+  dependencies:
+    "@algolia/autocomplete-core" "1.7.1"
+    "@algolia/autocomplete-preset-algolia" "1.7.1"
+    "@docsearch/css" "3.2.1"
+    algoliasearch "^4.0.0"
+
 "@docsearch/react@^1.0.0-alpha.28":
   version "1.0.0-alpha.28"
   resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-1.0.0-alpha.28.tgz#4f039ed79f8b3332b19a57677b219aebc5010e9d"
@@ -3047,7 +3089,7 @@
     "@babel/plugin-transform-typescript" "^7.18.12"
     "@vue/babel-plugin-jsx" "^1.1.1"
 
-"@vitejs/plugin-vue@^1.4.0", "@vitejs/plugin-vue@^1.9.0":
+"@vitejs/plugin-vue@^1.4.0":
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-1.10.2.tgz#d718479e2789d8a94b63e00f23f1898ba239253a"
   integrity sha512-/QJ0Z9qfhAFtKRY+r57ziY4BSbGUTGsPRMpB/Ron3QPwBZM4OZAZHdTa4a8PafCwU5DTatXG8TMDoP8z+oDqJw==
@@ -3057,6 +3099,11 @@
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-3.1.0.tgz#3a423ea6943a450e806da412a911150e928598ed"
   integrity sha512-fmxtHPjSOEIRg6vHYDaem+97iwCUg/uSIaTzp98lhELt2ISOQuDo2hbkBdXod0g15IhfPMQmAxh4heUks2zvDA==
 
+"@vitejs/plugin-vue@^3.1.2":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-3.1.2.tgz#3cd52114e8871a0b5e7bd7d837469c032e503036"
+  integrity sha512-3zxKNlvA3oNaKDYX0NBclgxTQ1xaFdL7PzwF6zj9tGFziKwmBa3Q/6XcJQxudlT81WxDjEhHmevvIC4Orc1LhQ==
+
 "@volar/code-gen@0.40.13":
   version "0.40.13"
   resolved "https://registry.yarnpkg.com/@volar/code-gen/-/code-gen-0.40.13.tgz#cd69a67b11462b93d79ea2139f9f1e0a76e15111"
@@ -3130,6 +3177,16 @@
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
+"@vue/compiler-core@3.2.40":
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.40.tgz#c785501f09536748121e937fb87605bbb1ada8e5"
+  integrity sha512-2Dc3Stk0J/VyQ4OUr2yEC53kU28614lZS+bnrCbFSAIftBJ40g/2yQzf4mPBiFuqguMB7hyHaujdgZAQ67kZYA==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/shared" "3.2.40"
+    estree-walker "^2.0.2"
+    source-map "^0.6.1"
+
 "@vue/compiler-dom@3.2.39", "@vue/compiler-dom@^3.2.38":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.39.tgz#bd69d35c1a48fe2cea4ab9e96d2a3a735d146fdf"
@@ -3138,6 +3195,14 @@
     "@vue/compiler-core" "3.2.39"
     "@vue/shared" "3.2.39"
 
+"@vue/compiler-dom@3.2.40":
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.40.tgz#c225418773774db536174d30d3f25ba42a33e7e4"
+  integrity sha512-OZCNyYVC2LQJy4H7h0o28rtk+4v+HMQygRTpmibGoG9wZyomQiS5otU7qo3Wlq5UfHDw2RFwxb9BJgKjVpjrQw==
+  dependencies:
+    "@vue/compiler-core" "3.2.40"
+    "@vue/shared" "3.2.40"
+
 "@vue/compiler-sfc@3.2.39", "@vue/compiler-sfc@^3.2.0", "@vue/compiler-sfc@^3.2.1", "@vue/compiler-sfc@^3.2.20", "@vue/compiler-sfc@^3.2.38":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.39.tgz#8fe29990f672805b7c5a2ecfa5b05e681c862ea2"
@@ -3154,6 +3219,22 @@
     postcss "^8.1.10"
     source-map "^0.6.1"
 
+"@vue/compiler-sfc@3.2.40":
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.40.tgz#61823283efc84d25d9d2989458f305d32a2ed141"
+  integrity sha512-tzqwniIN1fu1PDHC3CpqY/dPCfN/RN1thpBC+g69kJcrl7mbGiHKNwbA6kJ3XKKy8R6JLKqcpVugqN4HkeBFFg==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.40"
+    "@vue/compiler-dom" "3.2.40"
+    "@vue/compiler-ssr" "3.2.40"
+    "@vue/reactivity-transform" "3.2.40"
+    "@vue/shared" "3.2.40"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+    postcss "^8.1.10"
+    source-map "^0.6.1"
+
 "@vue/compiler-ssr@3.2.39":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.39.tgz#4f3bfb535cb98b764bee45e078700e03ccc60633"
@@ -3162,6 +3243,19 @@
     "@vue/compiler-dom" "3.2.39"
     "@vue/shared" "3.2.39"
 
+"@vue/compiler-ssr@3.2.40":
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.40.tgz#67df95a096c63e9ec4b50b84cc6f05816793629c"
+  integrity sha512-80cQcgasKjrPPuKcxwuCx7feq+wC6oFl5YaKSee9pV3DNq+6fmCVwEEC3vvkf/E2aI76rIJSOYHsWSEIxK74oQ==
+  dependencies:
+    "@vue/compiler-dom" "3.2.40"
+    "@vue/shared" "3.2.40"
+
+"@vue/devtools-api@^6.4.2":
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.4.2.tgz#faf303a70cd9f8662896d663a195df41a8af1e53"
+  integrity sha512-6hNZ23h1M2Llky+SIAmVhL7s6BjLtZBCzjIz9iRSBUsysjE7kC39ulW0dH4o/eZtycmSt4qEr6RDVGTIuWu+ow==
+
 "@vue/reactivity-transform@3.2.39":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.39.tgz#da6ae6c8fd77791b9ae21976720d116591e1c4aa"
@@ -3173,6 +3267,17 @@
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
+"@vue/reactivity-transform@3.2.40":
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.40.tgz#dc24b9074b26f0d9dd2034c6349f5bb2a51c86ac"
+  integrity sha512-HQUCVwEaacq6fGEsg2NUuGKIhUveMCjOk8jGHqLXPI2w6zFoPrlQhwWEaINTv5kkZDXKEnCijAp+4gNEHG03yw==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.40"
+    "@vue/shared" "3.2.40"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+
 "@vue/reactivity@3.2.38":
   version "3.2.38"
   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.38.tgz#d576fdcea98eefb96a1f1ad456e289263e87292e"
@@ -3187,6 +3292,13 @@
   dependencies:
     "@vue/shared" "3.2.39"
 
+"@vue/reactivity@3.2.40":
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.40.tgz#ae65496f5b364e4e481c426f391568ed7d133cca"
+  integrity sha512-N9qgGLlZmtUBMHF9xDT4EkD9RdXde1Xbveb+niWMXuHVWQP5BzgRmE3SFyUBBcyayG4y1lhoz+lphGRRxxK4RA==
+  dependencies:
+    "@vue/shared" "3.2.40"
+
 "@vue/runtime-core@3.2.39":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.39.tgz#dc1faccab11b3e81197aba33fb30c9447c1d2c84"
@@ -3195,6 +3307,14 @@
     "@vue/reactivity" "3.2.39"
     "@vue/shared" "3.2.39"
 
+"@vue/runtime-core@3.2.40":
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.40.tgz#e814358bf1b0ff6d4a6b4f8f62d9f341964fb275"
+  integrity sha512-U1+rWf0H8xK8aBUZhnrN97yoZfHbjgw/bGUzfgKPJl69/mXDuSg8CbdBYBn6VVQdR947vWneQBFzdhasyzMUKg==
+  dependencies:
+    "@vue/reactivity" "3.2.40"
+    "@vue/shared" "3.2.40"
+
 "@vue/runtime-dom@3.2.39":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.39.tgz#4a8cb132bcef316e8151c5ed07fc7272eb064614"
@@ -3204,6 +3324,15 @@
     "@vue/shared" "3.2.39"
     csstype "^2.6.8"
 
+"@vue/runtime-dom@3.2.40":
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.40.tgz#975119feac5ab703aa9bbbf37c9cc966602c8eab"
+  integrity sha512-AO2HMQ+0s2+MCec8hXAhxMgWhFhOPJ/CyRXnmTJ6XIOnJFLrH5Iq3TNwvVcODGR295jy77I6dWPj+wvFoSYaww==
+  dependencies:
+    "@vue/runtime-core" "3.2.40"
+    "@vue/shared" "3.2.40"
+    csstype "^2.6.8"
+
 "@vue/server-renderer@3.2.39", "@vue/server-renderer@^3.2.1":
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.39.tgz#4358292d925233b0d8b54cf0513eaece8b2351c5"
@@ -3212,6 +3341,14 @@
     "@vue/compiler-ssr" "3.2.39"
     "@vue/shared" "3.2.39"
 
+"@vue/server-renderer@3.2.40":
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.40.tgz#55eaac31f7105c3907e1895129bf4efb6b0ce393"
+  integrity sha512-gtUcpRwrXOJPJ4qyBpU3EyxQa4EkV8I4f8VrDePcGCPe4O/hd0BPS7v9OgjIQob6Ap8VDz9G+mGTKazE45/95w==
+  dependencies:
+    "@vue/compiler-ssr" "3.2.40"
+    "@vue/shared" "3.2.40"
+
 "@vue/shared@3.2.38":
   version "3.2.38"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.38.tgz#e823f0cb2e85b6bf43430c0d6811b1441c300f3c"
@@ -3222,6 +3359,11 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.39.tgz#302df167559a1a5156da162d8cc6760cef67f8e3"
   integrity sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw==
 
+"@vue/shared@3.2.40":
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.40.tgz#e57799da2a930b975321981fcee3d1e90ed257ae"
+  integrity sha512-0PLQ6RUtZM0vO3teRfzGi4ltLUO5aO+kLgwh4Um3THSR03rpQWLTuRCkuO5A41ITzwdWeKdPHtSARuPkoo5pCQ==
+
 "@vue/test-utils@^2.0.0":
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.0.2.tgz#0b5edd683366153d5bc5a91edc62f292118710eb"
@@ -3317,11 +3459,26 @@
     "@vueuse/shared" "9.2.0"
     vue-demi "*"
 
+"@vueuse/core@^9.3.0":
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-9.3.0.tgz#74d855bd19cb5eadd2edb30c871918fac881e8b8"
+  integrity sha512-64Rna8IQDWpdrJxgitDg7yv1yTp41ZmvV8zlLEylK4QQLWAhz1OFGZDPZ8bU4lwcGgbEJ2sGi2jrdNh4LttUSQ==
+  dependencies:
+    "@types/web-bluetooth" "^0.0.15"
+    "@vueuse/metadata" "9.3.0"
+    "@vueuse/shared" "9.3.0"
+    vue-demi "*"
+
 "@vueuse/metadata@9.2.0":
   version "9.2.0"
   resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-9.2.0.tgz#6bf7c9c44b9f5ece405837226a0e04a997994458"
   integrity sha512-exN4KE6iquxDCdt72BgEhb3tlOpECtD61AUdXnUqBTIUCl70x1Ar/QXo3bYcvxmdMS2/peQyfeTzBjRTpvL5xw==
 
+"@vueuse/metadata@9.3.0":
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-9.3.0.tgz#c107fe77a577e1f221536cd1b291039c0c7c4bce"
+  integrity sha512-GnnfjbzIPJIh9ngL9s9oGU1+Hx/h5/KFqTfJykzh/1xjaHkedV9g0MASpdmPZIP+ynNhKAcEfA6g5i8KXwtoMA==
+
 "@vueuse/shared@9.2.0":
   version "9.2.0"
   resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-9.2.0.tgz#7831051b2c1d01c3413c749468ee53a86024510e"
@@ -3329,6 +3486,13 @@
   dependencies:
     vue-demi "*"
 
+"@vueuse/shared@9.3.0":
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-9.3.0.tgz#40fc138ba4e379c894075830aa2e15404aaa8a5b"
+  integrity sha512-caGUWLY0DpPC6l31KxeUy6vPVNA0yKxx81jFYLoMpyP6cF84FG5Dkf69DfSUqL57wX8JcUkJDMnQaQIZPWFEQQ==
+  dependencies:
+    vue-demi "*"
+
 "@yankeeinlondon/builder-api@*":
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/@yankeeinlondon/builder-api/-/builder-api-0.4.1.tgz#778cf3e988c7488634545309edda565a327b7bbf"
@@ -3804,6 +3968,11 @@ bl@^5.0.0:
     inherits "^2.0.4"
     readable-stream "^3.4.0"
 
+body-scroll-lock@4.0.0-beta.0:
+  version "4.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/body-scroll-lock/-/body-scroll-lock-4.0.0-beta.0.tgz#4f78789d10e6388115c0460cd6d7d4dd2bbc4f7e"
+  integrity sha512-a7tP5+0Mw3YlUJcGAKUqIBkYYGlYxk2fnCasq/FUph1hadxlTRjF+gAcZksxANnaMnALjxEddmSi/H3OR8ugcQ==
+
 boolbase@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
@@ -7116,7 +7285,7 @@ json5@^2.2.1:
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
   integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
 
-jsonc-parser@3.2.0:
+jsonc-parser@3.2.0, jsonc-parser@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
   integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
@@ -8603,7 +8772,7 @@ pretty-format@^29.0.0, pretty-format@^29.0.3:
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
-prismjs@^1.23.0, prismjs@^1.25.0:
+prismjs@^1.23.0:
   version "1.29.0"
   resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"
   integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==
@@ -9125,6 +9294,15 @@ shelljs@^0.8.4:
     interpret "^1.0.0"
     rechoir "^0.6.2"
 
+shiki@^0.11.1:
+  version "0.11.1"
+  resolved "https://registry.yarnpkg.com/shiki/-/shiki-0.11.1.tgz#df0f719e7ab592c484d8b73ec10e215a503ab8cc"
+  integrity sha512-EugY9VASFuDqOexOgXR18ZV+TbFrQHeCpEYaXamO+SZlsnT/2LxuLBX25GGtIrwaEVFXUAbUQ601SWE2rMwWHA==
+  dependencies:
+    jsonc-parser "^3.0.0"
+    vscode-oniguruma "^1.6.1"
+    vscode-textmate "^6.0.0"
+
 side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
@@ -10084,7 +10262,7 @@ vite-svg-loader@^3.6.0:
     "@vue/compiler-sfc" "^3.2.20"
     svgo "^2.7.0"
 
-vite@^2.4.4, vite@^2.6.5:
+vite@^2.4.4:
   version "2.9.15"
   resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.15.tgz#2858dd5b2be26aa394a283e62324281892546f0b"
   integrity sha512-fzMt2jK4vQ3yK56te3Kqpkaeq9DkcZfBbzHwYpobasvgYmP2SoAr6Aic05CsB4CzCZbsDv4sujX3pkEGhLabVQ==
@@ -10108,6 +10286,18 @@ vite@^2.4.4, vite@^2.6.5:
   optionalDependencies:
     fsevents "~2.3.2"
 
+vite@^3.1.4:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-3.1.4.tgz#b75824b819d8354a6f36e4b988943c7e4947e155"
+  integrity sha512-JoQI08aBjY9lycL7jcEq4p9o1xUjq5aRvdH4KWaXtkSx7e7RpAh9D3IjzDWRD4Fg44LS3oDAIOG/Kq1L+82psA==
+  dependencies:
+    esbuild "^0.15.6"
+    postcss "^8.4.16"
+    resolve "^1.22.1"
+    rollup "~2.78.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 vitepress-theme-demoblock@1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/vitepress-theme-demoblock/-/vitepress-theme-demoblock-1.3.2.tgz#d423818ee38041b33ecdf9738b3ad3cf4775e40b"
@@ -10122,18 +10312,6 @@ vitepress-theme-demoblock@1.3.2:
     vitepress "^0.16.1"
     yaml "^2.0.0-6"
 
-vitepress@0.20.1:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/vitepress/-/vitepress-0.20.1.tgz#34d39950a5062a4efa5621be3a78c005f656faee"
-  integrity sha512-2SOlvRv0bvPrQ3RPtp7Fh/G1MKidrsgAgYz18OvV+nIJb9iiYo0GUVHKN3OYswMh+vH78NyTeA1Q5v4YJ/H9LQ==
-  dependencies:
-    "@docsearch/css" "^1.0.0-alpha.28"
-    "@docsearch/js" "^1.0.0-alpha.28"
-    "@vitejs/plugin-vue" "^1.9.0"
-    prismjs "^1.25.0"
-    vite "^2.6.5"
-    vue "^3.2.19"
-
 vitepress@^0.16.1:
   version "0.16.1"
   resolved "https://registry.yarnpkg.com/vitepress/-/vitepress-0.16.1.tgz#70ba4326a4bdc7152f264868c0775615c0bc16d5"
@@ -10167,6 +10345,21 @@ vitepress@^0.16.1:
     vite "^2.4.4"
     vue "^3.2.1"
 
+vitepress@^1.0.0-alpha.19:
+  version "1.0.0-alpha.19"
+  resolved "https://registry.yarnpkg.com/vitepress/-/vitepress-1.0.0-alpha.19.tgz#a73d1fc4f499d2498d5f71009c7ce4470662e4b8"
+  integrity sha512-0FIUZB6JGXio7SELDDUkyQoMjmO/UAXqDXmznzOsBKsdZ3EHlyb6NaP/V/BMfN5S8+GV88ScbIL0jd/pDzkLBg==
+  dependencies:
+    "@docsearch/css" "^3.2.1"
+    "@docsearch/js" "^3.2.1"
+    "@vitejs/plugin-vue" "^3.1.2"
+    "@vue/devtools-api" "^6.4.2"
+    "@vueuse/core" "^9.3.0"
+    body-scroll-lock "4.0.0-beta.0"
+    shiki "^0.11.1"
+    vite "^3.1.4"
+    vue "^3.2.40"
+
 vitest@^0.19.1:
   version "0.19.1"
   resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.19.1.tgz#8a89f4c873132d778d4206dbfbd6791c12f6d921"
@@ -10187,6 +10380,16 @@ vscode-languageserver-textdocument@^1.0.1:
   resolved "https://registry.yarnpkg.com/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.7.tgz#16df468d5c2606103c90554ae05f9f3d335b771b"
   integrity sha512-bFJH7UQxlXT8kKeyiyu41r22jCZXG8kuuVVA33OEJn1diWOZK5n8zBSPZFHVBOu8kXZ6h0LIRhf5UnCo61J4Hg==
 
+vscode-oniguruma@^1.6.1:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/vscode-oniguruma/-/vscode-oniguruma-1.6.2.tgz#aeb9771a2f1dbfc9083c8a7fdd9cccaa3f386607"
+  integrity sha512-KH8+KKov5eS/9WhofZR8M8dMHWN2gTxjMsG4jd04YhpbPR91fUj7rYQ2/XjeHCJWbg7X++ApRIU9NUwM2vTvLA==
+
+vscode-textmate@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/vscode-textmate/-/vscode-textmate-6.0.0.tgz#a3777197235036814ac9a92451492f2748589210"
+  integrity sha512-gu73tuZfJgu+mvCSy4UZwd2JXykjK9zAZsfmDeut5dx/1a7FeTk0XwJsSuqQn+cuMCGVbIBfl+s53X4T19DnzQ==
+
 vscode-uri@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-2.1.2.tgz#c8d40de93eb57af31f3c715dd650e2ca2c096f1c"
@@ -10218,7 +10421,7 @@ vue-tsc@^0.40.4:
     "@volar/vue-language-core" "0.40.13"
     "@volar/vue-typescript" "0.40.13"
 
-vue@^3.2.1, vue@^3.2.19, vue@^3.2.37:
+vue@^3.2.1, vue@^3.2.37:
   version "3.2.39"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.39.tgz#de071c56c4c32c41cbd54e55f11404295c0dd62d"
   integrity sha512-tRkguhRTw9NmIPXhzk21YFBqXHT2t+6C6wPOgQ50fcFVWnPdetmRqbmySRHznrYjX2E47u0cGlKGcxKZJ38R/g==
@@ -10229,6 +10432,17 @@ vue@^3.2.1, vue@^3.2.19, vue@^3.2.37:
     "@vue/server-renderer" "3.2.39"
     "@vue/shared" "3.2.39"
 
+vue@^3.2.40:
+  version "3.2.40"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.40.tgz#23f387f6f9b3a0767938db6751e4fb5900f0ee34"
+  integrity sha512-1mGHulzUbl2Nk3pfvI5aXYYyJUs1nm4kyvuz38u4xlQkLUn1i2R7nDbI4TufECmY8v1qNBHYy62bCaM+3cHP2A==
+  dependencies:
+    "@vue/compiler-dom" "3.2.40"
+    "@vue/compiler-sfc" "3.2.40"
+    "@vue/runtime-dom" "3.2.40"
+    "@vue/server-renderer" "3.2.40"
+    "@vue/shared" "3.2.40"
+
 w3c-hr-time@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"