diff --git a/docs/.vuepress/components/colors/all.vue b/docs/.vitepress/components/colors/all.vue
similarity index 82%
rename from docs/.vuepress/components/colors/all.vue
rename to docs/.vitepress/components/colors/all.vue
index a2817d63d3..4218e51462 100644
--- a/docs/.vuepress/components/colors/all.vue
+++ b/docs/.vitepress/components/colors/all.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="color-tile-container">
-      <div v-for="item in baseColors">
+      <div v-for="item in baseColors" :key="item.variable">
         <div
           :style="{ backgroundColor: item.hex }"
           :class="{ 'color-tile--border': item.border }"
@@ -9,7 +9,7 @@
         ></div>
         <dl class="color-tile-desc">
           <dt>Variable:</dt>
-          <dd>${{ item.name }}</dd>
+          <dd>{{ '$' + item.name }}</dd>
         </dl>
         <dl class="color-tile-desc">
           <dt>Color Variable:</dt>
@@ -20,11 +20,9 @@
   </div>
 </template>
 
-<script>
-export default {
-  data() {
-    return {
-      baseColors: [
+<script setup>
+import { ref } from 'vue';
+const baseColors = ref([
       {
           name: 'blue',
           variable: '$blue-500',
@@ -45,12 +43,9 @@ export default {
           variable: '$yellow-500',
           hex: '#efc100'
         }
-      ]
-    };
-  }
-};
+      ])
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   @import "./colors.scss";
 </style>
diff --git a/docs/.vuepress/components/colors/blues.vue b/docs/.vitepress/components/colors/blues.vue
similarity index 74%
rename from docs/.vuepress/components/colors/blues.vue
rename to docs/.vitepress/components/colors/blues.vue
index 428009970b..4c13a14364 100644
--- a/docs/.vuepress/components/colors/blues.vue
+++ b/docs/.vitepress/components/colors/blues.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="color-tile-container">
-      <div v-for="color in colors">
+      <div v-for="color in colors" :key="color.variable">
         <div
           :style="{ backgroundColor: color.hex }"
           :class="{ 'color-tile--border': color.border }"
@@ -9,7 +9,7 @@
         ></div>
         <dl class="color-tile-desc">
           <dt>Color variable:</dt>
-          <dd>${{ color.variable }}</dd>
+          <dd>{{ '$' + color.variable }}</dd>
         </dl>
         <dl class="color-tile-desc">
           <dt>Hex:</dt>
@@ -20,21 +20,16 @@
   </div>
 </template>
 
-<script>
-export default {
-  data() {
-    return {
-      colors: [
+<script setup>
+import { ref } from 'vue';
+const colors = ref([
         {
           variable: 'blue-500',
           hex: '#2d60e5'
         }
-      ]
-    };
-  }
-};
+      ]);
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   @import "./colors.scss";
 </style>
diff --git a/docs/.vuepress/components/colors/colors.scss b/docs/.vitepress/components/colors/colors.scss
similarity index 100%
rename from docs/.vuepress/components/colors/colors.scss
rename to docs/.vitepress/components/colors/colors.scss
diff --git a/docs/.vuepress/components/colors/grays.vue b/docs/.vitepress/components/colors/grays.vue
similarity index 85%
rename from docs/.vuepress/components/colors/grays.vue
rename to docs/.vitepress/components/colors/grays.vue
index c252303905..8d95ed1649 100644
--- a/docs/.vuepress/components/colors/grays.vue
+++ b/docs/.vitepress/components/colors/grays.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="color-tile-container">
-      <div v-for="color in colors">
+      <div v-for="color in colors" :key="color.variable">
         <div
           :style="{ backgroundColor: color.hex }"
           :class="{ 'color-tile--border': color.border }"
@@ -9,7 +9,7 @@
         ></div>
         <dl class="color-tile-desc">
           <dt>Color variable:</dt>
-          <dd>${{ color.variable }}</dd>
+          <dd>{{ '$' + color.variable }}</dd>
         </dl>
         <dl class="color-tile-desc">
           <dt>Hex:</dt>
@@ -20,11 +20,9 @@
   </div>
 </template>
 
-<script>
-export default {
-  data() {
-    return {
-      colors: [
+<script setup>
+import { ref } from 'vue';
+const colors = ref([
         {
           variable: 'gray-100',
           hex: '#f4f4f4',
@@ -62,12 +60,9 @@ export default {
           variable: 'gray-900',
           hex: '#161616'
         }
-      ]
-    };
-  }
-};
+      ])
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   @import "./colors.scss";
 </style>
diff --git a/docs/.vuepress/components/colors/greens.vue b/docs/.vitepress/components/colors/greens.vue
similarity index 74%
rename from docs/.vuepress/components/colors/greens.vue
rename to docs/.vitepress/components/colors/greens.vue
index 7a4badb7ed..8b9416d858 100644
--- a/docs/.vuepress/components/colors/greens.vue
+++ b/docs/.vitepress/components/colors/greens.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="color-tile-container">
-      <div v-for="color in colors">
+      <div v-for="color in colors" :key="color.variable">
         <div
           :style="{ backgroundColor: color.hex }"
           :class="{ 'color-tile--border': color.border }"
@@ -9,7 +9,7 @@
         ></div>
         <dl class="color-tile-desc">
           <dt>Color variable:</dt>
-          <dd>${{ color.variable }}</dd>
+          <dd>{{ '$' + color.variable }}</dd>
         </dl>
         <dl class="color-tile-desc">
           <dt>Hex:</dt>
@@ -20,21 +20,16 @@
   </div>
 </template>
 
-<script>
-export default {
-  data() {
-    return {
-      colors: [
+<script setup>
+import { ref } from 'vue';
+const colors = ref([
         {
           variable: 'green-500',
           hex: '#0a7d06'
         }
-      ]
-    };
-  }
-};
+      ])
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   @import "./colors.scss";
 </style>
diff --git a/docs/.vuepress/components/colors/reds.vue b/docs/.vitepress/components/colors/reds.vue
similarity index 76%
rename from docs/.vuepress/components/colors/reds.vue
rename to docs/.vitepress/components/colors/reds.vue
index 529215841e..c8c3cc85d9 100644
--- a/docs/.vuepress/components/colors/reds.vue
+++ b/docs/.vitepress/components/colors/reds.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="color-tile-container">
-      <div v-for="color in colors">
+      <div v-for="color in colors" :key="color.variable">
         <div
           :style="{ backgroundColor: color.hex }"
           :class="{ 'color-tile--border': color.border }"
@@ -9,7 +9,7 @@
         ></div>
         <dl class="color-tile-desc">
           <dt>Color variable:</dt>
-          <dd>${{ color.variable }}</dd>
+          <dd>{{ '$' + color.variable }}</dd>
         </dl>
         <dl class="color-tile-desc">
           <dt>Hex:</dt>
@@ -20,21 +20,15 @@
   </div>
 </template>
 
-<script>
-export default {
-  data() {
-    return {
-      colors: [
+<script setup>
+const colors = ref([
         {
           variable: 'red-500',
           hex: '#da1416'
         }
-      ]
-    };
-  }
-};
+      ])
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   @import "./colors.scss";
 </style>
diff --git a/docs/.vuepress/components/colors/theme.vue b/docs/.vitepress/components/colors/theme.vue
similarity index 84%
rename from docs/.vuepress/components/colors/theme.vue
rename to docs/.vitepress/components/colors/theme.vue
index 02f9828b61..2f57413c39 100644
--- a/docs/.vuepress/components/colors/theme.vue
+++ b/docs/.vitepress/components/colors/theme.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="color-tile-container">
-      <div v-for="item in themeColors">
+      <div v-for="item in themeColors" :key="item.variable">
         <div
           :style="{ backgroundColor: item.hex }"
           :class="{ 'color-tile--border': item.border }"
@@ -9,22 +9,20 @@
         ></div>
         <dl class="color-tile-desc">
           <dt>Color variable:</dt>
-          <dd>${{ item.name }}</dd>
+          <dd>{{ '$' + item.name }}</dd>
         </dl>
         <dl class="color-tile-desc">
           <dt>Color variable:</dt>
-          <dd>${{ item.variable }}</dd>
+          <dd>{{ '$' + item.variable }}</dd>
         </dl>
       </div>
     </div>
   </div>
 </template>
 
-<script>
-export default {
-  data() {
-    return {
-      themeColors: [
+<script setup>
+import { ref } from 'vue';
+const themeColors = ref([
         {
           name: "primary",
           variable: "blue",
@@ -66,12 +64,9 @@ export default {
           variable: 'red',
           hex: '#da1416'
         }
-      ]
-    };
-  }
-};
+      ])
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   @import "./colors.scss";
 </style>
diff --git a/docs/.vuepress/components/colors/yellows.vue b/docs/.vitepress/components/colors/yellows.vue
similarity index 77%
rename from docs/.vuepress/components/colors/yellows.vue
rename to docs/.vitepress/components/colors/yellows.vue
index fe5fbca061..84eebe3809 100644
--- a/docs/.vuepress/components/colors/yellows.vue
+++ b/docs/.vitepress/components/colors/yellows.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="color-tile-container">
-      <div v-for="color in colors">
+      <div v-for="color in colors" :key="color.variable">
         <div
           :style="{ backgroundColor: color.hex }"
           :class="{ 'color-tile--border': color.border }"
@@ -9,7 +9,7 @@
         ></div>
         <dl class="color-tile-desc">
           <dt>Color variable:</dt>
-          <dd>${{ color.variable }}</dd>
+          <dd>{{ '$' + color.variable }}</dd>
         </dl>
         <dl class="color-tile-desc">
           <dt>Hex:</dt>
@@ -21,20 +21,14 @@
 </template>
 
 <script>
-export default {
-  data() {
-    return {
-      colors: [
+const colors = ref([
         {
           variable: 'yellow-500',
           hex: '#efc100'
         }
-      ]
-    };
-  }
-};
+      ])
 </script>
 
-<<style lang="scss">
+<style lang="scss" scoped>
   @import "./colors.scss";
 </style>
diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
new file mode 100644
index 0000000000..f86d87d485
--- /dev/null
+++ b/docs/.vitepress/config.js
@@ -0,0 +1,78 @@
+import { defineConfig } from "vitepress";
+
+export default defineConfig({
+    base: "/webui-vue/",
+    smoothScroll: true,
+    title: "OpenBMC Web UI Style Guide",
+    description:
+      "Guidance on code style and development for the OpenBMC browser-based UI",
+    themeConfig: {
+      nav: [
+        {
+          text: "Guide",
+          link: "/guide/"
+        },
+        {
+          text: "Customization",
+          link: "/customization/"
+        },
+        {
+          text: "Github",
+          link: "https://github.com/ibm-openbmc/webui-vue/blob/1060-vue3"
+        }
+      ],
+      sidebar: {
+        "/guide/": [
+          "",
+          {
+            text: "Coding Standards",
+            items: [
+              { text: "JavaScript and SASS", link: "/guide/coding-standards/" },
+              { text: "Accessibility", link: "/guide/coding-standards/accessibility" }
+            ]
+          },
+          {
+            text: "Guidelines",
+            items: [
+                { text: "Colors", link: "/guide/guidelines/colors" },
+                { text: "Internationalization", link: "/guide/guidelines/internationalization" },
+                { text: "Motion", link: "/guide/guidelines/motion" },
+                { text: "Typography", link: "/guide/guidelines/typography" }
+            ]
+          },
+          {
+            text: "Unit testing",
+            items: [
+               { text: "Unit testing", link: "/guide/unit-testing/",}
+            ]
+          },
+          {
+            text: "Components",
+            items: [
+               { text: "Alerts", link: "/guide/components/alerts/" },
+               { text: "Buttons", link: "/guide/components/buttons/" },
+               { text: "File upload", link: "/guide/components/file-upload/" },
+               { text: "Info tooltip", link: "/guide/components/info-tooltip/" },
+               { text: "Page section", link: "/guide/components/page-section/" },
+               { text: "Page title", link: "/guide/components/page-title/" },
+               { text: "Status icon", link: "/guide/components/status-icon/" },
+               { text: "Table", link: "/guide/components/table/" },
+               { text: "Toasts", link: "/guide/components/toasts/" },
+            ]
+          },
+          {
+            text: "Quick Start",
+            items: [
+                { text: "Forms", link: "/guide/quickstart/forms" },
+                { text: "Page anatomy", link: "/guide/quickstart/page-anatomy" },
+                { text: "Store anatomy", link: "/guide/quickstart/store-anatomy" },
+            ]
+          }
+        ],
+        "/customization/": [
+            { text: "Theme", link: "/customization/theme" },
+            { text: "Build", link: "/customization/build" }
+  ]
+      }
+    }
+  });
\ No newline at end of file
diff --git a/docs/.vuepress/styles/palette.styl b/docs/.vitepress/styles/palette.styl
similarity index 100%
rename from docs/.vuepress/styles/palette.styl
rename to docs/.vitepress/styles/palette.styl
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
deleted file mode 100644
index d1fba7ff67..0000000000
--- a/docs/.vuepress/config.js
+++ /dev/null
@@ -1,73 +0,0 @@
-const path = require('path');
-
-module.exports = {
-    base: "/webui-vue/",
-    filenameHashing: false,
-    title: "OpenBMC Web UI Style Guide",
-    description:
-      "Guidance on code style and development for the OpenBMC browser-based UI",
-    smoothScroll: true,
-    themeConfig: {
-      nav: [
-        {
-          text: "Guide",
-          link: "/guide/"
-        },
-        {
-          text: "Customization",
-          link: "/customization/"
-        },
-        {
-          text: "Github",
-          link: "https://github.com/openbmc/webui-vue"
-        }
-      ],
-      sidebarDepth: 1,
-      sidebar: {
-        "/guide/": [
-          "",
-          {
-            title: "Coding Standards",
-            children: [
-              ["/guide/coding-standards/", "JavaScript and SASS"],
-              ["/guide/coding-standards/accessibility", "Accessibility"],
-            ]
-          },
-          {
-            title: "Guidelines",
-            children: [
-              "/guide/guidelines/colors",
-              "/guide/guidelines/internationalization",
-              "/guide/guidelines/motion",
-              "/guide/guidelines/typography"
-            ]
-          },
-          "/guide/unit-testing/",
-          {
-            title: "Components",
-            children: [
-            "/guide/components/",
-            "/guide/components/alerts/",
-            "/guide/components/buttons/",
-            "/guide/components/file-upload/",
-            "/guide/components/info-tooltip/",
-            "/guide/components/page-section/",
-            "/guide/components/page-title/",
-            "/guide/components/status-icon/",
-            "/guide/components/table/",
-            "/guide/components/toasts/"
-          ]
-          },
-          {
-            title: "Quick Start",
-            children: [
-            "/guide/quickstart/forms",
-            "/guide/quickstart/page-anatomy",
-            "/guide/quickstart/store-anatomy"
-          ]
-          }
-        ],
-        "/customization/": ["", "theme", "build"]
-      },
-    }
-  };
\ No newline at end of file
diff --git a/docs/customization/readme.md b/docs/customization/index.md
similarity index 97%
rename from docs/customization/readme.md
rename to docs/customization/index.md
index 641180607f..e3b9dc2dde 100644
--- a/docs/customization/readme.md
+++ b/docs/customization/index.md
@@ -53,6 +53,7 @@ files are based on these two libraries.
                ├─ _kvm.scss
                ├─ _modal.scss
                ├─ _pagination.scss
+               ├─ _section-divider.scss
                ├─ _sol.scss
                ├─ _tables.scss
                └─ _toasts.scss
@@ -202,7 +203,6 @@ set color highlights for some pseudo-elements like `: hover`.
     &:hover {
       background-color: theme-color-dark('light');
     }
-  }
 }
 
 &.alert-info {
@@ -257,13 +257,13 @@ $exit-easing--expressive: cubic-bezier(0.4, 0.14, 1, 1);
 - [Including Animation In Your Design
   System](https://www.smashingmagazine.com/2019/02/animation-design-system/)
 - [Carbon Design System motion
-  guidelines](https://www.carbondesignsystem.com/guidelines/motion/basics/)
+  guidelines](https://carbondesignsystem.com/elements/motion/overview/)
 
 #### `_variables.scss`
 
 This file contains all the global Sass options. There are Bootstrap option
 overrides, Bootstrap global variable overrides, and custom BMC global variables.
-Read more about these in the [Customization section](/customize/theme).
+Read more about these in the [Customization section](/customization/theme).
 
 ### `bootstrap` Directory
 
diff --git a/docs/customization/theme.md b/docs/customization/theme.md
index 6dbce1a9a1..3646e23c1c 100644
--- a/docs/customization/theme.md
+++ b/docs/customization/theme.md
@@ -11,10 +11,10 @@ application navigation, and theming.
 
 [Read more in the Build Customization section](/customization/build)
 
-### Configuring environment specific builds
+<!-- ### Configuring environment specific builds
 The complete instructions can be found in the `env` directory in a file called
 env.md or by viewing the [Configuring environment specific builds
-page](./env.md)
+page](./env.md) -->
 
 ## Bootstrap Sass Options
 The Bootstrap Sass options are global styling toggles. The naming convention for
@@ -58,7 +58,7 @@ and collapsing elements.
 
 ### More Information
 - [Carbon Design System Motion
-  Guidelines](https://www.carbondesignsystem.com/guidelines/motion/basics/)
+  Guidelines](https://carbondesignsystem.com/elements/motion/overview/)
 - [Including Animation In Your Design
   System](https://www.smashingmagazine.com/2019/02/animation-design-system/)
 
diff --git a/docs/guide/coding-standards/readme.md b/docs/guide/coding-standards/index.md
similarity index 100%
rename from docs/guide/coding-standards/readme.md
rename to docs/guide/coding-standards/index.md
diff --git a/docs/guide/components/alerts/index.md b/docs/guide/components/alerts/index.md
index aa2c5e1315..d49cf63770 100644
--- a/docs/guide/components/alerts/index.md
+++ b/docs/guide/components/alerts/index.md
@@ -4,8 +4,8 @@ cannot manually dismiss. With exception to the error message on the login page,
 alerts are not triggered by user action. Success and error notifications based
 on user actions are created using a toast component.
 
-[Learn more about Bootstrap-vue alert
-options](https://bootstrap-vue.js.org/docs/components/alert)
+[Learn more about Bootstrap-vue-next alert
+options](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/alert)
 
 ![Alert examples](./alert.png)
 
diff --git a/docs/guide/components/buttons/index.md b/docs/guide/components/buttons/index.md
index 83b8e8a7ba..bed0751628 100644
--- a/docs/guide/components/buttons/index.md
+++ b/docs/guide/components/buttons/index.md
@@ -6,8 +6,8 @@ can be themed by setting the `variant` prop on the component to one of the
 [theme-color map keys](/guide/guidelines/colors). To create a button that looks
 like a link, set the variant value to `link`.
 
-[Learn more about Bootstrap-vue
-buttons](https://bootstrap-vue.js.org/docs/components/button)
+[Learn more about Bootstrap-vue-next
+buttons](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/button.html)
 
 ### Icon only buttons
 Add `btn-icon-only` class to the button and add `title` attribute to get helper
@@ -19,21 +19,21 @@ text on hover over the button.
 
 ```vue
 // Enabled Buttons
-<b-button variant="primary">Primary</b-button>
-<b-button variant="primary">
+<BButton variant="primary">Primary</BButton>
+<BButton variant="primary">
   <icon-add />
   <span>Primary with icon</span>
-</b-button>
-<b-button variant="secondary">Secondary</b-button>
-<b-button variant="danger">Danger</b-button>
-<b-button variant="link">Link Button</b-button>
-<b-button variant="link">
+</BButton>
+<BButton variant="secondary">Secondary</BButton>
+<BButton variant="danger">Danger</BButton>
+<BButton variant="link">Link Button</BButton>
+<BButton variant="link">
   <icon-add />
   <span>Link Button</span>
-</b-button>
-<b-button variant="link" title="Delete" class="btn-icon-only">
+</BButton>
+<BButton variant="link" title="Delete" class="btn-icon-only">
   <icon-trashcan />
-</b-button>
+</BButton>
 ```
 
 ### Disabled buttons
@@ -42,19 +42,19 @@ text on hover over the button.
 
 ```vue
 // Disabled Buttons
-<b-button disabled variant="primary">Primary</b-button>
-<b-button disabled variant="primary">
+<BButton disabled variant="primary">Primary</BButton>
+<BButton disabled variant="primary">
   <icon-add />
   <span>Primary with icon</span>
-</b-button>
-<b-button disabled variant="secondary">Secondary</b-button>
-<b-button disabled variant="danger">Danger</b-button>
-<b-button disabled variant="link">Link Button</b-button>
-<b-button disabled variant="link">
+</BButton>
+<BButton disabled variant="secondary">Secondary</BButton>
+<BButton disabled variant="danger">Danger</BButton>
+<BButton disabled variant="link">Link Button</BButton>
+<BButton disabled variant="link">
   <icon-add />
   <span>Link Button</span>
-</b-button>
-<b-button disabled variant="link" title="Delete" class="btn-icon-only">
+</BButton>
+<BButton disabled variant="link" title="Delete" class="btn-icon-only">
   <icon-trashcan />
-</b-button>
+</BButton>
 ```
\ No newline at end of file
diff --git a/docs/guide/components/file-upload/readme.md b/docs/guide/components/file-upload/index.md
similarity index 83%
rename from docs/guide/components/file-upload/readme.md
rename to docs/guide/components/file-upload/index.md
index fb833648bd..517e7cfb2f 100644
--- a/docs/guide/components/file-upload/readme.md
+++ b/docs/guide/components/file-upload/index.md
@@ -8,8 +8,8 @@ To use this component:
 2. Add the `<form-file />` tag
 3. Add the optional `id` , `disabled`, `accept` and `state` prop as required
 
-[Learn more about the Bootstrap-vue Form File
-component](https://bootstrap-vue.org/docs/components/form-file)
+[Learn more about the Bootstrap-vue-next Form File
+component](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/form-file.html#form-file)
 ### Optional properties
 
 - `id`- Used to set the `id` attribute on the rendered content, and used as the
@@ -23,11 +23,11 @@ component](https://bootstrap-vue.org/docs/components/form-file)
 ## Example of form file
 
 ```vue
-<form-file
+<FormFile
   id="image-file"
   accept=".tar"
   >
-</form-file>
+</FormFile>
 ```
 
 ![Formfile example in firmware](./formfile.png)
diff --git a/docs/guide/components/readme.md b/docs/guide/components/index.md
similarity index 100%
rename from docs/guide/components/readme.md
rename to docs/guide/components/index.md
diff --git a/docs/guide/components/info-tooltip/index.md b/docs/guide/components/info-tooltip/index.md
index b611792409..b5d14a85c4 100644
--- a/docs/guide/components/info-tooltip/index.md
+++ b/docs/guide/components/info-tooltip/index.md
@@ -4,8 +4,8 @@ The `InfoTooltip` is a custom component that uses a Bootstrap-vue tooltip with
 an info icon. This custom component requires a title property containing the
 tooltip text to display to the user.
 
-[Read more about the Bootstrap-vue tooltip
-component](https://bootstrap-vue.org/docs/components/tooltip)
+[Read more about the Bootstrap-vue-next tooltip
+component](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/tooltip.html#tooltip)
 
 ## Example
 
diff --git a/docs/guide/components/page-section/index.md b/docs/guide/components/page-section/index.md
index 2a8a22ef72..6d9d341f6c 100644
--- a/docs/guide/components/page-section/index.md
+++ b/docs/guide/components/page-section/index.md
@@ -10,4 +10,4 @@ string will be rendered in an `h2` header element.
 ```
 
 [View the page section component source
-code](https://github.com/openbmc/webui-vue/blob/master/src/components/Global/PageSection.vue).
\ No newline at end of file
+code](https://github.com/ibm-openbmc/webui-vue/blob/1060-vue3/src/components/Global/PageSection.vue).
\ No newline at end of file
diff --git a/docs/guide/components/page-title/index.md b/docs/guide/components/page-title/index.md
index db43f29f0c..3f3cc65af9 100644
--- a/docs/guide/components/page-title/index.md
+++ b/docs/guide/components/page-title/index.md
@@ -10,7 +10,7 @@ corresponds with the title property set in the route record's meta field in
     name: 'login',
     component: Login,
     meta: {
-      title: i18n.t('appPageTitle.login'),
+      title: i18n.global.t('appPageTitle.login'),
     },
   },
 ```
@@ -25,4 +25,4 @@ are found in the `src/locales` folder.
 ```
 
 [View the page title component source
-code](https://github.com/openbmc/webui-vue/blob/master/src/components/Global/PageTitle.vue).
+code](https://github.com/ibm-openbmc/webui-vue/blob/1060-vue3/src/components/Global/PageTitle.vue).
diff --git a/docs/guide/components/status-icon/readme.md b/docs/guide/components/status-icon/index.md
similarity index 100%
rename from docs/guide/components/status-icon/readme.md
rename to docs/guide/components/status-icon/index.md
diff --git a/docs/guide/components/table/index.md b/docs/guide/components/table/index.md
index 614ef60fc9..50390d36f1 100644
--- a/docs/guide/components/table/index.md
+++ b/docs/guide/components/table/index.md
@@ -1,16 +1,16 @@
 # Table
 
-All tables in the application are using the [BoostrapVue table
-component](https://bootstrap-vue.org/docs/components/table).
+All tables in the application are using the [Boostrap-vue-next table
+component](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/table.html).
 
-To use the component, include the `<b-table>` tag in the template. The component
+To use the component, include the `<BTable>` tag in the template. The component
 is registered globally so does not need to be imported in each SFC.
 
 ## Basic table
 There are a few required properties to maintain consistency across the
-application. The full list of options can be viewed on the [Bootstrap-vue table
+application. The full list of options can be viewed on the [Bootstrap-vue-next table
 component's documentation
-page](https://bootstrap-vue.org/docs/components/table#comp-ref-b-table-props).
+page](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/table.html#table-helper-components).
 
 
 ### Required properties
@@ -30,7 +30,7 @@ example](./table-empty.png)
 
 ```vue
 <template>
-  <b-table
+  <BTable
     hover
     show-empty
     responsive="md"
@@ -40,10 +40,10 @@ example](./table-empty.png)
   />
 </template>
 
-<script>
-  export default {
-    data() {
-      items: [
+<script setup>
+import { ref } from 'vue';
+
+const items = ref([
         {
           name: 'Babe',
           age: '3 years',
@@ -54,30 +54,28 @@ example](./table-empty.png)
           age: '4 months',
           color: 'grey'
         },
-      ],
-      fields: [
+      ]);
+const fields = ref([
         {
           key: 'name',
-          label: this.$t('table.name') //translated label
+          label: i18n.global.t('table.name') //translated label
         },
         {
           key: 'age',
-          label: this.$t('table.age') //translated label
+          label: i18n.global.t('table.age') //translated label
         },
         {
           key: 'color',
-          label: this.$t('table.color') // translated label
+          label: i18n.global.t('table.color') // translated label
         }
-      ]
-    }
-  }
+      ]);
 </script>
 ```
 
 ## Sort
 
 To enable table sort, include `sortable: true` in the fields array for sortable
-columns and add the following props to the `<b-table>` component:
+columns and add the following props to the `<BTable>` component:
 
 - `sort-by`
 - `no-sort-reset`
@@ -88,7 +86,7 @@ columns and add the following props to the `<b-table>` component:
 
 ```vue
 <template>
-  <b-table
+  <BTable
     hover
     no-sort-reset
     sort-icon-left
@@ -98,12 +96,11 @@ columns and add the following props to the `<b-table>` component:
     :fields="fields"
   />
 </template>
-<script>
-export default {
-  data() {
-    return {
-      items: [...],
-      fields: [
+<script setup>
+import { ref } from 'vue';
+
+const items = ref([...]);
+const fields = ref([
         {
           key: 'name',
           label: 'Name', //should be translated
@@ -119,10 +116,7 @@ export default {
           label: 'Description', //should be translated
           sortable: false
         }
-      ]
-    }
-  }
-}
+      ]);
 </script>
 ```
 
@@ -131,25 +125,25 @@ export default {
 To add an expandable row in the table, add a column for the expand button in the
 fields array. Include the tdClass `table-row-expand` to ensure icon rotation is
 handled. Use the built in [cell
-slot](https://bootstrap-vue.org/docs/components/table#comp-ref-b-table-slots) to
+slot](https://bootstrap-vue.org/docs/components/table#comp-ref-BTable-slots) to
 target the expand button column and add a button with the chevron icon.
 
 Include the
-[TableRowExpandMixin](https://github.com/openbmc/webui-vue/blob/master/src/components/Mixins/TableRowExpandMixin.js).
-The mixin contains the dynamic `aria-label` and `title` attribute values that
+[useTableRowExpandComposable](https://github.com/ibm-openbmc/webui-vue/blob/1060-vue3/src/components/Composables/useTableRowExpandComposable.js).
+The composable contains the dynamic `aria-label` and `title` attribute values that
 need to be included with the expand button. The `toggleRowDetails` method should
 be the button's click event callback. Be sure to pass the `row` object to the
 function.
 
 Use the [row-details
-slot](https://bootstrap-vue.org/docs/components/table#comp-ref-b-table-slots) to
+slot](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/table.html#row-details-support) to
 format the expanded row content. The slot has access to the row `item` property.
 
 ### Summary
 
 1. Add a column for the expansion row button with the tdClass,
    `table-row-expand`
-2. Include the `TableRowExpandMixin` to handle the dynamic aria label, title,
+2. Include the `useTableRowExpandComposable` to handle the dynamic aria label, title,
    and row expansion toggling
 3. Use the `#cell` slot to target the expandable row column and add the button
    with accessible markup and click handler
@@ -159,67 +153,61 @@ format the expanded row content. The slot has access to the row `item` property.
 
 ```vue
 <template>
-  <b-table
+  <BTable
     hover
     responsive="md"
     :items="items"
     :fields="fields"
   >
     <template #cell(expandRow)="row">
-      <b-button
+      <BButton
         variant="link"
         :aria-label="expandRowLabel"
         :title="expandRowLabel"
         @click="toggleRowDetails(row)"
       >
         <icon-chevron />
-      </b-button>
+      </BButton>
     </template>
     <template #row-details="row">
       <h3>Expanded row details</h3>
       {{ row.item }}
     </template>
-  </b-table>
+  </BTable>
 </template>
-<script>
+<script setup>
+import { ref } from 'vue';
 import IconChevron from '@carbon/icons-vue/es/chevron--down/20';
-import TableRowExpandMixin, { expandRowLabel } from '@/components/Mixins/TableRowExpandMixin';
-
-export default {
-  components: { IconChevron },
-  mixins: [ TableRowExpandMixin ],
-  data() {
-    return {
-      items: [...],
-      fields: [
+import useTableRowExpandComposable from "../../../components/Composables/useTableRowExpandComposable";
+
+const { expandRowLabel } = useTableRowExpandComposable();
+
+const items =ref([...]);
+const fields = ref([
         {
           key: 'expandRow',
           label: '',
           tdClass: 'table-row-expand',
         },
         ...
-      ],
-      expandRowLabel
-    }
-  }
-}
+      ])
 </script>
 ```
 
 ## Search
 
 The table is leveraging [BootstrapVue table
-filtering](https://bootstrap-vue.org/docs/components/table#filtering) for
+filtering](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/table.html#filtering) for
 search. Add the
-[@filtered](https://bootstrap-vue.org/docs/components/table#filter-events) event
-listener onto the `<b-table>` component. The event callback should track the
+[@filtered](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/table.html#filter-events) event
+listener onto the `<BTable>` component. The event callback should track the
 total filtered items count.
 
 Import the `<search>` and `<table-cell-count>` components and include them in
-the template above the `<b-table>` component.
+the template above the `<BTable>` component.
 
 Include the
-[SearchFilterMixin](https://github.com/openbmc/webui-vue/blob/master/src/components/Mixins/SearchFilterMixin.js).
+[useSearchFilterComposable](https://github.com/ibm-openbmc/webui-vue/blob/1060-vue3/src/components/Composables/useSearchFilterComposable.js).
 Add the `@change-search` and `@clear-search` event listeners on the `<search>`
 component and use the corresponding `onChangeSearchInput` and
 `onClearSearchInput` methods as the event callbacks. The table should also
@@ -239,22 +227,22 @@ if there are no search matches.
 
 ```vue
 <template>
-  <b-container>
-  <b-row>
-    <b-col>
+  <BContainer>
+  <BRow>
+    <BCol>
       <search
         @changeSearch="onChangeSearchInput"
         @clearSearch="onClearSearchInput"
       />
-    </b-col>
-    <b-col>
+    </BCol>
+    <BCol>
       <table-cell-count
         :filtered-items-count="filteredItemsCount"
         :total-number-of-cells="items.length"
       />
-    </b-col>
-  </b-row>
-  <b-table
+    </BCol>
+  </BRow>
+  <BTable
     hover
     responsive="md"
     :items="items"
@@ -263,35 +251,27 @@ if there are no search matches.
     :empty-filtered-text="$t('global.table.emptySearchMessage')"
     @filtered="onFiltered"
   />
-  </b-container>
+  </BContainer>
 </template>
-<script>
+<script setup>
+import { ref, computed } from 'vue';
 import Search from '@/components/Global/Search';
 import TableCellCount from '@/components/Global/TableCellCount';
-import SearchFilterMixin, { searchFilter } from '@/components/Mixins/SearchFilterMixin';
-
-export default {
-  components: { Search, TableCellCount },
-  mixins: [ SearchFilterMixin ],
-  data() {
-    return {
-      items: [...],
-      fields: [...],
-      searchFilter,
-      filteredItems: [],
-    }
-  },
-  computed: {
-    filteredItemsCount() {
-      return this.filteredItems.length;
-    },
-  },
-  methods: {
-    onFiltered(items) {
-      this.filteredItems = items;
-    },
-  },
-}
+import useSearchFilterComposable from "../../../components/Composables/useSearchFilterComposable";
+
+const { searchFilterInput } = useSearchFilterComposable();
+
+const items = ref([...]);
+const fields = ref([...]);
+const filteredItems = ref([]);
+
+const filteredItemsCount = computed(() => {
+      return filteredItems.value.length;
+    });
+
+const onFiltered = (items) => {
+      filteredItems.value = items.value;
+    };
 </script>
 ```
 
@@ -310,7 +290,7 @@ component will emit a `@click-table-action` with the event value.
 
 ```vue
 <template>
-  <b-table
+  <BTable
     hover
     responsive="md"
     :items="itemsWithActions"
@@ -330,60 +310,51 @@ component will emit a `@click-table-action` with the event value.
         </template>
       </table-row-action>
     </template>
-  </b-table>
+  </BTable>
 </template>
 <script>
+import { ref } from 'vue';
 import IconDelete from '@carbon/icons-vue/es/trash-can/20';
 import IconEdit from '@carbon/icons-vue/es/edit/20';
-import TableRowAction from '@/components/Global/TableRowAction';
-
-export default {
-  components: { IconDelete, IconEdit, TableRowAction },
-  data() {
-    return {
-      items: [...],
-      fields: [
+import TableRowAction from '@/components/Global/TableRowAction.vue';
+
+const items = ref([...]);
+const fields = ref([
         ...,
         {
           key: 'actions',
           label: '',
           tdClass: 'text-right text-nowrap',
         }
-      ],
-    }
-  },
-  computed: {
-    itemsWithActions() {
-      return this.items.map((item) => {
+      ]);
+
+const itemsWithActions = computed(() => {
+      return items.value.map((item) => {
         return {
           ...item,
           actions: [
             {
               value: 'edit',
-              title: this.$t('global.action.edit'),
+              title: i18n.global.t('global.action.edit'),
             },
             {
               value: 'delete',
-              title: this.$t('global.action.delete'),
+              title: i18n.global.t('global.action.delete'),
             },
           ],
         };
       });
-    }
-  },
-  methods: {
-    onTableRowAction(event, row) {
+    });
+const onTableRowAction = (event, row) => {
       // row action callback
-    }
-  }
-}
+    };
 </script>
 ```
 
 ## Filters
 
 To add a table dropdown filter:
-1. Import the `<table-filter> `component and TableFilterMixin.
+1. Import the `<table-filter> `component and useTableFilterComposable.
 1. Add a filters prop to the `<table-filters>` component. This prop should be an
    array of filter groups–each required to have a key, label, and values prop.
 
@@ -394,7 +365,7 @@ in the dropdown.
 
 The component will emit a `@filter-change` event that will provide the filter
 group and all selected values in the group. Use the getFilteredTableData method
-from the TableFilterMixin to show the filtered table data.
+from the useTableFilterComposable to show the filtered table data.
 
 ![Table filter example](./table-filter.png)
 
@@ -403,15 +374,15 @@ from the TableFilterMixin to show the filtered table data.
 ```vue
 <template>
   <b-container>
-    <b-row>
-      <b-col class="text-right">
+    <BRow>
+      <BCol class="text-right">
         <table-filter
           :filters="tableFilters"
           @filter-change="onTableFilterChange"
         />
-      </b-col>
-    </b-row>
-    <b-table
+      </BCol>
+    </BRow>
+    <BTable
       hover
       responsive="md"
       :items="filteredItems"
@@ -419,38 +390,31 @@ from the TableFilterMixin to show the filtered table data.
     />
   </b-container>
 </template>
-<script>
-import TableFilter from '@/components/Global/TableFilter';
-import TableFilterMixin from '@/components/Mixins/TableFilterMixin';
-
-export default {
-  components: { TableFilter },
-  mixins: [ TableFilterMixin ],
-  data() {
-    return {
-      items: [...],
-      fields: [...],
-      tableFilters: [
+<script setup>
+import { ref, computed } from 'vue';
+import TableFilter from '@/components/Global/TableFilter.vue';
+import useTableFilterComposable from '@/components/Composables/useTableFilterComposable';
+
+const { getFilteredTableData } = useTableFilterComposable();
+
+const items = ref([...]);
+const fields = ref([...]);
+const tableFilters = ref([
         {
-          label: this.$t('table.status'),
+          label: i18n.global.t('table.status'),
           key: status,
           values: ['Open', 'Closed']
         }
-      ],
-      activeFilters: [],
-    },
-  },
-  computed: {
-    filteredItems() {
-      return this.getFilteredTableData(this.items, this.activeFilters);
-    },
-  },
-  methods: {
-    onTableFilterChange({ activeFilters }) {
-      this.activeFilters = activeFilters;
-    },
-  },
-}
+      ]);
+const activeFilters = ref([]);
+
+const filteredItems = computed(() => {
+      return getFilteredTableData(items.value, activeFilters.value);
+    });
+
+const onTableFilterChange = ({ activeFilters }) => {
+      activeFilters.value = activeFilters;
+    };
 </script>
 ```
 
@@ -459,7 +423,7 @@ export default {
 
 To add a date filter, import the `<table-date-filter>` component. It will emit a
 `@change` event with the user input date values. There is a date filter method,
-`getFilteredTableDataByDate`, in the `TableFilterMixin`.
+`getFilteredTableDataByDate`, in the `useTableFilterComposable`.
 
 
 ## Batch actions
@@ -468,14 +432,14 @@ Batch actions allow a user to take a single action on many items in a table at
 once.
 
 To add table batch actions:
-1. Import the `<table-toolbar> `component and BVTableSelectableMixin
+1. Import the `<table-toolbar> `component and useTableSelectableComposable
 1. Add the `selectable`, `no-select-on-click` props and a unique `ref` to the
    table. The table will emit a `@row-selected` event. Use the `onRowSelected`
-   mixin method as a callback and provide the `$event` as the first argument and
+   composable method as a callback and provide the `$event` as the first argument and
    the total table items count as the second argument.
 1. Add a table column for checkboxes. The table header checkbox should use the
    `tableHeaderCheckboxModel` and `tableHeaderCheckboxIndeterminate` values
-   provided by the mixin. The table header checkbox should also use the
+   provided by the composable. The table header checkbox should also use the
    `onChangeHeaderCheckbox` method as a callback for the `@change` event with
    the table `ref` passed as an argument. The table row checkboxes should use
    the `toggleSelectRow` method as a callback for the `@change` event with the
@@ -501,7 +465,7 @@ To add table batch actions:
       @clear-selected="clearSelectedRows($refs.table)"
       @batch-action="onBatchAction"
     />
-    <b-table
+    <BTable
       ref="table"
       hover
       selectable
@@ -512,62 +476,53 @@ To add table batch actions:
       @row-selected="onRowSelected($event, items.length)"
     >
       <template #head(checkbox)>
-        <b-form-checkbox
+        <BFormCheckbox
           v-model="tableHeaderCheckboxModel"
           :indeterminate="tableHeaderCheckboxIndeterminate"
           @change="onChangeHeaderCheckbox($refs.table)"
         />
       </template>
       <template #cell(checkbox)="row">
-        <b-form-checkbox
+        <BFormCheckbox
           v-model="row.rowSelected"
           @change="toggleSelectRow($refs.table, row.index)"
         />
       </template>
-    </b-table>
+    </BTable>
   </b-container>
 </template>
 <script>
-import TableToolbar from '@/components/Global/TableToolbar';
-import BVTableSelectableMixin, {
+import { ref } from 'vue';
+import TableToolbar from '@/components/Global/TableToolbar.vue';
+import useTableSelectableComposable from '@/components/Composables/useTableSelectableComposable';
+
+const {
+  selectedRowsList,
   tableHeaderCheckboxModel,
   tableHeaderCheckboxIndeterminate,
-  selectedRows
-} from '@/components/Mixins/BVTableSelectableMixin';
-
-export default {
-  components: { TableToolbar },
-  mixins: [ BVTableSelectableMixin ],
-  data() {
-    return {
-      items: [...],
-      fields: [
+} = useTableSelectableComposable();
+
+const items = ref([...]);
+const fields = ref([
         {
           key: 'checkbox'
         },
         ...
-      ],
-      tableToolbarActions: [
+      ]);
+const tableToolbarActions = ref([
         {
           value: 'edit',
-          label: this.$t('global.action.edit')
+          label: i18n.global.t('global.action.edit')
         },
         {
           value: 'delete',
-          label: this.$t('global.action.delete')
-        },
-      ],
-      tableHeaderCheckboxModel,
-      tableHeaderCheckboxIndeterminate,
-      selectedRows
-    },
-  },
-  methods: {
-    onBatchAction(action) {
+          label: i18n.global.t('global.action.delete')
+        }
+      ])
+
+const onBatchAction = (action) => {
       // Do something with selected batch action and selected rows
-    },
-  },
-}
+    };
 </script>
 ```
 
@@ -575,27 +530,27 @@ export default {
 ## Pagination
 
 To add table pagination:
-1. Import the BVPaginationMixin
+1. Import the usePaginationComposable
 1. Add the `per-page` and `current-page` props to the `<table>` component.
 1. Add the below HTML snippet to the template. Make sure to update the
    `total-rows` prop.
 
 ```vue{21}
-<b-row>
-  <b-col sm="6">
-    <b-form-group
+<BRow>
+  <BCol sm="6">
+    <BFormGroup
       class="table-pagination-select"
       :label="$t('global.table.itemsPerPage')"
       label-for="pagination-items-per-page"
     >
-      <b-form-select
+      <BFormSelect
         id="pagination-items-per-page"
         v-model="perPage"
         :options="itemsPerPageOptions"
       />
-    </b-form-group>
-  </b-col>
-  <b-col sm="6">
+    </BFormGroup>
+  </BCol>
+  <BCol sm="6">
     <b-pagination
       v-model="currentPage"
       first-number
@@ -604,15 +559,15 @@ To add table pagination:
       :total-rows="getTotalRowCount(items.length)"
       aria-controls="table-event-logs"
     />
-  </b-col>
-</b-row>
+  </BCol>
+</BRow>
 ```
 ![Table pagination example](./table-pagination.png)
 
 ```vue
 <template>
-  <b-container>
-    <b-table
+  <BContainer>
+    <BTable
       hover
       responsive="md"
       :items="filteredItems"
@@ -620,21 +575,21 @@ To add table pagination:
       :per-page="perPage"
       :current-page="currentPage"
     />
-    <b-row>
-      <b-col sm="6">
-        <b-form-group
+    <BRow>
+      <BCol sm="6">
+        <BFormGroup
           class="table-pagination-select"
           :label="$t('global.table.itemsPerPage')"
           label-for="pagination-items-per-page"
         >
-          <b-form-select
+          <BFormSelect
             id="pagination-items-per-page"
             v-model="perPage"
             :options="itemsPerPageOptions"
           />
-        </b-form-group>
-      </b-col>
-      <b-col sm="6">
+        </BFormGroup>
+      </BCol>
+      <BCol sm="6">
         <b-pagination
           v-model="currentPage"
           first-number
@@ -643,28 +598,19 @@ To add table pagination:
           :total-rows="getTotalRowCount(items.length)"
           aria-controls="table-event-logs"
         />
-      </b-col>
-    </b-row>
-  </b-container>
+      </BCol>
+    </BRow>
+  </BContainer>
 </template>
 <script>
-import BVPaginationMixin, {
-  currentPage,
-  perPage,
-  itemsPerPageOptions
-} from '@/components/Mixins/BVPaginationMixin';
-
-export default {
-  mixins: [ BVPaginationMixin ],
-  data() {
-    return {
-      items: [...],
-      fields: [..],
-      currentPage,
-      perPage,
-      itemsPerPageOptions
-    },
-  }
-}
+import { ref } from 'vue';
+import usePaginationComposable from '@/components/Composables/usePaginationComposable';
+
+const { currentPage, perPage, itemsPerPageOptions } =
+  usePaginationComposable();
+
+const tems = ref([...]);
+const fields = ref([..]);
+
 </script>
 ```
\ No newline at end of file
diff --git a/docs/guide/components/toasts/index.md b/docs/guide/components/toasts/index.md
index 3f0c815da5..1c47768ff5 100644
--- a/docs/guide/components/toasts/index.md
+++ b/docs/guide/components/toasts/index.md
@@ -6,7 +6,7 @@ displayed.  If the user action was not successful, a toast message with the
 
 There are different transitions for the toast messages. The `success` toast
 message will auto-hide after 10 seconds. The user must manually dismiss the
-`informational`, `warning`, and `error` toast messages.  The `BVToastMixin`
+`informational`, `warning`, and `error` toast messages.  The `useToastComposable`
 provides a simple API that generates a toast message that meets the transition
 guidelines.
 
@@ -14,28 +14,31 @@ guidelines.
 
 ```js{5}
 // Sample method from Reboot BMC page
+import useToastComposable from '@/components/Composables/useToastComposable';
+import { ControlStore } from '@/store';
+
+const { successToast, errorToast, infoToast, warningToast } = useToastComposable();
+const controlStore = ControlStore();
+
 rebootBmc() {
-  this.$store
-  .dispatch('controls/rebootBmc')
-  .then(message => this.successToast(message))
-  .catch(({ message }) => this.errorToast(message));
+  controlStore.rebootBmc()
+  .then(message => successToast(message))
+  .catch(({ message }) => errorToast(message));
 }
 
 // Methods used in this example
-methods: {
-  makeSuccessToast() {
-    this.successToast('This is a success toast and will be dismissed after 10 seconds.');
-  },
-  makeErrorToast() {
-    this.errorToast('This is an error toast and must be dismissed by the user.');
-  },
-  makeWarningToast() {
-    this.warningToast('This is a warning toast and must be dismissed by the user.');
-  },
-  makeInfoToast() {
-    this.infoToast('This is an info toast and must be dismissed by the user.');
-  },
-}
+const makeSuccessToast = () => {
+    successToast('This is a success toast and will be dismissed after 10 seconds.');
+  };
+const makeErrorToast = () => {
+    errorToast('This is an error toast and must be dismissed by the user.');
+  };
+const makeWarningToast = () => {
+    warningToast('This is a warning toast and must be dismissed by the user.');
+  };
+const makeInfoToast = () => {
+    infoToast('This is an info toast and must be dismissed by the user.');
+  };
 ```
 
 ## Additional options
@@ -44,7 +47,7 @@ The first argument for each method will be the toast body content. It accepts a
 string value or an array of strings for toasts needing to display multiple lines
 of content.
 
-The BVToastMixin also accepts additional options as a second argument. Pass an
+The useToastComposable also accepts additional options as a second argument. Pass an
 object with a `title` property to change the default toast title. Include a
 `refreshAction` property, set to true, to include a link that refreshes the
 application. Include a `timestamp` property, set to true, to include a timestamp
@@ -55,9 +58,8 @@ style="max-width:350px">
 
 ```js
 
-methods: {
-  makeInfoToast() {
-    this.infoToast([
+const makeInfoToast = () => {
+    infoToast([
       'This is a toast with multi-lined body content.',
       'Just pass an array of strings!'
       ], {
@@ -65,6 +67,5 @@ methods: {
       refreshAction: true,
       timestamp: true
     })
-  }
-}
+  };
 ```
\ No newline at end of file
diff --git a/docs/guide/guidelines/colors.md b/docs/guide/guidelines/colors.md
index 3ba91b6a1e..fe3f2d5d4d 100644
--- a/docs/guide/guidelines/colors.md
+++ b/docs/guide/guidelines/colors.md
@@ -7,7 +7,7 @@ colors to override default styles set by the Bootstrap library.
 
 - [Learn more about theme customization](/customization/theme/)
 - [Open an issue in the OpenBMC webui-vue
-  repo](https://github.com/openbmc/webui-vue/issues/new/choose) to request a
+  repo](https://github.com/ibm-openbmc/webui-vue/tree/1060-vue3) to request a
   change
 - [Learn more about Bootstrap
   colors](https://getbootstrap.com/docs/4.4/getting-started/theming/#theme-colors)
diff --git a/docs/guide/guidelines/internationalization.md b/docs/guide/guidelines/internationalization.md
index 6ff17d761a..e768c096bf 100644
--- a/docs/guide/guidelines/internationalization.md
+++ b/docs/guide/guidelines/internationalization.md
@@ -3,7 +3,7 @@ The OpenBMC Web UI implements internationalization and separates the language-
 specific parts of the interface from the rest of the code, so they can be
 easily replaced. The OpenBMC Web UI uses the following library for
 internationalization:
-- [Vue I18n](https://kazupon.github.io/vue-i18n/introduction.html)
+- [Vue I18n](https://vue-i18n.intlify.dev/)
 
 ## Key naming convention
 The OpenBMC Web UI follows the following key naming conventions:
@@ -17,7 +17,7 @@ structure and improves readability of the language file.
    - e.g. `pageEventLogs.table.eventType`
 - Avoid any complex linked locale messages.
 - Alphabetize object keys. This helps in locating the keys.
-- We use the `$t()` function in markup and `this.$t` in scripts (which Vue I18n
+- We use the `$t()` function in markup and `i18n.global.t` in scripts (which Vue I18n
 provides to our components) for outputting translation messages.
 
 ## Using the Vue I18n plugin
@@ -52,7 +52,7 @@ node node_modules/vue-i18n-extract/bin/vue-i18n-extract.js -v 'src/**/*.?(js|vue
 
 - Vue I18n’s `$tc()` function can help with displaying plurals.
 [Learn more about
-pluralization.](https://kazupon.github.io/vue-i18n/guide/pluralization.html)
+pluralization.](https://vue-i18n.intlify.dev/guide/essentials/pluralization.html#custom-pluralization)
 
 ```json
 "modal": {
diff --git a/docs/guide/guidelines/motion.md b/docs/guide/guidelines/motion.md
index 4e1762937a..956dda0424 100644
--- a/docs/guide/guidelines/motion.md
+++ b/docs/guide/guidelines/motion.md
@@ -2,7 +2,7 @@
 The motion guidelines are based on Carbon Design System guidelines. These
 guidelines avoid easing curves that are unnatural, distracting, or purely
 decorative. [The documentation below is attributed to Carbon's animation
-documentation](https://www.carbondesignsystem.com/guidelines/motion/basics/).
+documentation](https://carbondesignsystem.com/elements/motion/overview/).
 
 
 ## Easing
diff --git a/docs/guide/readme.md b/docs/guide/index.md
similarity index 84%
rename from docs/guide/readme.md
rename to docs/guide/index.md
index 0a0db1d7e4..296146cc5b 100644
--- a/docs/guide/readme.md
+++ b/docs/guide/index.md
@@ -16,12 +16,12 @@ Having an understanding of semantic HTML, CSS, and JavaScript is the critical
 knowledge required to contribute to this project. The frameworks and libraries
 used to build this UI include:
 - [Vue](https://vuejs.org/)
-- [Vuex](https://vuex.vuejs.org/)
+- [Pinia](https://pinia.vuejs.org/)
 - [Vue Router](https://router.vuejs.org/)
 - [Axios](https://github.com/axios/axios)
-- [Bootstrap-vue](https://bootstrap-vue.js.org/)
+- [Bootstrap-vue-next](https://bootstrap-vue-next.github.io/bootstrap-vue-next/)
 - [Vuelidate](https://vuelidate.js.org/)
-- [Vue I18n](https://kazupon.github.io/vue-i18n/)
+- [Vue I18n](https://vue-i18n.intlify.dev/)
 
 ::: tip Acquiring an understanding of these technologies will also be necessary.
 :::
@@ -36,6 +36,6 @@ application. How to theme the application to meet company brand guidelines is
 documented in [Customization](/customization/).
 
 ## Components
-The [components section](/guide/components/) is a guide to using both custom Vue
+The [components section](components/) is a guide to using both custom Vue
 components and components from the Bootstrap-Vue library.
 
diff --git a/docs/guide/quickstart/forms.md b/docs/guide/quickstart/forms.md
index 5356eac043..e9bd6b181e 100644
--- a/docs/guide/quickstart/forms.md
+++ b/docs/guide/quickstart/forms.md
@@ -1,41 +1,41 @@
 # Forms
 
-Forms are created using the [bootstrap-vue form
-component](https://bootstrap-vue.org/docs/components/form)
+Forms are created using the [bootstrap-vue-next form
+component](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/form.html#form)
 and validated with the [Vuelidate](https://vuelidate.js.org/#sub-installation)
 plugin.
 
 ## Form component
 
-When creating a new form, use the `<b-form>` [form
-component](https://bootstrap-vue.org/docs/components/form). Use the `.prevent`
+When creating a new form, use the `<BForm>` [form
+component](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/form.html#form). Use the `.prevent`
 event modifier on submit to prevent the submit event from reloading the page.
 
 ## Form group component
 
-The `<b-form-group>` [form group
-component](https://bootstrap-vue.org/docs/components/form-group)
+The `<BFormGroup>` [form group
+component](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/form-group.html)
 pairs form controls with a legend or label, helper text, invalid/valid
 feedback text, and visual validation state feedback. Learn more about
 commonly used form components:
 
-- [Form checkbox](https://bootstrap-vue.org/docs/components/form-checkbox)
-- [Form input](https://bootstrap-vue.org/docs/components/form-input)
-- [Form radio](https://bootstrap-vue.org/docs/components/form-radio)
-- [Form select](https://bootstrap-vue.org/docs/components/form-select)
-- [Form file custom component](/guide/components/file-upload)
+- [Form checkbox](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/form-checkbox.html#form-checkbox)
+- [Form input](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/form-input.html)
+- [Form radio](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/form-radio.html)
+- [Form select](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/form-select.html)
+- [Form file custom component](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/components/form-file.html#form-file)
 
-When helper text is provided, use the `<b-form-text>` component and `aria-describedby` on the
+When helper text is provided, use the `<BFormText>` component and `aria-describedby` on the
 form group component the helper text describes.
 
 ## Validation
 
 For custom form validation messages, disable browser native HTML5
-validation by setting the `novalidate` prop on `<b-form>`. Use Vuelidate to
+validation by setting the `novalidate` prop on `<BForm>`. Use Vuelidate to
 check the form validation state and add
-custom validation messages in the `<b-form-invalid-feedback>` component.
+custom validation messages in the `<BFormInvalidFeedback>` component.
 
-When creating a new form add the `VuelidateMixin`
+When creating a new form add the `useVuelidateComposable`
 to the `scripts` block and import any
 [validators](https://vuelidate.js.org/#validators) needed
 such as: `required`, `requiredIf`, etc. The use of built-in validators is
@@ -47,15 +47,15 @@ A complete form will look like this.
 
 ```vue
 <template>
-  <b-form novalidate @submit.prevent="handleSubmit">
-    <b-form-group
+  <BForm novalidate @submit.prevent="handleSubmit">
+    <BFormGroup
       :label="$t('pageName.form.inputLabel')"
       label-for="form-input-id"
     >
-      <b-form-text id="form-input-helper-text">
+      <BFormText id="form-input-helper-text">
         {{ $t('pageName.form.helperText') }}
-      </b-form-text>
-      <b-form-input
+      </BFormText>
+      <BFormInput
         id="form-input-id"
         v-model="form.input"
         type="text"
@@ -63,64 +63,56 @@ A complete form will look like this.
         :state="getValidationState($v.form.input)"
         @change="$v.form.input.$touch()"
       />
-      <b-form-invalid-feedback role="alert">
+      <BFormInvalidFeedback role="alert">
         <div v-if="!$v.form.input.required">
           {{ $t('global.form.fieldRequired') }}
         </div>
-      </b-form-invalid-feedback>
-    </b-form-group>
-    <b-button variant="primary" type="submit" class="mb-3">
+      </BFormInvalidFeedback>
+    </BFormGroup>
+    <BButton variant="primary" type="submit" class="mb-3">
       {{ $t('global.action.save') }}
-    </b-button>
-  </b-form>
+    </BButton>
+  </BForm>
 </template>
 
 <script>
-import VuelidateMixin from '@/components/Mixins/VuelidateMixin';
+import { ref, onMounted, computed, onBeforeMount } from 'vue';
+import useToastComposable from '@/components/Composables/useToastComposable';
+import useVuelidateComposable from '@/components/Composables/useVuelidateComposable';
+import { useVuelidate } from '@vuelidate/core';
 import { required } from 'vuelidate/lib/validators';
+import { ExampleStore } from '@/store';
 
-export default {
-  name: 'PageName',
-  components: {
-  ...
-  },
-  mixins: [VuelidateMixin],
-  data(){
-    form: {
+const { successToast, errorToast } = useToastComposable();
+const exampleStore = ExampleStore();
+
+const form = ref({
       input: '',
-    }
-  },
-  validations() {
-    return {
+    });
+
+const rules = computed(() => ({
       form: {
         input: { required },
       }
-    }
-  },
-  computed: {
-    ...
-  },
-  created() {
-    ...
-  },
-  methods:{
-    handleSubmit() {
-      this.$v.$touch();
-      if (this.$v.$invalid) return;
-      this.$store
-        .dispatch(
-          'pageName/updateFormData',
-          formData
-        )
+}));
+const v$ = useVuelidate(rules, { input });
+
+const cumputedFunction = computed(() => {
+      ...
+    })
+
+const handleSubmit = () => {
+      v$.$touch();
+      if (v$.$invalid) return;
+      exampleStore.updateFormData(formData)
         .then((success) => {
-          this.successToast(success);
+          successToast(success);
         })
-        .catch(({ message }) => this.errorToast(message))
+        .catch(({ message }) => errorToast(message))
         .finally(() => {
-          this.$v.form.$reset();
-          this.endLoader();
+          v$.form.$reset();
+          endLoader();
         });
     },
-};
 </script>
 ```
diff --git a/docs/guide/quickstart/page-anatomy.md b/docs/guide/quickstart/page-anatomy.md
index fd49a8f541..7598d656ff 100644
--- a/docs/guide/quickstart/page-anatomy.md
+++ b/docs/guide/quickstart/page-anatomy.md
@@ -4,21 +4,21 @@ block.
 
 ## Template block
 When creating a new page, each template consists of at least 3 components:
-- `<b-container>`
+- `<BContainer>`
 - `<page-title>`
 - `<page-section>`
 
-Learn more about the [page title](/guide/components/page-title)and [page
+Learn more about the [page title](/guide/components/page-title) and [page
 section](/guide/components/page-section) components.
 
 ```vue
 <template>
-  <b-container fluid="xl">
+  <BContainer fluid="xl">
     <page-title />
     <page-section :section-title="$t('pageName.sectionTitle')">
       // Page content goes here
     </page-section>
-  </b-container>
+  </BContainer>
 </template>
 ```
 ## Scripts block
@@ -29,13 +29,20 @@ Importing `BContainer` in the [scripts block](#scripts-block) is not required as
 it is already registered globally.
 
 ```vue
-<script>
-import PageTitle from '@/components/Global/PageTitle';
-import PageSection from '@/components/Global/PageSection';
-export default {
-  name: 'PageName',
-  components: { PageTitle, PageSection }
-};
+<script setup>
+import PageTitle from '@/components/Global/PageTitle.vue';
+import PageSection from '@/components/Global/PageSection.vue';
+
+const data = ref('dataExample')
+
+onMounted(() => {
+    ...
+  })
+
+const functionName = (parameter) => {
+      data.value=parameter
+    }
+
 </script>
 ```
 
@@ -51,21 +58,17 @@ changes should be done in global style sheets.
 The final SFC will look like this.
 ```vue
 <template>
-  <b-container fluid="xl">
+  <BContainer fluid="xl">
     <page-title :description="$t('pageName.pageDescription')"/>
     <page-section :section-title="$t('pageName.sectionTitle')">
       // Page content goes here
     </page-section>
-  </b-container>
+  </BContainer>
 </template>
 <script>
 import PageTitle from '@/components/Global/PageTitle';
 import PageSection from '@/components/Global/PageSection';
-export default {
-  name: 'PageName',
-  components: { PageTitle, PageSection }
-};
-</script>
+
 <style lang="scss" scoped>
     .example-class {
       /* Styles go here */
diff --git a/docs/guide/quickstart/store-anatomy.md b/docs/guide/quickstart/store-anatomy.md
index 3ad5694f2d..297a70a9b3 100644
--- a/docs/guide/quickstart/store-anatomy.md
+++ b/docs/guide/quickstart/store-anatomy.md
@@ -3,7 +3,7 @@
 ## Store
 
 A "store" is a container that holds the application's state. [Learn more about
-Vuex.](https://vuex.vuejs.org/)
+Pinia.](https://pinia.vuejs.org/)
 
 ```sh
 # Store structure
@@ -22,41 +22,28 @@ Vuex.](https://vuex.vuejs.org/)
 
 The application store is divided into modules to prevent the store from getting
 bloated. Each module contains its own state, mutations, actions, and getters.
-[Learn more about Vuex modules.](https://vuex.vuejs.org/guide/modules.html)
+[Learn more about Pinia modules.](https://pinia.vuejs.org/core-concepts/)
 
 #### Module Anatomy
 
 - **State:** You cannot directly mutate the store's state. [Learn more about
-  state.](https://vuex.vuejs.org/guide/state.html)
+  state.](https://pinia.vuejs.org/core-concepts/state.html)
 - **Getters:** Getters are used to compute derived state based on store state.
-  [Learn more about getters.](https://vuex.vuejs.org/guide/getters.html)
-- **Mutations:** The only way to mutate the state is by committing mutations,
-  which are synchronous transactions. [Learn more about
-  mutations.](https://vuex.vuejs.org/guide/mutations.html)
+  [Learn more about getters.](https://pinia.vuejs.org/core-concepts/getters.html)
 - **Actions:** Asynchronous logic should be encapsulated in, and can be composed
   with actions. [Learn more about
-  actions.](https://vuex.vuejs.org/guide/actions.html)
+  actions.](https://pinia.vuejs.org/core-concepts/actions.html)
 
 Import new store modules in `src/store/index.js`.
 
 ```js
 // `src/store/index.js`
 
-import Vue from 'vue';
-import Vuex from 'vuex';
-
 import FeatureNameStore from './modules/FeatureNameStore';
 
-Vue.use(Vuex);
-
-export default new Vuex.Store({
-  state: {},
-  mutations: {},
-  actions: {},
-  modules: {
-    feature: FeatureNameStore, // store names can be renamed for brevity
-  },
-});
+export {
+  FeatureNameStore, // store names can be renamed for brevity
+  };
 ```
 
 ## Complete store
@@ -66,21 +53,17 @@ A store module will look like this.
 ```js
 import api from '@/store/api';
 import i18n from '@/i18n';
+import { defineStore } from 'pinia';
 
-const FeatureNameStore = {
+export const FeatureNameStore = defineStore('featureName',{
   // getters, actions, and mutations will be namespaced
   // based on the path the module is registered at
-  namespaced: true,
-  state: {
+  state: () => ({
     exampleValue: 'Off',
-  },
+  }),
   getters: {
     // namespace -> getters['featureNameStore/getExampleValue']
-    getExampleValue: state => state.exampleValue,
-  },
-  mutations: {
-    // namespace -> commit('featureNameStore/setExampleValue)
-    setExampleValue: state => state.exampleValue,
+    getExampleValue: (state) => state.exampleValue,
   },
   actions: {
     // namespace -> dispatch('featureNameStore/getExampleValue')
@@ -88,7 +71,7 @@ const FeatureNameStore = {
       return await api
         .get('/redfish/v1/../..')
         .then(response => {
-          commit('setExampleValue', response.data.Value);
+          this.exampleValue = response.data.Value;
         })
         .catch(error => console.log(error));
     },
@@ -97,14 +80,14 @@ const FeatureNameStore = {
       return await api
         .patch('/redfish/v1/../..', { Value: payload })
         .then(() => {
-          commit('setExampleValue', payload);
+          this.exampleValue = payload;
         })
         .catch(error => {
           console.log(error);
         });
     },
   },
-};
+});
 
 export default FeatureNameStore;
 ```
diff --git a/docs/guide/unit-testing/readme.md b/docs/guide/unit-testing/index.md
similarity index 88%
rename from docs/guide/unit-testing/readme.md
rename to docs/guide/unit-testing/index.md
index b8ca45331c..d1cab00896 100644
--- a/docs/guide/unit-testing/readme.md
+++ b/docs/guide/unit-testing/index.md
@@ -14,10 +14,10 @@
  > Publications, 2019)</cite>
 
 ## Test Libraries
-The OpenBMC Web UI unit test framework uses the Jest test runner and relies on
+The OpenBMC Web UI unit test framework uses the Vitest runner and relies on
 the following libraries:
 
-- @vue/cli-plugin-unit-jest
+- node_modules/vitest
 - @vue/test-utils
 
 ## Test specification location and naming conventions
@@ -29,8 +29,6 @@ the following libraries:
   `AppHeader.spec.js`
 - Create a global component like `PageSection.vue` in the `/tests/global`
   directory with the name `PageSection.spec.js`
-- Create a mixin like BVToastMixin  in the `/tests/mixins` directory with the
-  name `BVToastMixin.spec.js` Running Tests
 
  ## Running Tests
 
@@ -71,7 +69,7 @@ The easiest way is to run the unit test in watch mode, `npm run test:unit --
 - Use `shallowMount` rather than mount unless child component rendering is
   required
 - Avoid leaky tests by using `localVue` for all plugin installs, for example,
-  when testing a plugin like Vuex
+  when testing a plugin like Pinia
 
 ## Components
 
@@ -109,9 +107,9 @@ changed due to any code updates or refactoring. Too many snapshots can slow down
 development during refactors. Typically, these are written once the UI
 presentational layer is complete and validated.
 
-## Vuex Store
+## Pinia Store
 
-There are two testing strategies for testing a Vuex store, which include testing
+There are two testing strategies for testing a Pinia store, which include testing
 store parts separately or testing a running store instance. Each strategy has
 its pros and cons. Given the size of the store and the number of developers that
 could potentially contribute to the project, the suggested strategy is to `test
@@ -119,7 +117,7 @@ store parts separately`.
 
 ### Testing Store Parts Separately
 Testing the parts separately is easy since each of the parts is a JavaScript
-function. Store parts to test include `actions`, `getters`, and `mutations`.
+function. Store parts to test include `actions`, and `getters`.
 
 #### Actions
 Since HTTP calls should never be used in a test, actions require extreme
@@ -130,11 +128,6 @@ Getters are JavaScript functions that return an output. These are basic
 functions that may not require testing unless there is getter logic. Any logic
 in a getter should be tested.
 
-#### Mutations
-Mutations are JavaScript functions that mutate the store state. These are basic
-functions that may not require testing unless there is mutation logic. Any logic
-in a mutation should be tested.
-
 #### Pros
 - Easier to debug
 - Smaller tests
@@ -163,11 +156,11 @@ in a mutation should be tested.
 - When testing a vue router, it is important to use localVue
 
 
-[Vuex Testing](https://vuex.vuejs.org/guide/testing.html)
+[Pinia Testing](https://pinia.vuejs.org/cookbook/testing.html)
 
 ## Resources
 - [Vue Test Utils](https://vue-test-utils.vuejs.org/)
 - [Knowing What To Test — Vue Component Unit
   Testing](https://vuejsdevelopers.com/2019/08/26/vue-what-to-unit-test-components/)
-- [How to unit test a vuex
-  Store](https://www.dev-tips-and-tricks.com/how-to-unit-test-a-vuex-store)
\ No newline at end of file
+- [How to unit test a pinia
+  Store](https://pinia.vuejs.org/cookbook/testing.html)
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
new file mode 100644
index 0000000000..14d0bdbc7b
--- /dev/null
+++ b/docs/index.md
@@ -0,0 +1,21 @@
+<!-- ---
+home: true
+heroImage: openbmc-logo.svg
+heroText: Style Guide and Coding Conventions
+actionText: Get Started
+actionLink: /guide/
+--- -->
+# Style Guide and Coding Conventions
+
+<img src="/openbmc-logo.svg" alt="OpenBMC Logo" style="height: 80px; max-height: 80px; display: block; margin: 0 auto;" />
+
+Welcome to the OpenBMC Web UI Style Guide.
+
+Guidance on code style and development for the OpenBMC browser-based UI
+
+- ✨ Coding standards
+- 🌐 Accessibility and internationalization
+- 🎨 Visual guidelines
+- 🧩 UI component library
+
+[Get Started →](/guide/)
diff --git a/docs/.vuepress/public/openbmc-logo.svg b/docs/public/openbmc-logo.svg
similarity index 100%
rename from docs/.vuepress/public/openbmc-logo.svg
rename to docs/public/openbmc-logo.svg
diff --git a/docs/readme.md b/docs/readme.md
deleted file mode 100644
index 0630f0d0fd..0000000000
--- a/docs/readme.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-home: true
-heroImage: openbmc-logo.svg
-heroText: Style Guide and Coding Conventions
-actionText: Getting Started
-actionLink: /guide/
----
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 5d57152a23..52a2c51176 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -55,9 +55,235 @@
         "vite": "5.2.10",
         "vite-plugin-compression": "0.5.1",
         "vite-plugin-sass": "0.1.0",
+        "vitepress": "1.6.3",
         "vitest": "0.33.0"
       }
     },
+    "node_modules/@algolia/autocomplete-core": {
+      "version": "1.17.7",
+      "resolved": "https://registry.npmjs.org/@algolia/autocomplete-core/-/autocomplete-core-1.17.7.tgz",
+      "integrity": "sha512-BjiPOW6ks90UKl7TwMv7oNQMnzU+t/wk9mgIDi6b1tXpUek7MW0lbNOUHpvam9pe3lVCf4xPFT+lK7s+e+fs7Q==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/autocomplete-plugin-algolia-insights": "1.17.7",
+        "@algolia/autocomplete-shared": "1.17.7"
+      }
+    },
+    "node_modules/@algolia/autocomplete-plugin-algolia-insights": {
+      "version": "1.17.7",
+      "resolved": "https://registry.npmjs.org/@algolia/autocomplete-plugin-algolia-insights/-/autocomplete-plugin-algolia-insights-1.17.7.tgz",
+      "integrity": "sha512-Jca5Ude6yUOuyzjnz57og7Et3aXjbwCSDf/8onLHSQgw1qW3ALl9mrMWaXb5FmPVkV3EtkD2F/+NkT6VHyPu9A==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/autocomplete-shared": "1.17.7"
+      },
+      "peerDependencies": {
+        "search-insights": ">= 1 < 3"
+      }
+    },
+    "node_modules/@algolia/autocomplete-preset-algolia": {
+      "version": "1.17.7",
+      "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.17.7.tgz",
+      "integrity": "sha512-ggOQ950+nwbWROq2MOCIL71RE0DdQZsceqrg32UqnhDz8FlO9rL8ONHNsI2R1MH0tkgVIDKI/D0sMiUchsFdWA==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/autocomplete-shared": "1.17.7"
+      },
+      "peerDependencies": {
+        "@algolia/client-search": ">= 4.9.1 < 6",
+        "algoliasearch": ">= 4.9.1 < 6"
+      }
+    },
+    "node_modules/@algolia/autocomplete-shared": {
+      "version": "1.17.7",
+      "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.17.7.tgz",
+      "integrity": "sha512-o/1Vurr42U/qskRSuhBH+VKxMvkkUVTLU6WZQr+L5lGZZLYWyhdzWjW0iGXY7EkwRTjBqvN2EsR81yCTGV/kmg==",
+      "dev": true,
+      "peerDependencies": {
+        "@algolia/client-search": ">= 4.9.1 < 6",
+        "algoliasearch": ">= 4.9.1 < 6"
+      }
+    },
+    "node_modules/@algolia/client-abtesting": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.34.1.tgz",
+      "integrity": "sha512-M4zb6J7q+pg9V9Xk0k1WDgvupfCtXcxjKGTrNVYemiredLVGOmvVIPAUjg2rx4QmK7DWNApWLsieYwk7PAaOXw==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1",
+        "@algolia/requester-browser-xhr": "5.34.1",
+        "@algolia/requester-fetch": "5.34.1",
+        "@algolia/requester-node-http": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-analytics": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.34.1.tgz",
+      "integrity": "sha512-h18zlL+bVUlbNE92olo1d/r6HQPkxhmP7yCpA1osERwpgC6F058kWm0O0aYdrHJIHtWBcs9aRqq7IkQSkpjPJg==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1",
+        "@algolia/requester-browser-xhr": "5.34.1",
+        "@algolia/requester-fetch": "5.34.1",
+        "@algolia/requester-node-http": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-common": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.34.1.tgz",
+      "integrity": "sha512-otPWALs72KvmVuP0CN0DI6sqVx1jQWKi+/DgAiP8DysVMgiNlva3GDKTtAK6XVGlT08f4h32FNuL0yQODuCfKA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-insights": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.34.1.tgz",
+      "integrity": "sha512-SNDb5wuEpQFM6S5Shk2iytLMusvGycm9uTuYh7cGa1h3U7O65OjjjIgQ0lLY5HPybHNtmXr4Zh/EZ23pZvAJHg==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1",
+        "@algolia/requester-browser-xhr": "5.34.1",
+        "@algolia/requester-fetch": "5.34.1",
+        "@algolia/requester-node-http": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-personalization": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.34.1.tgz",
+      "integrity": "sha512-T8z9KqYJOup83Hw0mgICYWfJoLh//FNWbf4roFd95ZJzZ4v1cN/hvr7Eqml1qWMoCkJb4y/XQjrXsJ6Y9XnMLw==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1",
+        "@algolia/requester-browser-xhr": "5.34.1",
+        "@algolia/requester-fetch": "5.34.1",
+        "@algolia/requester-node-http": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-query-suggestions": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.34.1.tgz",
+      "integrity": "sha512-YA0kC4CwO1mc1dliNgbFgToweRa7Uihjz3izEaV4cXninF1v4SaOrPkQUsiFPprAffjMzOUoT7vahQZ/HZyiKQ==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1",
+        "@algolia/requester-browser-xhr": "5.34.1",
+        "@algolia/requester-fetch": "5.34.1",
+        "@algolia/requester-node-http": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/client-search": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.34.1.tgz",
+      "integrity": "sha512-bt5hC9vvjaKvdvsgzfXJ42Sl3qjQqoi/FD8V7HOQgtNFhwSauZOlgLwFoUiw67sM+r7ehF7QDk5WRDgY7fAkIg==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1",
+        "@algolia/requester-browser-xhr": "5.34.1",
+        "@algolia/requester-fetch": "5.34.1",
+        "@algolia/requester-node-http": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/ingestion": {
+      "version": "1.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.34.1.tgz",
+      "integrity": "sha512-QLxiBskQxFGzPqKZvBNEvNN95kgDCbBd2X29ZGfh6Sr2QOSU34US6Z9x2duiF4o9FwsB0i6eQ2c9vHfuH0lAQg==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1",
+        "@algolia/requester-browser-xhr": "5.34.1",
+        "@algolia/requester-fetch": "5.34.1",
+        "@algolia/requester-node-http": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/monitoring": {
+      "version": "1.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.34.1.tgz",
+      "integrity": "sha512-NteCvWcWXXdnPGyZH8rXHslcf2pM1WGDNMGNZFXLFtOt1Gf1Tjy2t0NZLp+Mxap3JMV4mbYmactbXrvpQf/lLA==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1",
+        "@algolia/requester-browser-xhr": "5.34.1",
+        "@algolia/requester-fetch": "5.34.1",
+        "@algolia/requester-node-http": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/recommend": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.34.1.tgz",
+      "integrity": "sha512-UdgDSrunLIBAAAxQlYLXYLnYFN4wkzkrAYx+wMLEk/pzASWyza3BkecbUFVqoYOBIgwo7Mt4iymzVtFkzL2uCQ==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1",
+        "@algolia/requester-browser-xhr": "5.34.1",
+        "@algolia/requester-fetch": "5.34.1",
+        "@algolia/requester-node-http": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/requester-browser-xhr": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.34.1.tgz",
+      "integrity": "sha512-567LfFTc9VOiPtuySQohoqaWMeohYWbXK71aMSin+SLMgeKX7hz5LrVmkmMQj9udwWK6/mtHEYZGPYHSuXpLQg==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/requester-fetch": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.34.1.tgz",
+      "integrity": "sha512-YRbygPgGBEik5U593JvyjgxFjcsyZMR25eIQxNHvSQumdAzt5A4E4Idw3yXnwhrmMdjML54ZXT7EAjnTjWy8Xw==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@algolia/requester-node-http": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.34.1.tgz",
+      "integrity": "sha512-o0mqRYbS82Rt4DE02Od7RL6pNtV7oSxScPuIw8LW4aqO2V5eCF05Pry/SnUgcI/Vb2QCYC66hytBCqzyC/toZA==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-common": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
     "node_modules/@antfu/utils": {
       "version": "0.7.10",
       "resolved": "https://registry.npmjs.org/@antfu/utils/-/utils-0.7.10.tgz",
@@ -183,6 +409,54 @@
         "@ibm/telemetry-js": "^1.5.0"
       }
     },
+    "node_modules/@docsearch/css": {
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.8.2.tgz",
+      "integrity": "sha512-y05ayQFyUmCXze79+56v/4HpycYF3uFqB78pLPrSV5ZKAlDuIAAJNhaRi8tTdRNXh05yxX/TyNnzD6LwSM89vQ==",
+      "dev": true
+    },
+    "node_modules/@docsearch/js": {
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/@docsearch/js/-/js-3.8.2.tgz",
+      "integrity": "sha512-Q5wY66qHn0SwA7Taa0aDbHiJvaFJLOJyHmooQ7y8hlwwQLQ/5WwCcoX0g7ii04Qi2DJlHsd0XXzJ8Ypw9+9YmQ==",
+      "dev": true,
+      "dependencies": {
+        "@docsearch/react": "3.8.2",
+        "preact": "^10.0.0"
+      }
+    },
+    "node_modules/@docsearch/react": {
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.8.2.tgz",
+      "integrity": "sha512-xCRrJQlTt8N9GU0DG4ptwHRkfnSnD/YpdeaXe02iKfqs97TkZJv60yE+1eq/tjPcVnTW8dP5qLP7itifFVV5eg==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/autocomplete-core": "1.17.7",
+        "@algolia/autocomplete-preset-algolia": "1.17.7",
+        "@docsearch/css": "3.8.2",
+        "algoliasearch": "^5.14.2"
+      },
+      "peerDependencies": {
+        "@types/react": ">= 16.8.0 < 19.0.0",
+        "react": ">= 16.8.0 < 19.0.0",
+        "react-dom": ">= 16.8.0 < 19.0.0",
+        "search-insights": ">= 1 < 3"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        },
+        "search-insights": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
@@ -687,6 +961,21 @@
         "ibmtelemetry": "dist/collect.js"
       }
     },
+    "node_modules/@iconify-json/simple-icons": {
+      "version": "1.2.44",
+      "resolved": "https://registry.npmjs.org/@iconify-json/simple-icons/-/simple-icons-1.2.44.tgz",
+      "integrity": "sha512-CdWgSPygwDlDbKtDWjvi3NtUefnkoepXv90n3dQxJerqzD9kI+nEJOiWUBM+eOyMYQKtxBpLWFBrgeotF0IZKw==",
+      "dev": true,
+      "dependencies": {
+        "@iconify/types": "*"
+      }
+    },
+    "node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+      "dev": true
+    },
     "node_modules/@intlify/bundle-utils": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/@intlify/bundle-utils/-/bundle-utils-8.0.0.tgz",
@@ -1222,6 +1511,85 @@
       "integrity": "sha512-zxnHvoMQVqewTJr/W4pKjF0bMGiKJv1WX7bSrkl46Hg0QjESbzBROWK0Wg4RphzSOS5Jiy7eFimmM3UgMrMZbQ==",
       "dev": true
     },
+    "node_modules/@shikijs/core": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-2.5.0.tgz",
+      "integrity": "sha512-uu/8RExTKtavlpH7XqnVYBrfBkUc20ngXiX9NSrBhOVZYv/7XQRKUyhtkeflY5QsxC0GbJThCerruZfsUaSldg==",
+      "dev": true,
+      "dependencies": {
+        "@shikijs/engine-javascript": "2.5.0",
+        "@shikijs/engine-oniguruma": "2.5.0",
+        "@shikijs/types": "2.5.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4",
+        "hast-util-to-html": "^9.0.4"
+      }
+    },
+    "node_modules/@shikijs/engine-javascript": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-2.5.0.tgz",
+      "integrity": "sha512-VjnOpnQf8WuCEZtNUdjjwGUbtAVKuZkVQ/5cHy/tojVVRIRtlWMYVjyWhxOmIq05AlSOv72z7hRNRGVBgQOl0w==",
+      "dev": true,
+      "dependencies": {
+        "@shikijs/types": "2.5.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "oniguruma-to-es": "^3.1.0"
+      }
+    },
+    "node_modules/@shikijs/engine-oniguruma": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-2.5.0.tgz",
+      "integrity": "sha512-pGd1wRATzbo/uatrCIILlAdFVKdxImWJGQ5rFiB5VZi2ve5xj3Ax9jny8QvkaV93btQEwR/rSz5ERFpC5mKNIw==",
+      "dev": true,
+      "dependencies": {
+        "@shikijs/types": "2.5.0",
+        "@shikijs/vscode-textmate": "^10.0.2"
+      }
+    },
+    "node_modules/@shikijs/langs": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-2.5.0.tgz",
+      "integrity": "sha512-Qfrrt5OsNH5R+5tJ/3uYBBZv3SuGmnRPejV9IlIbFH3HTGLDlkqgHymAlzklVmKBjAaVmkPkyikAV/sQ1wSL+w==",
+      "dev": true,
+      "dependencies": {
+        "@shikijs/types": "2.5.0"
+      }
+    },
+    "node_modules/@shikijs/themes": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-2.5.0.tgz",
+      "integrity": "sha512-wGrk+R8tJnO0VMzmUExHR+QdSaPUl/NKs+a4cQQRWyoc3YFbUzuLEi/KWK1hj+8BfHRKm2jNhhJck1dfstJpiw==",
+      "dev": true,
+      "dependencies": {
+        "@shikijs/types": "2.5.0"
+      }
+    },
+    "node_modules/@shikijs/transformers": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/transformers/-/transformers-2.5.0.tgz",
+      "integrity": "sha512-SI494W5X60CaUwgi8u4q4m4s3YAFSxln3tzNjOSYqq54wlVgz0/NbbXEb3mdLbqMBztcmS7bVTaEd2w0qMmfeg==",
+      "dev": true,
+      "dependencies": {
+        "@shikijs/core": "2.5.0",
+        "@shikijs/types": "2.5.0"
+      }
+    },
+    "node_modules/@shikijs/types": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-2.5.0.tgz",
+      "integrity": "sha512-ygl5yhxki9ZLNuNpPitBWvcy9fsSKKaRuO4BAlMyagszQidxcpLAr0qiW/q43DtSIDxO6hEbtYLiFZNXO/hdGw==",
+      "dev": true,
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
+      }
+    },
+    "node_modules/@shikijs/vscode-textmate": {
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz",
+      "integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==",
+      "dev": true
+    },
     "node_modules/@sinclair/typebox": {
       "version": "0.27.8",
       "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
@@ -1258,6 +1626,46 @@
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
       "dev": true
     },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "dev": true
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "dev": true,
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "dev": true,
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "dev": true
+    },
     "node_modules/@types/node": {
       "version": "24.0.0",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-24.0.0.tgz",
@@ -1267,6 +1675,12 @@
         "undici-types": "~7.8.0"
       }
     },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "dev": true
+    },
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.20",
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
@@ -1569,6 +1983,30 @@
       "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
       "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="
     },
+    "node_modules/@vue/devtools-kit": {
+      "version": "7.7.7",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.7.tgz",
+      "integrity": "sha512-wgoZtxcTta65cnZ1Q6MbAfePVFxfM+gq0saaeytoph7nEa7yMXoi6sCPy4ufO111B9msnw0VOWjPEFCXuAKRHA==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-shared": "^7.7.7",
+        "birpc": "^2.3.0",
+        "hookable": "^5.5.3",
+        "mitt": "^3.0.1",
+        "perfect-debounce": "^1.0.0",
+        "speakingurl": "^14.0.1",
+        "superjson": "^2.2.2"
+      }
+    },
+    "node_modules/@vue/devtools-shared": {
+      "version": "7.7.7",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-7.7.7.tgz",
+      "integrity": "sha512-+udSj47aRl5aKb0memBvcUG9koarqnxNM5yjuREvqwK6T3ap4mn3Zqqc17QrBFTqSMjr3HK1cvStEZpMDpfdyw==",
+      "dev": true,
+      "dependencies": {
+        "rfdc": "^1.4.1"
+      }
+    },
     "node_modules/@vue/eslint-config-prettier": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/@vue/eslint-config-prettier/-/eslint-config-prettier-8.0.0.tgz",
@@ -1761,6 +2199,114 @@
         }
       }
     },
+    "node_modules/@vueuse/integrations": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-12.8.2.tgz",
+      "integrity": "sha512-fbGYivgK5uBTRt7p5F3zy6VrETlV9RtZjBqd1/HxGdjdckBgBM4ugP8LHpjolqTj14TXTxSK1ZfgPbHYyGuH7g==",
+      "dev": true,
+      "dependencies": {
+        "@vueuse/core": "12.8.2",
+        "@vueuse/shared": "12.8.2",
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "async-validator": "^4",
+        "axios": "^1",
+        "change-case": "^5",
+        "drauu": "^0.4",
+        "focus-trap": "^7",
+        "fuse.js": "^7",
+        "idb-keyval": "^6",
+        "jwt-decode": "^4",
+        "nprogress": "^0.2",
+        "qrcode": "^1.5",
+        "sortablejs": "^1",
+        "universal-cookie": "^7"
+      },
+      "peerDependenciesMeta": {
+        "async-validator": {
+          "optional": true
+        },
+        "axios": {
+          "optional": true
+        },
+        "change-case": {
+          "optional": true
+        },
+        "drauu": {
+          "optional": true
+        },
+        "focus-trap": {
+          "optional": true
+        },
+        "fuse.js": {
+          "optional": true
+        },
+        "idb-keyval": {
+          "optional": true
+        },
+        "jwt-decode": {
+          "optional": true
+        },
+        "nprogress": {
+          "optional": true
+        },
+        "qrcode": {
+          "optional": true
+        },
+        "sortablejs": {
+          "optional": true
+        },
+        "universal-cookie": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/integrations/node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
+      "dev": true
+    },
+    "node_modules/@vueuse/integrations/node_modules/@vueuse/core": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.8.2.tgz",
+      "integrity": "sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.21",
+        "@vueuse/metadata": "12.8.2",
+        "@vueuse/shared": "12.8.2",
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/integrations/node_modules/@vueuse/metadata": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.8.2.tgz",
+      "integrity": "sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/integrations/node_modules/@vueuse/shared": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.8.2.tgz",
+      "integrity": "sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==",
+      "dev": true,
+      "dependencies": {
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/@vueuse/metadata": {
       "version": "10.11.1",
       "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
@@ -1894,6 +2440,30 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/algoliasearch": {
+      "version": "5.34.1",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.34.1.tgz",
+      "integrity": "sha512-s70HlfBgswgEdmCYkUJG8i/ULYhbkk8N9+N8JsWUwszcp7eauPEr5tIX4BY0qDGeKWQ/qZvmt4mxwTusYY23sg==",
+      "dev": true,
+      "dependencies": {
+        "@algolia/client-abtesting": "5.34.1",
+        "@algolia/client-analytics": "5.34.1",
+        "@algolia/client-common": "5.34.1",
+        "@algolia/client-insights": "5.34.1",
+        "@algolia/client-personalization": "5.34.1",
+        "@algolia/client-query-suggestions": "5.34.1",
+        "@algolia/client-search": "5.34.1",
+        "@algolia/ingestion": "1.34.1",
+        "@algolia/monitoring": "1.34.1",
+        "@algolia/recommend": "5.34.1",
+        "@algolia/requester-browser-xhr": "5.34.1",
+        "@algolia/requester-fetch": "5.34.1",
+        "@algolia/requester-node-http": "5.34.1"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -2013,6 +2583,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/birpc": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.5.0.tgz",
+      "integrity": "sha512-VSWO/W6nNQdyP520F1mhf+Lc2f8pjGQOtoHHm7Ze8Go1kX7akpVIrtTa0fn+HB0QJEDVacl6aO08YE0PgXfdnQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/body-parser": {
       "version": "1.20.2",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz",
@@ -2164,10 +2743,20 @@
         "node": ">=6"
       }
     },
-    "node_modules/chai": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/chai/-/chai-4.5.0.tgz",
-      "integrity": "sha512-RITGBfijLkBddZvnn8jdqoTypxvqbOLYQkGGxXzeFjVHvudaPw0HNFD9x928/eUwYWd2dPCugVqspGALTZZQKw==",
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/chai": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-4.5.0.tgz",
+      "integrity": "sha512-RITGBfijLkBddZvnn8jdqoTypxvqbOLYQkGGxXzeFjVHvudaPw0HNFD9x928/eUwYWd2dPCugVqspGALTZZQKw==",
       "dev": true,
       "dependencies": {
         "assertion-error": "^1.1.0",
@@ -2198,6 +2787,26 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/check-error": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.3.tgz",
@@ -2294,6 +2903,16 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/commander": {
       "version": "10.0.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
@@ -2357,6 +2976,21 @@
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
       "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
     },
+    "node_modules/copy-anything": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-3.0.5.tgz",
+      "integrity": "sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==",
+      "dev": true,
+      "dependencies": {
+        "is-what": "^4.1.8"
+      },
+      "engines": {
+        "node": ">=12.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -2488,6 +3122,15 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -2497,6 +3140,19 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/diff-sequences": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
@@ -2627,6 +3283,12 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "dev": true
     },
+    "node_modules/emoji-regex-xs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex-xs/-/emoji-regex-xs-1.0.0.tgz",
+      "integrity": "sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==",
+      "dev": true
+    },
     "node_modules/encodeurl": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
@@ -3249,6 +3911,15 @@
       "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
       "dev": true
     },
+    "node_modules/focus-trap": {
+      "version": "7.6.5",
+      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.6.5.tgz",
+      "integrity": "sha512-7Ke1jyybbbPZyZXFxEftUtxFGLMpE2n6A+z//m4CRDlj0hW+o3iYSmh8nFlYMurOiJVDmJRilUQtJr08KfIxlg==",
+      "dev": true,
+      "dependencies": {
+        "tabbable": "^6.2.0"
+      }
+    },
     "node_modules/follow-redirects": {
       "version": "1.15.9",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
@@ -3568,6 +4239,48 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hast-util-to-html": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.5.tgz",
+      "integrity": "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==",
+      "dev": true,
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "html-void-elements": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "stringify-entities": "^4.0.0",
+        "zwitch": "^2.0.4"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "dev": true,
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hookable": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
+      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
+      "dev": true
+    },
     "node_modules/html-encoding-sniffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -3580,6 +4293,16 @@
         "node": ">=12"
       }
     },
+    "node_modules/html-void-elements": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz",
+      "integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/http-errors": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
@@ -3789,6 +4512,18 @@
       "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
       "dev": true
     },
+    "node_modules/is-what": {
+      "version": "4.1.16",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.16.tgz",
+      "integrity": "sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -4053,6 +4788,12 @@
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
+    "node_modules/mark.js": {
+      "version": "8.11.1",
+      "resolved": "https://registry.npmjs.org/mark.js/-/mark.js-8.11.1.tgz",
+      "integrity": "sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ==",
+      "dev": true
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -4061,6 +4802,27 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz",
+      "integrity": "sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==",
+      "dev": true,
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -4091,6 +4853,95 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
     "node_modules/micromatch": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
@@ -4167,6 +5018,18 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/minisearch": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minisearch/-/minisearch-7.1.2.tgz",
+      "integrity": "sha512-R1Pd9eF+MD5JYDDSPAp/q1ougKglm14uEkPMvQ/05RGmx6G9wvmLTrTI/Q5iPNJLYqNdsDQ7qTGIcNWR+FrHmA==",
+      "dev": true
+    },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "dev": true
+    },
     "node_modules/mlly": {
       "version": "1.7.4",
       "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.4.tgz",
@@ -4302,6 +5165,17 @@
         "wrappy": "1"
       }
     },
+    "node_modules/oniguruma-to-es": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-3.1.1.tgz",
+      "integrity": "sha512-bUH8SDvPkH3ho3dvwJwfonjlQ4R80vjyvrU8YpxuROddv55vAEJrTuCuCVUhhsHbtlD9tGGbaNApGQckXhS8iQ==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex-xs": "^1.0.0",
+        "regex": "^6.0.1",
+        "regex-recursion": "^6.0.2"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -4477,6 +5351,12 @@
         "node": "*"
       }
     },
+    "node_modules/perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+      "dev": true
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -4601,6 +5481,16 @@
         "node": ">=4"
       }
     },
+    "node_modules/preact": {
+      "version": "10.26.9",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.26.9.tgz",
+      "integrity": "sha512-SSjF9vcnF27mJK1XyFMNJzFd5u3pQiATFqoaDy03XuN00u4ziveVVEGt5RKJrDR8MHE/wJo9Nnad56RLzS2RMA==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -4663,6 +5553,16 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/property-information": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
+      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/proto-list": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
@@ -4799,6 +5699,30 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/regex/-/regex-6.0.1.tgz",
+      "integrity": "sha512-uorlqlzAKjKQZ5P+kTJr3eeJGSVroLKoHmquUj4zHWuR+hEyNqlXsSKlYYF5F4NI6nl7tWCs0apKJ0lmfsXAPA==",
+      "dev": true,
+      "dependencies": {
+        "regex-utilities": "^2.3.0"
+      }
+    },
+    "node_modules/regex-recursion": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/regex-recursion/-/regex-recursion-6.0.2.tgz",
+      "integrity": "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==",
+      "dev": true,
+      "dependencies": {
+        "regex-utilities": "^2.3.0"
+      }
+    },
+    "node_modules/regex-utilities": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/regex-utilities/-/regex-utilities-2.3.0.tgz",
+      "integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==",
+      "dev": true
+    },
     "node_modules/requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -4844,6 +5768,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "dev": true
+    },
     "node_modules/rimraf": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
@@ -5006,6 +5936,13 @@
         "node": ">=v12.22.7"
       }
     },
+    "node_modules/search-insights": {
+      "version": "2.17.3",
+      "resolved": "https://registry.npmjs.org/search-insights/-/search-insights-2.17.3.tgz",
+      "integrity": "sha512-RQPdCYTa8A68uM2jwxoY842xDhvx3E5LFL1LxvxCNMev4o5mLuokczhzjAgGwUZBAmOKZknArSxLKmXtIi2AxQ==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/semver": {
       "version": "7.7.2",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
@@ -5094,6 +6031,22 @@
         "node": ">=8"
       }
     },
+    "node_modules/shiki": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-2.5.0.tgz",
+      "integrity": "sha512-mI//trrsaiCIPsja5CNfsyNOqgAZUb6VpJA+340toL42UpzQlXpwRV9nch69X6gaUxrr9kaOOa6e3y3uAkGFxQ==",
+      "dev": true,
+      "dependencies": {
+        "@shikijs/core": "2.5.0",
+        "@shikijs/engine-javascript": "2.5.0",
+        "@shikijs/engine-oniguruma": "2.5.0",
+        "@shikijs/langs": "2.5.0",
+        "@shikijs/themes": "2.5.0",
+        "@shikijs/types": "2.5.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
+      }
+    },
     "node_modules/side-channel": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
@@ -5215,6 +6168,25 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/speakingurl": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
+      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/stackback": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
@@ -5300,6 +6272,20 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
+      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
+      "dev": true,
+      "dependencies": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/strip-ansi": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
@@ -5349,6 +6335,18 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/superjson": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/superjson/-/superjson-2.2.2.tgz",
+      "integrity": "sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==",
+      "dev": true,
+      "dependencies": {
+        "copy-anything": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -5394,6 +6392,12 @@
         "url": "https://opencollective.com/synckit"
       }
     },
+    "node_modules/tabbable": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+      "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
+      "dev": true
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -5476,6 +6480,16 @@
         "node": ">=14"
       }
     },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/ts-api-utils": {
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
@@ -5559,39 +6573,107 @@
       "integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==",
       "devOptional": true
     },
-    "node_modules/universalify": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
-      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+    "node_modules/unist-util-is": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz",
+      "integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==",
       "dev": true,
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/unpipe": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-      "engines": {
-        "node": ">= 0.8"
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/unplugin": {
-      "version": "1.16.1",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.1.tgz",
-      "integrity": "sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==",
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
       "dev": true,
       "dependencies": {
-        "acorn": "^8.14.0",
-        "webpack-virtual-modules": "^0.6.2"
+        "@types/unist": "^3.0.0"
       },
-      "engines": {
-        "node": ">=14.0.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/unplugin-vue-components": {
-      "version": "0.26.0",
-      "resolved": "https://registry.npmjs.org/unplugin-vue-components/-/unplugin-vue-components-0.26.0.tgz",
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
+      "integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
+      "dev": true,
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz",
+      "integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==",
+      "dev": true,
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.1.tgz",
+      "integrity": "sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/unplugin-vue-components": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/unplugin-vue-components/-/unplugin-vue-components-0.26.0.tgz",
       "integrity": "sha512-s7IdPDlnOvPamjunVxw8kNgKNK8A5KM1YpK5j/p97jEKTjlPNrA0nZBiSfAKKlK1gWZuyWXlKL5dk3EDw874LQ==",
       "dev": true,
       "dependencies": {
@@ -5691,6 +6773,34 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.2.tgz",
+      "integrity": "sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==",
+      "dev": true,
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/vite": {
       "version": "5.2.10",
       "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.10.tgz",
@@ -6248,6 +7358,576 @@
       "integrity": "sha512-gLwvs3ozfDAOZCqs+PepkTd4078m8tfq50IlmTW/OphlWsW95uP7lQ5A3NezfUfTZDTCOA4nFlYnOWRpsKYOqw==",
       "dev": true
     },
+    "node_modules/vitepress": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/vitepress/-/vitepress-1.6.3.tgz",
+      "integrity": "sha512-fCkfdOk8yRZT8GD9BFqusW3+GggWYZ/rYncOfmgcDtP3ualNHCAg+Robxp2/6xfH1WwPHtGpPwv7mbA3qomtBw==",
+      "dev": true,
+      "dependencies": {
+        "@docsearch/css": "3.8.2",
+        "@docsearch/js": "3.8.2",
+        "@iconify-json/simple-icons": "^1.2.21",
+        "@shikijs/core": "^2.1.0",
+        "@shikijs/transformers": "^2.1.0",
+        "@shikijs/types": "^2.1.0",
+        "@types/markdown-it": "^14.1.2",
+        "@vitejs/plugin-vue": "^5.2.1",
+        "@vue/devtools-api": "^7.7.0",
+        "@vue/shared": "^3.5.13",
+        "@vueuse/core": "^12.4.0",
+        "@vueuse/integrations": "^12.4.0",
+        "focus-trap": "^7.6.4",
+        "mark.js": "8.11.1",
+        "minisearch": "^7.1.1",
+        "shiki": "^2.1.0",
+        "vite": "^5.4.14",
+        "vue": "^3.5.13"
+      },
+      "bin": {
+        "vitepress": "bin/vitepress.js"
+      },
+      "peerDependencies": {
+        "markdown-it-mathjax3": "^4",
+        "postcss": "^8"
+      },
+      "peerDependenciesMeta": {
+        "markdown-it-mathjax3": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vitepress/node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
+      "dev": true
+    },
+    "node_modules/vitepress/node_modules/@vitejs/plugin-vue": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
+      "integrity": "sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==",
+      "dev": true,
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/vitepress/node_modules/@vue/devtools-api": {
+      "version": "7.7.7",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-7.7.7.tgz",
+      "integrity": "sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-kit": "^7.7.7"
+      }
+    },
+    "node_modules/vitepress/node_modules/@vueuse/core": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.8.2.tgz",
+      "integrity": "sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.21",
+        "@vueuse/metadata": "12.8.2",
+        "@vueuse/shared": "12.8.2",
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/vitepress/node_modules/@vueuse/metadata": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.8.2.tgz",
+      "integrity": "sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/vitepress/node_modules/@vueuse/shared": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.8.2.tgz",
+      "integrity": "sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==",
+      "dev": true,
+      "dependencies": {
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/vitepress/node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/vitepress/node_modules/vite": {
+      "version": "5.4.19",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.19.tgz",
+      "integrity": "sha512-qO3aKv3HoQC8QKiNSTuUM1l9o/XX3+c+VTgLHbJWHZGeTPVAg2XwazI9UWzoxjIJCGCV2zU60uqMzjeLZuULqA==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/vitest": {
       "version": "0.33.0",
       "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.33.0.tgz",
@@ -7197,6 +8877,16 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index 44ff219437..aad4ba1e09 100644
--- a/package.json
+++ b/package.json
@@ -9,11 +9,15 @@
     "build": "vite build",
     "preview": "vite preview --host",
     "test": "vitest run",
-    "test:unit": "vitest",
+    "test:unit": "npm run test",
+    "test:update": "npm test -- -u",
     "test:watch": "vitest --watch",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore  && npm run lint:success || true",
     "lint:success": "echo No lint errors found!",
-    "format": "prettier --write src/"
+    "format": "prettier --write src/",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs"
   },
   "dependencies": {
     "@carbon/motion": "11.16.0",
@@ -63,6 +67,7 @@
     "vite": "5.2.10",
     "vite-plugin-compression": "0.5.1",
     "vite-plugin-sass": "0.1.0",
+    "vitepress": "1.6.3",
     "vitest": "0.33.0"
   },
   "lint-staged": {