diff --git a/core/helper/css.ts b/core/helper/css.ts
index 01bd785..7540bf0 100644
--- a/core/helper/css.ts
+++ b/core/helper/css.ts
@@ -1,5 +1,5 @@
 import { type ExpressionType, insertExpressions } from '@/utils'
 
-export function css(strings: TemplateStringsArray, ...interpolations: ExpressionType[]): ExpressionType[] {
-  return insertExpressions(strings, interpolations)
+export function css<T>(strings: TemplateStringsArray, ...interpolations: ExpressionType<T>[]): ExpressionType<T>[] {
+  return insertExpressions<T>(strings, interpolations)
 }
diff --git a/core/styled.ts b/core/styled.ts
index bc9e280..f3b0089 100644
--- a/core/styled.ts
+++ b/core/styled.ts
@@ -15,31 +15,34 @@ type ComponentCustomProps = PublicProps & {
 
 export type StyledComponentType = DefineSetupFnComponent<IProps, any, SlotsType, any, ComponentCustomProps>
 
-type StyledFactory = (styles: TemplateStringsArray, ...expressions: (ExpressionType | ExpressionType[])[]) => StyledComponentType
+type StyledFactory = <T = Record<string, any>>(
+  styles: TemplateStringsArray,
+  ...expressions: (ExpressionType<T> | ExpressionType<T>[])[]
+) => StyledComponentType
 type StyledComponent = StyledFactory & {
   attrs: <T extends Record<string, unknown>>(attrs: T) => StyledFactory
 }
-type Attrs = Record<string, unknown>
+type Attrs = Record<string, any>
 
 function baseStyled(target: string | InstanceType<any>, propsDefinition: Record<string, unknown> = {}): StyledComponent {
   if (!isValidElementType(target)) {
     throw Error('The element is invalid.')
   }
   let attributes: Attrs = {}
-  const styledComponent: StyledComponent = function styledComponent(
+  function styledComponent<T>(
     styles: TemplateStringsArray,
-    ...expressions: (ExpressionType | ExpressionType[])[]
+    ...expressions: (ExpressionType<T> | ExpressionType<T>[])[]
   ): StyledComponentType {
-    const cssStringsWithExpression = insertExpressions(styles, expressions)
-    return createStyledComponent(cssStringsWithExpression)
+    const cssStringsWithExpression = insertExpressions<T>(styles, expressions)
+    return createStyledComponent<T>(cssStringsWithExpression)
   }
 
-  styledComponent.attrs = function <T extends Record<string, unknown>>(attrs: T): StyledComponent {
+  styledComponent.attrs = function <T extends Record<string, any>>(attrs: T): StyledComponent {
     attributes = attrs
     return styledComponent
   }
 
-  function createStyledComponent(cssWithExpression: ExpressionType[]): StyledComponentType {
+  function createStyledComponent<T>(cssWithExpression: ExpressionType<T>[]): StyledComponentType {
     let type: string = target
     if (isVueComponent(target)) {
       type = 'vue-component'
@@ -70,11 +73,11 @@ function baseStyled(target: string | InstanceType<any>, propsDefinition: Record<
             theme,
             ...props,
           }
-          injectStyle(className, cssWithExpression, context)
+          injectStyle<T>(className, cssWithExpression, context)
         })
 
         onMounted(() => {
-          injectStyle(className, cssWithExpression, context)
+          injectStyle<T>(className, cssWithExpression, context)
         })
 
         // Return the render function
diff --git a/core/utils/injectStyle.ts b/core/utils/injectStyle.ts
index bf08e86..5779426 100644
--- a/core/utils/injectStyle.ts
+++ b/core/utils/injectStyle.ts
@@ -39,7 +39,7 @@ function insert(className: string, cssString: string) {
   insertedRuleMap[className] = cssTextNode
 }
 
-export function injectStyle(className: string, cssWithExpression: ExpressionType[], context: Record<string, any>): void {
+export function injectStyle<T>(className: string, cssWithExpression: ExpressionType<T>[], context: Record<string, any>): void {
   const appliedCss = applyExpressions(cssWithExpression, context).join('')
   insert(className, appliedCss)
 }
diff --git a/core/utils/insertExpressions.ts b/core/utils/insertExpressions.ts
index a785013..e5351f8 100644
--- a/core/utils/insertExpressions.ts
+++ b/core/utils/insertExpressions.ts
@@ -1,8 +1,11 @@
-export type ExpressionType = ((props: Record<string, any>) => string | number) | string
+export type ExpressionType<T = Record<string, any>> = ((props: T) => string | number) | string
 
-export function insertExpressions(strings: TemplateStringsArray, expressions: (ExpressionType | ExpressionType[])[]): ExpressionType[] {
+export function insertExpressions<T>(
+  strings: TemplateStringsArray,
+  expressions: (ExpressionType<T> | ExpressionType<T>[])[],
+): ExpressionType<T>[] {
   return expressions.reduce(
-    (array: ExpressionType[], expression: ExpressionType[] | ExpressionType | string, index: number) => {
+    (array: ExpressionType<T>[], expression: ExpressionType<T>[] | ExpressionType<T> | string, index: number) => {
       return array.concat(expression, strings[index + 1])
     },
     [strings[0]],
diff --git a/docs/.vitepress/en.ts b/docs/.vitepress/en.ts
index 96571c9..006ce02 100644
--- a/docs/.vitepress/en.ts
+++ b/docs/.vitepress/en.ts
@@ -30,7 +30,7 @@ function nav() {
     },
     {
       text: 'API',
-      link: '/api/core',
+      link: '/guide/api/core',
     },
   ]
 }
@@ -39,23 +39,31 @@ function sidebarGuide() {
   return [
     {
       text: 'Basic',
+      base: '/guide/basic/',
       items: [
-        { text: 'Quick Start', link: '/basic/quick-start' },
-        { text: 'Passed Props', link: '/basic/passed-props' },
-        { text: 'Extending Styles', link: '/basic/extending-styles' },
-        { text: 'Styling Any Component', link: '/basic/styling-any-component' },
-        { text: 'Animations', link: '/basic/animations' },
+        { text: 'Quick Start', link: 'quick-start' },
+        { text: 'Passing Props', link: 'passing-props' },
+        { text: 'Extending Styles', link: 'extending-styles' },
+        { text: 'Styling Any Component', link: 'styling-any-component' },
+        { text: 'Animations', link: 'animations' },
       ],
     },
     {
       text: 'Advances',
-      items: [{ text: 'Theming', link: '/advances/theming' }],
+      base: '/guide/advances/',
+      items: [
+        { text: 'Theming', link: 'theming' },
+        { text: 'Global Styles', link: 'global-style' },
+        { text: 'CSS Mixin', link: 'css-mixin' }
+      ],
     },
     {
       text: 'API Reference',
+      base: '/guide/api/',
       items: [
-        { text: 'Core', link: '/api/core' },
-        { text: 'Helper', link: '/api/helper' },
+        { text: 'Core', link: 'core' },
+        { text: 'Helper', link: 'helper' },
+        { text: 'Hook', link: 'hook' },
       ],
     },
   ]
diff --git a/docs/.vitepress/zh.ts b/docs/.vitepress/zh.ts
index 6855d91..63a5bb0 100644
--- a/docs/.vitepress/zh.ts
+++ b/docs/.vitepress/zh.ts
@@ -63,23 +63,31 @@ function sidebarGuide() {
   return [
     {
       text: '基础',
+      base: '/zh/guide/basic/',
       items: [
-        { text: '快速开始', link: '/basic/quick-start' },
-        { text: '传递 props', link: '/basic/passed-props' },
-        { text: '扩展样式', link: '/basic/extending-styles' },
-        { text: '样式化任意组件', link: '/basic/styling-any-component' },
-        { text: '动画', link: '/basic/animations' },
+        { text: '快速开始', link: 'quick-start' },
+        { text: '传递 props', link: 'passing-props' },
+        { text: '扩展样式', link: 'extending-styles' },
+        { text: '样式化任意组件', link: 'styling-any-component' },
+        { text: '动画', link: 'animations' },
       ],
     },
     {
       text: '进阶',
-      items: [{ text: '主题', link: '/advances/theming' }],
+      base: '/zh/guide/advances/',
+      items: [
+        { text: '主题', link: 'theming' },
+        { text: '全局样式', link: 'global-style' },
+        { text: '样式复用', link: 'css-mixin' }
+      ],
     },
     {
       text: 'API参考',
+      base: '/zh/guide/api/',
       items: [
-        { text: '核心', link: '/api/core' },
-        { text: '辅助', link: '/api/helper' },
+        { text: '核心', link: 'core' },
+        { text: '辅助', link: 'helper' },
+        { text: 'Hook', link: 'hook' },
       ],
     },
   ]
diff --git a/docs/guide/advances/css-mixin.md b/docs/guide/advances/css-mixin.md
new file mode 100644
index 0000000..5a17c41
--- /dev/null
+++ b/docs/guide/advances/css-mixin.md
@@ -0,0 +1,31 @@
+---
+outline: deep
+---
+
+# CSS Mixin
+
+We offer a function named `css` to generate css section and the return value can be used in styled function.
+
+Such as:
+
+:::demo
+```vue
+<script setup lang="ts">
+  import { styled, css } from '@vvibe/vue-styled-components'
+  
+  const commonCSS = css`
+    padding: 10px 20px;
+    border-radius: 8px;
+    background: darkred;
+    color: #fff;
+  `
+  const StyledDiv = styled.div`
+    ${ commonCSS }
+  `
+</script>
+
+<template>
+  <StyledDiv> Test... </StyledDiv>
+</template>
+```
+:::
diff --git a/docs/guide/advances/global-style.md b/docs/guide/advances/global-style.md
new file mode 100644
index 0000000..41f5c8a
--- /dev/null
+++ b/docs/guide/advances/global-style.md
@@ -0,0 +1,31 @@
+---
+outline: deep
+---
+
+# Global Styles
+
+You can use `createGlobalStyle` to generate global style.
+
+Such as:
+
+:::demo
+```vue
+<script setup lang="ts">
+  import { createGlobalStyle } from '@vvibe/vue-styled-components'
+  
+  const GlobalStyle = createGlobalStyle`
+    .global-style-test {
+      padding: 10px 20px;
+      background: #ccc;
+    }
+  `
+</script>
+
+<template>
+  <GlobalStyle />
+  <div class="global-style-test">
+    Test...
+  </div>
+</template>
+```
+:::
diff --git a/docs/guide/api/hook.md b/docs/guide/api/hook.md
new file mode 100644
index 0000000..edcb0bf
--- /dev/null
+++ b/docs/guide/api/hook.md
@@ -0,0 +1,25 @@
+---
+outline: deep
+---
+
+# Hook
+
+## `useStyledClassName`
+
+**Return**
+
+- `getStyledClassName`, `styledComponentInstance => string`
+- `styledClassNameMap`, `Record<string, string>`, `{[componentName]: className}`
+
+**Usage**
+
+```vue
+<script setup lang="ts">
+  import { styled, useStyledClassName } from '@vvibe/vue-styled-components'
+
+  const StyledDiv = styled.div`
+    background: #ccc;
+  `
+  console.log(useStyledClassName(StyledDiv)) // styled-xxx(unique id)
+</script>
+```
\ No newline at end of file
diff --git a/docs/guide/basic/passed-props.md b/docs/guide/basic/passing-props.md
similarity index 100%
rename from docs/guide/basic/passed-props.md
rename to docs/guide/basic/passing-props.md
diff --git a/docs/package.json b/docs/package.json
index 857b6cb..cbc6d43 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -9,7 +9,7 @@
     "docs:preview": "vitepress preview"
   },
   "devDependencies": {
-    "vitepress": "^1.0.2",
+    "vitepress": "^1.1.4",
     "vitepress-theme-demoblock": "^3.0.7"
   }
 }
\ No newline at end of file
diff --git a/docs/zh/guide/advances/css-mixin.md b/docs/zh/guide/advances/css-mixin.md
new file mode 100644
index 0000000..0ca24c0
--- /dev/null
+++ b/docs/zh/guide/advances/css-mixin.md
@@ -0,0 +1,31 @@
+---
+outline: deep
+---
+
+# 样式复用
+
+我们提供了一个 `css` 函数用于创建 css 片段，该函数返回值可在 styled 中使用
+
+Such as:
+
+:::demo
+```vue
+<script setup lang="ts">
+  import { styled, css } from '@vvibe/vue-styled-components'
+  
+  const commonCSS = css`
+    padding: 10px 20px;
+    border-radius: 8px;
+    background: darkred;
+    color: #fff;
+  `
+  const StyledDiv = styled.div`
+    ${ commonCSS }
+  `
+</script>
+
+<template>
+  <StyledDiv> Test... </StyledDiv>
+</template>
+```
+:::
diff --git a/docs/zh/guide/advances/global-style.md b/docs/zh/guide/advances/global-style.md
new file mode 100644
index 0000000..34034e7
--- /dev/null
+++ b/docs/zh/guide/advances/global-style.md
@@ -0,0 +1,31 @@
+---
+outline: deep
+---
+
+# 全局样式
+
+你可以使用 `createGlobalStyle` 来创建全局样式.
+
+例如:
+
+:::demo
+```vue
+<script setup lang="ts">
+  import { createGlobalStyle } from '@vvibe/vue-styled-components'
+
+  const GlobalStyle = createGlobalStyle`
+    .global-style-test {
+      padding: 10px 20px;
+      background: #ccc;
+    }
+  `
+</script>
+
+<template>
+  <GlobalStyle />
+  <div class="global-style-test">
+    Test...
+  </div>
+</template>
+```
+:::
diff --git a/docs/zh/guide/api/hook.md b/docs/zh/guide/api/hook.md
new file mode 100644
index 0000000..ffebec5
--- /dev/null
+++ b/docs/zh/guide/api/hook.md
@@ -0,0 +1,26 @@
+---
+outline: deep
+---
+
+# Hook
+
+## `useStyledClassName`
+
+**返回**
+
+- `getStyledClassName`, `styledComponentInstance => string`
+- `styledClassNameMap`, `Record<string, string>`, `{[componentName]: className}`
+
+**用法**
+
+```vue
+<script setup lang="ts">
+  import { styled, useStyledClassName } from '@vvibe/vue-styled-components'
+
+  const StyledDiv = styled.div`
+    background: #ccc;
+  `
+  const { getStyledClassName } = useStyledClassName()
+  console.log(getStyledClassName(StyledDiv)) // styled-xxx(unique id)
+</script>
+```
\ No newline at end of file
diff --git a/docs/zh/guide/basic/passed-props.md b/docs/zh/guide/basic/passing-props.md
similarity index 100%
rename from docs/zh/guide/basic/passed-props.md
rename to docs/zh/guide/basic/passing-props.md
diff --git a/example/App.vue b/example/App.vue
index c42055b..355a184 100644
--- a/example/App.vue
+++ b/example/App.vue
@@ -25,31 +25,35 @@ const update = () => {
 }
 
 const StyledComp3 = styled(Component)`
-  background: ${(props: any) => props.theme.primary};
+  background: ${(props) => props.theme.primary};
 `
 const StyledComp4 = styled.div`
-  background: ${(props: any) => props.theme.error};
+  background: ${(props) => props.theme.error};
 `
 const StyledComp5 = styled.div`
   width: 40px;
   height: 40px;
-  background: ${(props: any) => props.theme.error};
+  background: ${(props) => props.theme.error};
   animation-duration: 3s;
   animation-name: ${kf};
   animation-iteration-count: infinite;
 `
 
-const StyledComp6 = styled('button', { color: String })`
+const StyledComp6 = styled('button', { color: String })<{
+  color: string
+}>`
   width: 40px;
   height: 40px;
-  color: ${(props: any) => props.color};
+  color: ${(props) => props.color};
 `
 
 const WithAttrsComp = withAttrs(StyledComp6, { disabled: true })
 
 // console.log(useStyledClassName().getStyledClassName(StyledComp6))
 
-const mixin = css`
+const mixin = css<{
+  color: string
+}>`
   color: ${(props) => props.color};
 `
 const cr = styled('button', { color: String })
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 460d537..a47ba0a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,25 +20,25 @@ importers:
         version: 19.1.0
       '@semantic-release/changelog':
         specifier: ^6.0.3
-        version: 6.0.3(semantic-release@23.0.8)
+        version: 6.0.3(semantic-release@23.0.8(typescript@5.4.5))
       '@semantic-release/git':
         specifier: ^10.0.1
-        version: 10.0.1(semantic-release@23.0.8)
+        version: 10.0.1(semantic-release@23.0.8(typescript@5.4.5))
       '@typescript-eslint/eslint-plugin':
         specifier: ^7.4.0
-        version: 7.6.0(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5)
+        version: 7.6.0(@typescript-eslint/parser@7.6.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)(typescript@5.4.5)
       '@typescript-eslint/parser':
         specifier: ^7.4.0
         version: 7.6.0(eslint@8.57.0)(typescript@5.4.5)
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.2.8)(vue@3.4.21)
+        version: 5.0.4(vite@5.2.8(@types/node@20.12.7))(vue@3.4.21(typescript@5.4.5))
       '@vitejs/plugin-vue-jsx':
         specifier: ^3.1.0
-        version: 3.1.0(vite@5.2.8)(vue@3.4.21)
+        version: 3.1.0(vite@5.2.8(@types/node@20.12.7))(vue@3.4.21(typescript@5.4.5))
       '@vitest/coverage-v8':
         specifier: ^1.5.0
-        version: 1.5.0(vitest@1.5.0)
+        version: 1.5.0(vitest@1.5.0(@types/node@20.12.7)(jsdom@24.0.0))
       '@vue/eslint-config-prettier':
         specifier: ^9.0.0
         version: 9.0.0(eslint@8.57.0)(prettier@3.2.5)
@@ -59,7 +59,7 @@ importers:
         version: 9.1.0(eslint@8.57.0)
       eslint-plugin-prettier:
         specifier: ^5.1.3
-        version: 5.1.3(eslint-config-prettier@9.1.0)(eslint@8.57.0)(prettier@3.2.5)
+        version: 5.1.3(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.2.5)
       eslint-plugin-vue:
         specifier: ^9.24.0
         version: 9.24.1(eslint@8.57.0)
@@ -83,7 +83,7 @@ importers:
         version: 5.2.8(@types/node@20.12.7)
       vite-plugin-dts:
         specifier: ^3.9.0
-        version: 3.9.0(@types/node@20.12.7)(typescript@5.4.5)(vite@5.2.8)
+        version: 3.9.0(@types/node@20.12.7)(rollup@4.14.2)(typescript@5.4.5)(vite@5.2.8(@types/node@20.12.7))
       vitest:
         specifier: ^1.5.0
         version: 1.5.0(@types/node@20.12.7)(jsdom@24.0.0)
@@ -94,11 +94,11 @@ importers:
   docs:
     devDependencies:
       vitepress:
-        specifier: ^1.0.2
-        version: 1.1.0(@algolia/client-search@4.23.3)(@types/node@20.12.7)(search-insights@2.13.0)(typescript@5.4.5)
+        specifier: ^1.1.4
+        version: 1.1.4(@algolia/client-search@4.23.3)(@types/node@20.12.7)(postcss@8.4.38)(search-insights@2.13.0)(typescript@5.4.5)
       vitepress-theme-demoblock:
         specifier: ^3.0.7
-        version: 3.0.7(@algolia/client-search@4.23.3)(@types/node@20.12.7)(search-insights@2.13.0)(typescript@5.4.5)
+        version: 3.0.7(@algolia/client-search@4.23.3)(@types/node@20.12.7)(postcss@8.4.38)(search-insights@2.13.0)(typescript@5.4.5)
 
   example: {}
 
@@ -920,18 +920,24 @@ packages:
   '@types/linkify-it@3.0.5':
     resolution: {integrity: sha512-yg6E+u0/+Zjva+buc3EIb+29XEg4wltq7cSmd4Uc2EE/1nUVmxyzpX6gUXD0V8jIrG0r7YeOGVIbYRkxeooCtw==}
 
-  '@types/markdown-it@13.0.7':
-    resolution: {integrity: sha512-U/CBi2YUUcTHBt5tjO2r5QV/x0Po6nsYwQU4Y04fBS6vfoImaiZ6f8bi3CjTCxBPQSO1LMyUqkByzi8AidyxfA==}
+  '@types/linkify-it@5.0.0':
+    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
 
   '@types/markdown-it@14.0.0':
     resolution: {integrity: sha512-2rStaAqMaLQNfo9mg2HNlley75jUTAkZKqlk3pxDSgaFk44zd+CAVpczpoh6/RtOzfUtwpEyD6lsHWUfKbVSDg==}
 
+  '@types/markdown-it@14.1.1':
+    resolution: {integrity: sha512-4NpsnpYl2Gt1ljyBGrKMxFYAYvpqbnnkgP/i/g+NLpjEUa3obn1XJCur9YbEXKDAkaXqsR1LbDnGEJ0MmKFxfg==}
+
   '@types/mdast@4.0.3':
     resolution: {integrity: sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg==}
 
   '@types/mdurl@1.0.5':
     resolution: {integrity: sha512-6L6VymKTzYSrEf4Nev4Xa1LCHKrlTlYCBMTlQKFuddo1CvQcE52I0mwfOJayueUC7MJuXOeHTcIU683lzd0cUA==}
 
+  '@types/mdurl@2.0.0':
+    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
+
   '@types/ms@0.7.34':
     resolution: {integrity: sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==}
 
@@ -1085,15 +1091,27 @@ packages:
   '@vue/compiler-core@3.4.21':
     resolution: {integrity: sha512-MjXawxZf2SbZszLPYxaFCjxfibYrzr3eYbKxwpLR9EQN+oaziSu3qKVbwBERj1IFIB8OLUewxB5m/BFzi613og==}
 
+  '@vue/compiler-core@3.4.27':
+    resolution: {integrity: sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==}
+
   '@vue/compiler-dom@3.4.21':
     resolution: {integrity: sha512-IZC6FKowtT1sl0CR5DpXSiEB5ayw75oT2bma1BEhV7RRR1+cfwLrxc2Z8Zq/RGFzJ8w5r9QtCOvTjQgdn0IKmA==}
 
+  '@vue/compiler-dom@3.4.27':
+    resolution: {integrity: sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==}
+
   '@vue/compiler-sfc@3.4.21':
     resolution: {integrity: sha512-me7epoTxYlY+2CUM7hy9PCDdpMPfIwrOvAXud2Upk10g4YLv9UBW7kL798TvMeDhPthkZ0CONNrK2GoeI1ODiQ==}
 
+  '@vue/compiler-sfc@3.4.27':
+    resolution: {integrity: sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==}
+
   '@vue/compiler-ssr@3.4.21':
     resolution: {integrity: sha512-M5+9nI2lPpAsgXOGQobnIueVqc9sisBFexh5yMIMRAPYLa7+5wEJs8iqOZc1WAa9WQbx9GR2twgznU8LTIiZ4Q==}
 
+  '@vue/compiler-ssr@3.4.27':
+    resolution: {integrity: sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==}
+
   '@vue/devtools-api@7.0.27':
     resolution: {integrity: sha512-BFCFCusSDcw2UcOFD/QeK7OxD1x2C/m+uAN30Q7jLKECSW53hmz0urzJmX834GuWDZX/hIxkyUKnLLfEIP1c/w==}
 
@@ -1130,20 +1148,37 @@ packages:
   '@vue/reactivity@3.4.21':
     resolution: {integrity: sha512-UhenImdc0L0/4ahGCyEzc/pZNwVgcglGy9HVzJ1Bq2Mm9qXOpP8RyNTjookw/gOCUlXSEtuZ2fUg5nrHcoqJcw==}
 
+  '@vue/reactivity@3.4.27':
+    resolution: {integrity: sha512-kK0g4NknW6JX2yySLpsm2jlunZJl2/RJGZ0H9ddHdfBVHcNzxmQ0sS0b09ipmBoQpY8JM2KmUw+a6sO8Zo+zIA==}
+
   '@vue/runtime-core@3.4.21':
     resolution: {integrity: sha512-pQthsuYzE1XcGZznTKn73G0s14eCJcjaLvp3/DKeYWoFacD9glJoqlNBxt3W2c5S40t6CCcpPf+jG01N3ULyrA==}
 
+  '@vue/runtime-core@3.4.27':
+    resolution: {integrity: sha512-7aYA9GEbOOdviqVvcuweTLe5Za4qBZkUY7SvET6vE8kyypxVgaT1ixHLg4urtOlrApdgcdgHoTZCUuTGap/5WA==}
+
   '@vue/runtime-dom@3.4.21':
     resolution: {integrity: sha512-gvf+C9cFpevsQxbkRBS1NpU8CqxKw0ebqMvLwcGQrNpx6gqRDodqKqA+A2VZZpQ9RpK2f9yfg8VbW/EpdFUOJw==}
 
+  '@vue/runtime-dom@3.4.27':
+    resolution: {integrity: sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==}
+
   '@vue/server-renderer@3.4.21':
     resolution: {integrity: sha512-aV1gXyKSN6Rz+6kZ6kr5+Ll14YzmIbeuWe7ryJl5muJ4uwSwY/aStXTixx76TwkZFJLm1aAlA/HSWEJ4EyiMkg==}
     peerDependencies:
       vue: 3.4.21
 
+  '@vue/server-renderer@3.4.27':
+    resolution: {integrity: sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==}
+    peerDependencies:
+      vue: 3.4.27
+
   '@vue/shared@3.4.21':
     resolution: {integrity: sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==}
 
+  '@vue/shared@3.4.27':
+    resolution: {integrity: sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA==}
+
   '@vue/test-utils@2.4.5':
     resolution: {integrity: sha512-oo2u7vktOyKUked36R93NB7mg2B+N7Plr8lxp2JBGwr18ch6EggFjixSCdIVVLkT6Qr0z359Xvnafc9dcKyDUg==}
 
@@ -2601,6 +2636,9 @@ packages:
     resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
     engines: {node: '>=10'}
 
+  magic-string@0.30.10:
+    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
+
   magic-string@0.30.9:
     resolution: {integrity: sha512-S1+hd+dIrC8EZqKyT9DstTH/0Z+f76kmmvZnkfQVmOpDEF9iVgdYif3Q/pIWHmCoo59bQVGW0kVL3e2nl+9+Sw==}
     engines: {node: '>=12'}
@@ -3796,6 +3834,34 @@ packages:
       vite:
         optional: true
 
+  vite@5.2.11:
+    resolution: {integrity: sha512-HndV31LWW05i1BLPMUCE1B9E9GFbOu1MbenhS58FuK6owSO5qHm7GiCotrNY1YE5rMeQSFBGmT5ZaLEjFizgiQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
   vite@5.2.8:
     resolution: {integrity: sha512-OyZR+c1CE8yeHw5V5t59aXsUPPVTHMDjEZz8MgguLL/Q7NblxhZUlTu9xSPqlsUO/y+X7dlU05jdhvyycD55DA==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -3829,8 +3895,8 @@ packages:
     engines: {node: '>=16.0.0'}
     hasBin: true
 
-  vitepress@1.1.0:
-    resolution: {integrity: sha512-G+NS5I2OETxC0SfGAMDO75JWNkrcir0UCptuhQMNoaZhhlqvYtTDQhph4qGc5dtiTtZkcFa/bCcSx+A2gSS3lA==}
+  vitepress@1.1.4:
+    resolution: {integrity: sha512-bWIzFZXpPB6NIDBuWnS20aMADH+FcFKDfQNYFvbOWij03PR29eImTceQHIzCKordjXYBhM/TjE5VKFTUJ3EheA==}
     hasBin: true
     peerDependencies:
       markdown-it-mathjax3: ^4
@@ -3909,6 +3975,14 @@ packages:
       typescript:
         optional: true
 
+  vue@3.4.27:
+    resolution: {integrity: sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   w3c-xmlserializer@5.0.0:
     resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
     engines: {node: '>=18'}
@@ -4408,7 +4482,7 @@ snapshots:
       '@commitlint/types': 19.0.3
       chalk: 5.3.0
       cosmiconfig: 9.0.0(typescript@5.4.5)
-      cosmiconfig-typescript-loader: 5.0.0(@types/node@20.12.7)(cosmiconfig@9.0.0)(typescript@5.4.5)
+      cosmiconfig-typescript-loader: 5.0.0(@types/node@20.12.7)(cosmiconfig@9.0.0(typescript@5.4.5))(typescript@5.4.5)
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       lodash.uniq: 4.5.0
@@ -4479,6 +4553,7 @@ snapshots:
       '@algolia/autocomplete-preset-algolia': 1.9.3(@algolia/client-search@4.23.3)(algoliasearch@4.23.3)
       '@docsearch/css': 3.6.0
       algoliasearch: 4.23.3
+    optionalDependencies:
       search-insights: 2.13.0
     transitivePeerDependencies:
       - '@algolia/client-search'
@@ -4586,11 +4661,11 @@ snapshots:
 
   '@floating-ui/utils@0.2.1': {}
 
-  '@floating-ui/vue@1.0.6(vue@3.4.21)':
+  '@floating-ui/vue@1.0.6(vue@3.4.21(typescript@5.4.5))':
     dependencies:
       '@floating-ui/dom': 1.6.3
       '@floating-ui/utils': 0.2.1
-      vue-demi: 0.14.7(vue@3.4.21)
+      vue-demi: 0.14.7(vue@3.4.21(typescript@5.4.5))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -4771,11 +4846,13 @@ snapshots:
       '@pnpm/network.ca-file': 1.0.2
       config-chain: 1.1.13
 
-  '@rollup/pluginutils@5.1.0':
+  '@rollup/pluginutils@5.1.0(rollup@4.14.2)':
     dependencies:
       '@types/estree': 1.0.5
       estree-walker: 2.0.2
       picomatch: 2.3.1
+    optionalDependencies:
+      rollup: 4.14.2
 
   '@rollup/rollup-android-arm-eabi@4.14.2':
     optional: true
@@ -4824,13 +4901,14 @@ snapshots:
 
   '@rushstack/node-core-library@4.0.2(@types/node@20.12.7)':
     dependencies:
-      '@types/node': 20.12.7
       fs-extra: 7.0.1
       import-lazy: 4.0.0
       jju: 1.4.0
       resolve: 1.22.8
       semver: 7.5.4
       z-schema: 5.0.5
+    optionalDependencies:
+      '@types/node': 20.12.7
 
   '@rushstack/rig-package@0.5.2':
     dependencies:
@@ -4840,8 +4918,9 @@ snapshots:
   '@rushstack/terminal@0.10.0(@types/node@20.12.7)':
     dependencies:
       '@rushstack/node-core-library': 4.0.2(@types/node@20.12.7)
-      '@types/node': 20.12.7
       supports-color: 8.1.1
+    optionalDependencies:
+      '@types/node': 20.12.7
 
   '@rushstack/ts-command-line@4.19.1(@types/node@20.12.7)':
     dependencies:
@@ -4852,7 +4931,7 @@ snapshots:
     transitivePeerDependencies:
       - '@types/node'
 
-  '@semantic-release/changelog@6.0.3(semantic-release@23.0.8)':
+  '@semantic-release/changelog@6.0.3(semantic-release@23.0.8(typescript@5.4.5))':
     dependencies:
       '@semantic-release/error': 3.0.0
       aggregate-error: 3.1.0
@@ -4860,7 +4939,7 @@ snapshots:
       lodash: 4.17.21
       semantic-release: 23.0.8(typescript@5.4.5)
 
-  '@semantic-release/commit-analyzer@12.0.0(semantic-release@23.0.8)':
+  '@semantic-release/commit-analyzer@12.0.0(semantic-release@23.0.8(typescript@5.4.5))':
     dependencies:
       conventional-changelog-angular: 7.0.0
       conventional-commits-filter: 4.0.0
@@ -4877,7 +4956,7 @@ snapshots:
 
   '@semantic-release/error@4.0.0': {}
 
-  '@semantic-release/git@10.0.1(semantic-release@23.0.8)':
+  '@semantic-release/git@10.0.1(semantic-release@23.0.8(typescript@5.4.5))':
     dependencies:
       '@semantic-release/error': 3.0.0
       aggregate-error: 3.1.0
@@ -4891,7 +4970,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@semantic-release/github@10.0.3(semantic-release@23.0.8)':
+  '@semantic-release/github@10.0.3(semantic-release@23.0.8(typescript@5.4.5))':
     dependencies:
       '@octokit/core': 6.1.2
       '@octokit/plugin-paginate-rest': 11.2.0(@octokit/core@6.1.2)
@@ -4913,7 +4992,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@semantic-release/npm@12.0.0(semantic-release@23.0.8)':
+  '@semantic-release/npm@12.0.0(semantic-release@23.0.8(typescript@5.4.5))':
     dependencies:
       '@semantic-release/error': 4.0.0
       aggregate-error: 5.0.0
@@ -4930,7 +5009,7 @@ snapshots:
       semver: 7.6.0
       tempy: 3.1.0
 
-  '@semantic-release/release-notes-generator@13.0.0(semantic-release@23.0.8)':
+  '@semantic-release/release-notes-generator@13.0.0(semantic-release@23.0.8(typescript@5.4.5))':
     dependencies:
       conventional-changelog-angular: 7.0.0
       conventional-changelog-writer: 7.0.1
@@ -4974,22 +5053,26 @@ snapshots:
 
   '@types/linkify-it@3.0.5': {}
 
-  '@types/markdown-it@13.0.7':
-    dependencies:
-      '@types/linkify-it': 3.0.5
-      '@types/mdurl': 1.0.5
+  '@types/linkify-it@5.0.0': {}
 
   '@types/markdown-it@14.0.0':
     dependencies:
       '@types/linkify-it': 3.0.5
       '@types/mdurl': 1.0.5
 
+  '@types/markdown-it@14.1.1':
+    dependencies:
+      '@types/linkify-it': 5.0.0
+      '@types/mdurl': 2.0.0
+
   '@types/mdast@4.0.3':
     dependencies:
       '@types/unist': 3.0.2
 
   '@types/mdurl@1.0.5': {}
 
+  '@types/mdurl@2.0.0': {}
+
   '@types/ms@0.7.34': {}
 
   '@types/node@20.12.7':
@@ -5006,7 +5089,7 @@ snapshots:
 
   '@types/web-bluetooth@0.0.20': {}
 
-  '@typescript-eslint/eslint-plugin@7.6.0(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.5)':
+  '@typescript-eslint/eslint-plugin@7.6.0(@typescript-eslint/parser@7.6.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0)(typescript@5.4.5)':
     dependencies:
       '@eslint-community/regexpp': 4.10.0
       '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.5)
@@ -5021,6 +5104,7 @@ snapshots:
       natural-compare: 1.4.0
       semver: 7.6.0
       ts-api-utils: 1.3.0(typescript@5.4.5)
+    optionalDependencies:
       typescript: 5.4.5
     transitivePeerDependencies:
       - supports-color
@@ -5033,6 +5117,7 @@ snapshots:
       '@typescript-eslint/visitor-keys': 7.6.0
       debug: 4.3.4
       eslint: 8.57.0
+    optionalDependencies:
       typescript: 5.4.5
     transitivePeerDependencies:
       - supports-color
@@ -5049,6 +5134,7 @@ snapshots:
       debug: 4.3.4
       eslint: 8.57.0
       ts-api-utils: 1.3.0(typescript@5.4.5)
+    optionalDependencies:
       typescript: 5.4.5
     transitivePeerDependencies:
       - supports-color
@@ -5065,6 +5151,7 @@ snapshots:
       minimatch: 9.0.4
       semver: 7.6.0
       ts-api-utils: 1.3.0(typescript@5.4.5)
+    optionalDependencies:
       typescript: 5.4.5
     transitivePeerDependencies:
       - supports-color
@@ -5090,7 +5177,7 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
-  '@vitejs/plugin-vue-jsx@3.1.0(vite@5.2.8)(vue@3.4.21)':
+  '@vitejs/plugin-vue-jsx@3.1.0(vite@5.2.8(@types/node@20.12.7))(vue@3.4.21(typescript@5.4.5))':
     dependencies:
       '@babel/core': 7.24.4
       '@babel/plugin-transform-typescript': 7.24.4(@babel/core@7.24.4)
@@ -5100,12 +5187,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.0.4(vite@5.2.8)(vue@3.4.21)':
+  '@vitejs/plugin-vue@5.0.4(vite@5.2.11(@types/node@20.12.7))(vue@3.4.27(typescript@5.4.5))':
+    dependencies:
+      vite: 5.2.11(@types/node@20.12.7)
+      vue: 3.4.27(typescript@5.4.5)
+
+  '@vitejs/plugin-vue@5.0.4(vite@5.2.8(@types/node@20.12.7))(vue@3.4.21(typescript@5.4.5))':
     dependencies:
       vite: 5.2.8(@types/node@20.12.7)
       vue: 3.4.21(typescript@5.4.5)
 
-  '@vitest/coverage-v8@1.5.0(vitest@1.5.0)':
+  '@vitest/coverage-v8@1.5.0(vitest@1.5.0(@types/node@20.12.7)(jsdom@24.0.0))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 0.2.3
@@ -5183,7 +5275,6 @@ snapshots:
 
   '@vue/babel-plugin-jsx@1.2.2(@babel/core@7.24.4)':
     dependencies:
-      '@babel/core': 7.24.4
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.24.0
       '@babel/plugin-syntax-jsx': 7.24.1(@babel/core@7.24.4)
@@ -5195,6 +5286,8 @@ snapshots:
       camelcase: 6.3.0
       html-tags: 3.3.1
       svg-tags: 1.0.0
+    optionalDependencies:
+      '@babel/core': 7.24.4
     transitivePeerDependencies:
       - supports-color
 
@@ -5215,11 +5308,24 @@ snapshots:
       estree-walker: 2.0.2
       source-map-js: 1.2.0
 
+  '@vue/compiler-core@3.4.27':
+    dependencies:
+      '@babel/parser': 7.24.4
+      '@vue/shared': 3.4.27
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.0
+
   '@vue/compiler-dom@3.4.21':
     dependencies:
       '@vue/compiler-core': 3.4.21
       '@vue/shared': 3.4.21
 
+  '@vue/compiler-dom@3.4.27':
+    dependencies:
+      '@vue/compiler-core': 3.4.27
+      '@vue/shared': 3.4.27
+
   '@vue/compiler-sfc@3.4.21':
     dependencies:
       '@babel/parser': 7.24.4
@@ -5232,25 +5338,42 @@ snapshots:
       postcss: 8.4.38
       source-map-js: 1.2.0
 
+  '@vue/compiler-sfc@3.4.27':
+    dependencies:
+      '@babel/parser': 7.24.4
+      '@vue/compiler-core': 3.4.27
+      '@vue/compiler-dom': 3.4.27
+      '@vue/compiler-ssr': 3.4.27
+      '@vue/shared': 3.4.27
+      estree-walker: 2.0.2
+      magic-string: 0.30.10
+      postcss: 8.4.38
+      source-map-js: 1.2.0
+
   '@vue/compiler-ssr@3.4.21':
     dependencies:
       '@vue/compiler-dom': 3.4.21
       '@vue/shared': 3.4.21
 
-  '@vue/devtools-api@7.0.27(vue@3.4.21)':
+  '@vue/compiler-ssr@3.4.27':
+    dependencies:
+      '@vue/compiler-dom': 3.4.27
+      '@vue/shared': 3.4.27
+
+  '@vue/devtools-api@7.0.27(vue@3.4.27(typescript@5.4.5))':
     dependencies:
-      '@vue/devtools-kit': 7.0.27(vue@3.4.21)
+      '@vue/devtools-kit': 7.0.27(vue@3.4.27(typescript@5.4.5))
     transitivePeerDependencies:
       - vue
 
-  '@vue/devtools-kit@7.0.27(vue@3.4.21)':
+  '@vue/devtools-kit@7.0.27(vue@3.4.27(typescript@5.4.5))':
     dependencies:
       '@vue/devtools-shared': 7.0.27
       hookable: 5.5.3
       mitt: 3.0.1
       perfect-debounce: 1.0.0
       speakingurl: 14.0.1
-      vue: 3.4.21(typescript@5.4.5)
+      vue: 3.4.27(typescript@5.4.5)
 
   '@vue/devtools-shared@7.0.27':
     dependencies:
@@ -5260,7 +5383,7 @@ snapshots:
     dependencies:
       eslint: 8.57.0
       eslint-config-prettier: 9.1.0(eslint@8.57.0)
-      eslint-plugin-prettier: 5.1.3(eslint-config-prettier@9.1.0)(eslint@8.57.0)(prettier@3.2.5)
+      eslint-plugin-prettier: 5.1.3(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.2.5)
       prettier: 3.2.5
     transitivePeerDependencies:
       - '@types/eslint'
@@ -5275,8 +5398,9 @@ snapshots:
       minimatch: 9.0.4
       muggle-string: 0.3.1
       path-browserify: 1.0.1
-      typescript: 5.4.5
       vue-template-compiler: 2.7.16
+    optionalDependencies:
+      typescript: 5.4.5
 
   '@vue/language-core@2.0.13(typescript@5.4.5)':
     dependencies:
@@ -5286,62 +5410,104 @@ snapshots:
       computeds: 0.0.1
       minimatch: 9.0.4
       path-browserify: 1.0.1
-      typescript: 5.4.5
       vue-template-compiler: 2.7.16
+    optionalDependencies:
+      typescript: 5.4.5
 
   '@vue/reactivity@3.4.21':
     dependencies:
       '@vue/shared': 3.4.21
 
+  '@vue/reactivity@3.4.27':
+    dependencies:
+      '@vue/shared': 3.4.27
+
   '@vue/runtime-core@3.4.21':
     dependencies:
       '@vue/reactivity': 3.4.21
       '@vue/shared': 3.4.21
 
+  '@vue/runtime-core@3.4.27':
+    dependencies:
+      '@vue/reactivity': 3.4.27
+      '@vue/shared': 3.4.27
+
   '@vue/runtime-dom@3.4.21':
     dependencies:
       '@vue/runtime-core': 3.4.21
       '@vue/shared': 3.4.21
       csstype: 3.1.3
 
-  '@vue/server-renderer@3.4.21(vue@3.4.21)':
+  '@vue/runtime-dom@3.4.27':
+    dependencies:
+      '@vue/runtime-core': 3.4.27
+      '@vue/shared': 3.4.27
+      csstype: 3.1.3
+
+  '@vue/server-renderer@3.4.21(vue@3.4.21(typescript@5.4.5))':
     dependencies:
       '@vue/compiler-ssr': 3.4.21
       '@vue/shared': 3.4.21
       vue: 3.4.21(typescript@5.4.5)
 
+  '@vue/server-renderer@3.4.27(vue@3.4.27(typescript@5.4.5))':
+    dependencies:
+      '@vue/compiler-ssr': 3.4.27
+      '@vue/shared': 3.4.27
+      vue: 3.4.27(typescript@5.4.5)
+
   '@vue/shared@3.4.21': {}
 
+  '@vue/shared@3.4.27': {}
+
   '@vue/test-utils@2.4.5':
     dependencies:
       js-beautify: 1.15.1
       vue-component-type-helpers: 2.0.14
 
-  '@vueuse/core@10.9.0(vue@3.4.21)':
+  '@vueuse/core@10.9.0(vue@3.4.21(typescript@5.4.5))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.9.0
-      '@vueuse/shared': 10.9.0(vue@3.4.21)
-      vue-demi: 0.14.7(vue@3.4.21)
+      '@vueuse/shared': 10.9.0(vue@3.4.21(typescript@5.4.5))
+      vue-demi: 0.14.7(vue@3.4.21(typescript@5.4.5))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/integrations@10.9.0(focus-trap@7.5.4)(vue@3.4.21)':
+  '@vueuse/core@10.9.0(vue@3.4.27(typescript@5.4.5))':
     dependencies:
-      '@vueuse/core': 10.9.0(vue@3.4.21)
-      '@vueuse/shared': 10.9.0(vue@3.4.21)
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 10.9.0
+      '@vueuse/shared': 10.9.0(vue@3.4.27(typescript@5.4.5))
+      vue-demi: 0.14.7(vue@3.4.27(typescript@5.4.5))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/integrations@10.9.0(focus-trap@7.5.4)(vue@3.4.27(typescript@5.4.5))':
+    dependencies:
+      '@vueuse/core': 10.9.0(vue@3.4.27(typescript@5.4.5))
+      '@vueuse/shared': 10.9.0(vue@3.4.27(typescript@5.4.5))
+      vue-demi: 0.14.7(vue@3.4.27(typescript@5.4.5))
+    optionalDependencies:
       focus-trap: 7.5.4
-      vue-demi: 0.14.7(vue@3.4.21)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
   '@vueuse/metadata@10.9.0': {}
 
-  '@vueuse/shared@10.9.0(vue@3.4.21)':
+  '@vueuse/shared@10.9.0(vue@3.4.21(typescript@5.4.5))':
+    dependencies:
+      vue-demi: 0.14.7(vue@3.4.21(typescript@5.4.5))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/shared@10.9.0(vue@3.4.27(typescript@5.4.5))':
     dependencies:
-      vue-demi: 0.14.7(vue@3.4.21)
+      vue-demi: 0.14.7(vue@3.4.27(typescript@5.4.5))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -5707,7 +5873,7 @@ snapshots:
 
   core-util-is@1.0.3: {}
 
-  cosmiconfig-typescript-loader@5.0.0(@types/node@20.12.7)(cosmiconfig@9.0.0)(typescript@5.4.5):
+  cosmiconfig-typescript-loader@5.0.0(@types/node@20.12.7)(cosmiconfig@9.0.0(typescript@5.4.5))(typescript@5.4.5):
     dependencies:
       '@types/node': 20.12.7
       cosmiconfig: 9.0.0(typescript@5.4.5)
@@ -5720,6 +5886,7 @@ snapshots:
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       parse-json: 5.2.0
+    optionalDependencies:
       typescript: 5.4.5
 
   cross-spawn@7.0.3:
@@ -5986,13 +6153,14 @@ snapshots:
     dependencies:
       eslint: 8.57.0
 
-  eslint-plugin-prettier@5.1.3(eslint-config-prettier@9.1.0)(eslint@8.57.0)(prettier@3.2.5):
+  eslint-plugin-prettier@5.1.3(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.2.5):
     dependencies:
       eslint: 8.57.0
-      eslint-config-prettier: 9.1.0(eslint@8.57.0)
       prettier: 3.2.5
       prettier-linter-helpers: 1.0.0
       synckit: 0.8.8
+    optionalDependencies:
+      eslint-config-prettier: 9.1.0(eslint@8.57.0)
 
   eslint-plugin-vue@9.24.1(eslint@8.57.0):
     dependencies:
@@ -6876,6 +7044,10 @@ snapshots:
     dependencies:
       yallist: 4.0.0
 
+  magic-string@0.30.10:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+
   magic-string@0.30.9:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -7673,11 +7845,11 @@ snapshots:
 
   semantic-release@23.0.8(typescript@5.4.5):
     dependencies:
-      '@semantic-release/commit-analyzer': 12.0.0(semantic-release@23.0.8)
+      '@semantic-release/commit-analyzer': 12.0.0(semantic-release@23.0.8(typescript@5.4.5))
       '@semantic-release/error': 4.0.0
-      '@semantic-release/github': 10.0.3(semantic-release@23.0.8)
-      '@semantic-release/npm': 12.0.0(semantic-release@23.0.8)
-      '@semantic-release/release-notes-generator': 13.0.0(semantic-release@23.0.8)
+      '@semantic-release/github': 10.0.3(semantic-release@23.0.8(typescript@5.4.5))
+      '@semantic-release/npm': 12.0.0(semantic-release@23.0.8(typescript@5.4.5))
+      '@semantic-release/release-notes-generator': 13.0.0(semantic-release@23.0.8(typescript@5.4.5))
       aggregate-error: 5.0.0
       cosmiconfig: 9.0.0(typescript@5.4.5)
       debug: 4.3.4
@@ -8174,37 +8346,47 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-dts@3.9.0(@types/node@20.12.7)(typescript@5.4.5)(vite@5.2.8):
+  vite-plugin-dts@3.9.0(@types/node@20.12.7)(rollup@4.14.2)(typescript@5.4.5)(vite@5.2.8(@types/node@20.12.7)):
     dependencies:
       '@microsoft/api-extractor': 7.43.0(@types/node@20.12.7)
-      '@rollup/pluginutils': 5.1.0
+      '@rollup/pluginutils': 5.1.0(rollup@4.14.2)
       '@vue/language-core': 1.8.27(typescript@5.4.5)
       debug: 4.3.4
       kolorist: 1.8.0
       magic-string: 0.30.9
       typescript: 5.4.5
-      vite: 5.2.8(@types/node@20.12.7)
       vue-tsc: 1.8.27(typescript@5.4.5)
+    optionalDependencies:
+      vite: 5.2.8(@types/node@20.12.7)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite@5.2.8(@types/node@20.12.7):
+  vite@5.2.11(@types/node@20.12.7):
     dependencies:
+      esbuild: 0.20.2
+      postcss: 8.4.38
+      rollup: 4.14.2
+    optionalDependencies:
       '@types/node': 20.12.7
+      fsevents: 2.3.3
+
+  vite@5.2.8(@types/node@20.12.7):
+    dependencies:
       esbuild: 0.20.2
       postcss: 8.4.38
       rollup: 4.14.2
     optionalDependencies:
+      '@types/node': 20.12.7
       fsevents: 2.3.3
 
-  vitepress-theme-demoblock@3.0.7(@algolia/client-search@4.23.3)(@types/node@20.12.7)(search-insights@2.13.0)(typescript@5.4.5):
+  vitepress-theme-demoblock@3.0.7(@algolia/client-search@4.23.3)(@types/node@20.12.7)(postcss@8.4.38)(search-insights@2.13.0)(typescript@5.4.5):
     dependencies:
-      '@floating-ui/vue': 1.0.6(vue@3.4.21)
+      '@floating-ui/vue': 1.0.6(vue@3.4.21(typescript@5.4.5))
       '@mdit-vue/plugin-sfc': 2.1.0
       '@vue/compiler-sfc': 3.4.21
-      '@vueuse/core': 10.9.0(vue@3.4.21)
+      '@vueuse/core': 10.9.0(vue@3.4.21(typescript@5.4.5))
       camelcase: 8.0.0
       globby: 14.0.1
       hash-sum: 2.0.0
@@ -8221,7 +8403,7 @@ snapshots:
       shiki: 1.3.0
       unified: 11.0.4
       unist-util-visit: 5.0.0
-      vitepress: 1.1.0(@algolia/client-search@4.23.3)(@types/node@20.12.7)(search-insights@2.13.0)(typescript@5.4.5)
+      vitepress: 1.1.4(@algolia/client-search@4.23.3)(@types/node@20.12.7)(postcss@8.4.38)(search-insights@2.13.0)(typescript@5.4.5)
       vue: 3.4.21(typescript@5.4.5)
       yaml: 2.4.1
     transitivePeerDependencies:
@@ -8254,23 +8436,25 @@ snapshots:
       - typescript
       - universal-cookie
 
-  vitepress@1.1.0(@algolia/client-search@4.23.3)(@types/node@20.12.7)(search-insights@2.13.0)(typescript@5.4.5):
+  vitepress@1.1.4(@algolia/client-search@4.23.3)(@types/node@20.12.7)(postcss@8.4.38)(search-insights@2.13.0)(typescript@5.4.5):
     dependencies:
       '@docsearch/css': 3.6.0
       '@docsearch/js': 3.6.0(@algolia/client-search@4.23.3)(search-insights@2.13.0)
       '@shikijs/core': 1.3.0
       '@shikijs/transformers': 1.3.0
-      '@types/markdown-it': 13.0.7
-      '@vitejs/plugin-vue': 5.0.4(vite@5.2.8)(vue@3.4.21)
-      '@vue/devtools-api': 7.0.27(vue@3.4.21)
-      '@vueuse/core': 10.9.0(vue@3.4.21)
-      '@vueuse/integrations': 10.9.0(focus-trap@7.5.4)(vue@3.4.21)
+      '@types/markdown-it': 14.1.1
+      '@vitejs/plugin-vue': 5.0.4(vite@5.2.11(@types/node@20.12.7))(vue@3.4.27(typescript@5.4.5))
+      '@vue/devtools-api': 7.0.27(vue@3.4.27(typescript@5.4.5))
+      '@vueuse/core': 10.9.0(vue@3.4.27(typescript@5.4.5))
+      '@vueuse/integrations': 10.9.0(focus-trap@7.5.4)(vue@3.4.27(typescript@5.4.5))
       focus-trap: 7.5.4
       mark.js: 8.11.1
       minisearch: 6.3.0
       shiki: 1.3.0
-      vite: 5.2.8(@types/node@20.12.7)
-      vue: 3.4.21(typescript@5.4.5)
+      vite: 5.2.11(@types/node@20.12.7)
+      vue: 3.4.27(typescript@5.4.5)
+    optionalDependencies:
+      postcss: 8.4.38
     transitivePeerDependencies:
       - '@algolia/client-search'
       - '@types/node'
@@ -8300,7 +8484,6 @@ snapshots:
 
   vitest@1.5.0(@types/node@20.12.7)(jsdom@24.0.0):
     dependencies:
-      '@types/node': 20.12.7
       '@vitest/expect': 1.5.0
       '@vitest/runner': 1.5.0
       '@vitest/snapshot': 1.5.0
@@ -8310,7 +8493,6 @@ snapshots:
       chai: 4.4.1
       debug: 4.3.4
       execa: 8.0.1
-      jsdom: 24.0.0
       local-pkg: 0.5.0
       magic-string: 0.30.9
       pathe: 1.1.2
@@ -8322,6 +8504,9 @@ snapshots:
       vite: 5.2.8(@types/node@20.12.7)
       vite-node: 1.5.0(@types/node@20.12.7)
       why-is-node-running: 2.2.2
+    optionalDependencies:
+      '@types/node': 20.12.7
+      jsdom: 24.0.0
     transitivePeerDependencies:
       - less
       - lightningcss
@@ -8333,10 +8518,14 @@ snapshots:
 
   vue-component-type-helpers@2.0.14: {}
 
-  vue-demi@0.14.7(vue@3.4.21):
+  vue-demi@0.14.7(vue@3.4.21(typescript@5.4.5)):
     dependencies:
       vue: 3.4.21(typescript@5.4.5)
 
+  vue-demi@0.14.7(vue@3.4.27(typescript@5.4.5)):
+    dependencies:
+      vue: 3.4.27(typescript@5.4.5)
+
   vue-eslint-parser@9.4.2(eslint@8.57.0):
     dependencies:
       debug: 4.3.4
@@ -8374,8 +8563,19 @@ snapshots:
       '@vue/compiler-dom': 3.4.21
       '@vue/compiler-sfc': 3.4.21
       '@vue/runtime-dom': 3.4.21
-      '@vue/server-renderer': 3.4.21(vue@3.4.21)
+      '@vue/server-renderer': 3.4.21(vue@3.4.21(typescript@5.4.5))
       '@vue/shared': 3.4.21
+    optionalDependencies:
+      typescript: 5.4.5
+
+  vue@3.4.27(typescript@5.4.5):
+    dependencies:
+      '@vue/compiler-dom': 3.4.27
+      '@vue/compiler-sfc': 3.4.27
+      '@vue/runtime-dom': 3.4.27
+      '@vue/server-renderer': 3.4.27(vue@3.4.27(typescript@5.4.5))
+      '@vue/shared': 3.4.27
+    optionalDependencies:
       typescript: 5.4.5
 
   w3c-xmlserializer@5.0.0:
diff --git a/tsconfig.json b/tsconfig.json
index 5c0d771..54dcabc 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,8 +16,6 @@
     "resolveJsonModule": true,
     // 每个文件都作为单独的模块进行处理
     "isolatedModules": true,
-    // 处理 .tsx 文件时的 JSX 选项
-    "jsx": "preserve",
     "lib": [
       "dom",
       "esnext"