From c11a3ceb95eb74ad9e2562642591078d02f938a8 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 13 Sep 2024 12:05:53 +0200
Subject: [PATCH 01/92] feat: devtools poc

---
 package.json                               |    1 +
 playground/app/app.config.ts               | 2534 +++++++++++++++++++-
 playground/app/app.vue                     |    6 +-
 playground/nuxt.config.ts                  |    1 +
 pnpm-lock.yaml                             |  448 +---
 src/module.ts                              |   30 +-
 src/runtime/components/Button.vue          |   15 +-
 src/runtime/devtools/pages/index.vue       |  379 +++
 src/runtime/devtools/server/config.post.ts |   13 +
 9 files changed, 2992 insertions(+), 435 deletions(-)
 create mode 100644 src/runtime/devtools/pages/index.vue
 create mode 100644 src/runtime/devtools/server/config.post.ts

diff --git a/package.json b/package.json
index 9e1f9fca88..3cdc30f21a 100644
--- a/package.json
+++ b/package.json
@@ -70,6 +70,7 @@
     "eslint": "^9.10.0",
     "happy-dom": "^15.7.3",
     "joi": "^17.13.3",
+    "knitwork": "^1.1.0",
     "nuxt": "^3.13.1",
     "release-it": "^17.6.0",
     "valibot": "^0.41.0",
diff --git a/playground/app/app.config.ts b/playground/app/app.config.ts
index 7d70ca73ac..29030b0a9a 100644
--- a/playground/app/app.config.ts
+++ b/playground/app/app.config.ts
@@ -1,13 +1,2531 @@
 export default defineAppConfig({
-  toaster: {
-    position: 'bottom-right' as const,
-    expand: true,
-    duration: 5000
-  },
+  nuxt: {},
   ui: {
     colors: {
-      primary: 'sky',
-      gray: 'cool'
+      primary: "sky",
+      error: "red",
+      gray: "cool"
+    },
+    icons: {
+      chevronDoubleLeft: "i-heroicons-chevron-double-left-20-solid",
+      chevronDoubleRight: "i-heroicons-chevron-double-right-20-solid",
+      chevronDown: "i-heroicons-chevron-down-20-solid",
+      chevronLeft: "i-heroicons-chevron-left-20-solid",
+      chevronRight: "i-heroicons-chevron-right-20-solid",
+      check: "i-heroicons-check-20-solid",
+      close: "i-heroicons-x-mark-20-solid",
+      ellipsis: "i-heroicons-ellipsis-horizontal-20-solid",
+      external: "i-heroicons-arrow-up-right-20-solid",
+      loading: "i-heroicons-arrow-path-20-solid",
+      minus: "i-heroicons-minus-20-solid",
+      search: "i-heroicons-magnifying-glass-20-solid"
+    },
+    button: {
+      slots: {
+        base: "p-4",
+        label: "text-black"
+      }
     }
+  },
+  icon: {
+    provider: "server",
+    class: "",
+    aliases: {},
+    iconifyApiEndpoint: "https://api.iconify.design",
+    localApiEndpoint: "/api/_nuxt_icon",
+    fallbackToApi: true,
+    cssSelectorPrefix: "i-",
+    cssWherePseudo: true,
+    cssLayer: "components",
+    mode: "css",
+    attrs: {
+      "aria-hidden": true
+    },
+    collections: [
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "fluent-emoji-high-contrast",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "material-symbols-light",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "cryptocurrency-color",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "emojione-monotone",
+      "fluent-emoji-flat",
+      "heroicons-outline",
+      "icon-park-outline",
+      "icon-park-twotone",
+      "simple-line-icons",
+      "streamline-emojis",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "flat-color-icons",
+      "material-symbols",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "heroicons-solid",
+      "icon-park-solid",
+      "pepicons-pencil",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "cryptocurrency",
+      "pepicons-print",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "bitcoin-icons",
+      "devicon-plain",
+      "entypo-social",
+      "grommet-icons",
+      "pixelarticons",
+      "system-uicons",
+      "token-branded",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "circle-flags",
+      "fluent-emoji",
+      "icomoon-free",
+      "medical-icon",
+      "pepicons-pop",
+      "simple-icons",
+      "svg-spinners",
+      "vscode-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "academicons",
+      "emojione-v1",
+      "fa6-regular",
+      "fluent-mdl2",
+      "healthicons",
+      "humbleicons",
+      "majesticons",
+      "radix-icons",
+      "rivet-icons",
+      "skill-icons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "akar-icons",
+      "ant-design",
+      "catppuccin",
+      "fa-regular",
+      "fa6-brands",
+      "file-icons",
+      "foundation",
+      "game-icons",
+      "gravity-ui",
+      "lets-icons",
+      "lucide-lab",
+      "mono-icons",
+      "streamline",
+      "teenyicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "arcticons",
+      "dashicons",
+      "eos-icons",
+      "fa-brands",
+      "fa6-solid",
+      "fontelico",
+      "gridicons",
+      "heroicons",
+      "hugeicons",
+      "icon-park",
+      "iconamoon",
+      "mdi-light",
+      "meteocons",
+      "websymbol",
+      "zondicons",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "brandico",
+      "bytesize",
+      "emojione",
+      "fa-solid",
+      "flagpack",
+      "flowbite",
+      "fontisto",
+      "guidance",
+      "marketeq",
+      "mingcute",
+      "nonicons",
+      "openmoji",
+      "pepicons",
+      "si-glyph",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "clarity",
+      "codicon",
+      "devicon",
+      "feather",
+      "flat-ui",
+      "formkit",
+      "fxemoji",
+      "iconoir",
+      "line-md",
+      "noto-v1",
+      "octicon",
+      "pajamas",
+      "raphael",
+      "tdesign",
+      "topcoat",
+      "twemoji",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "carbon",
+      "circum",
+      "entypo",
+      "fluent",
+      "icons8",
+      "lucide",
+      "memory",
+      "mynaui",
+      "nimbus",
+      "subway",
+      "tabler",
+      "vaadin",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "basil",
+      "charm",
+      "covid",
+      "logos",
+      "prime",
+      "quill",
+      "solar",
+      "token",
+      "typcn",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bpmn",
+      "flag",
+      "gala",
+      "iwwa",
+      "mage",
+      "maki",
+      "noto",
+      "ooui",
+      "unjs",
+      "weui",
+      "zmdi",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bxl",
+      "bxs",
+      "cbi",
+      "cib",
+      "cif",
+      "cil",
+      "eva",
+      "fad",
+      "geo",
+      "gis",
+      "ion",
+      "jam",
+      "map",
+      "mdi",
+      "oui",
+      "uil",
+      "uim",
+      "uis",
+      "uit",
+      "uiw",
+      "whh",
+      "wpf",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi",
+      "bi",
+      "bx",
+      "ci",
+      "ei",
+      "el",
+      "ep",
+      "et",
+      "f7",
+      "fa",
+      "fe",
+      "gg",
+      "ic",
+      "il",
+      "la",
+      "ls",
+      "mi",
+      "oi",
+      "ph",
+      "ps",
+      "ri",
+      "vs",
+      "wi"
+    ],
+    fetchTimeout: 500
+  },
+  toaster: {
+    position: "bottom-right",
+    expand: true,
+    duration: 5000
   }
-})
+})
\ No newline at end of file
diff --git a/playground/app/app.vue b/playground/app/app.vue
index c6d00c19b0..529d055984 100644
--- a/playground/app/app.vue
+++ b/playground/app/app.vue
@@ -64,7 +64,11 @@ defineShortcuts({
 </script>
 
 <template>
-  <UApp :toaster="appConfig.toaster">
+  <!-- TODO: Find a way to include the page without the added template from app.vue and layouts -->
+  <div v-if="$route.name === 'ui-devtools'">
+    <NuxtPage />
+  </div>
+  <UApp v-else :toaster="appConfig.toaster">
     <div class="h-screen w-screen overflow-hidden flex min-h-0 bg-white dark:bg-gray-900" vaul-drawer-wrapper>
       <UNavigationMenu :items="items" orientation="vertical" class="border-r border-gray-200 dark:border-gray-800 overflow-y-auto w-48 p-4" />
 
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index bcdbe011f8..94dfdf9bcb 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -1,5 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  devtools: { enabled: true },
   app: {
     head: {
       bodyAttrs: {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 81ab9dcf3e..1a1dda0cd1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,16 +14,16 @@ importers:
     dependencies:
       '@nuxt/icon':
         specifier: ^1.5.1
-        version: 1.5.1(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
+        version: 1.5.1(magicast@0.3.5)(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
       '@nuxt/kit':
         specifier: ^3.13.1
-        version: 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+        version: 3.13.1(magicast@0.3.5)(rollup@4.21.2)
       '@nuxt/schema':
         specifier: ^3.13.1
-        version: 3.13.1(rollup@3.29.4)
+        version: 3.13.1(rollup@4.21.2)
       '@nuxtjs/color-mode':
         specifier: ^3.4.4
-        version: 3.4.4(magicast@0.3.5)(rollup@3.29.4)
+        version: 3.4.4(magicast@0.3.5)(rollup@4.21.2)
       '@tailwindcss/postcss':
         specifier: 4.0.0-alpha.23
         version: 4.0.0-alpha.23(postcss@8.4.45)
@@ -66,10 +66,10 @@ importers:
         version: 0.5.7(eslint@9.10.0(jiti@1.21.6))(typescript@5.6.2)
       '@nuxt/module-builder':
         specifier: ^0.8.4
-        version: 0.8.4(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4))(nuxi@3.13.1)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 0.8.4(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.2))(nuxi@3.13.1)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
       '@nuxt/test-utils':
         specifier: ^3.14.2
-        version: 3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
+        version: 3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
       '@release-it/conventional-changelog':
         specifier: ^8.0.1
         version: 8.0.1(release-it@17.6.0(typescript@5.6.2))
@@ -85,9 +85,12 @@ importers:
       joi:
         specifier: ^17.13.3
         version: 17.13.3
+      knitwork:
+        specifier: ^1.1.0
+        version: 1.1.0
       nuxt:
         specifier: ^3.13.1
-        version: 3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.2)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
       release-it:
         specifier: ^17.6.0
         version: 17.6.0(typescript@5.6.2)
@@ -99,7 +102,7 @@ importers:
         version: 2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0)
       vitest-environment-nuxt:
         specifier: ^1.0.1
-        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
+        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
       vue-tsc:
         specifier: ^2.1.6
         version: 2.1.6(typescript@5.6.2)
@@ -7317,18 +7320,6 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))':
-    dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-      '@nuxt/schema': 3.13.1(rollup@3.29.4)
-      execa: 7.2.0
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-    transitivePeerDependencies:
-      - magicast
-      - rollup
-      - supports-color
-      - webpack-sources
-
   '@nuxt/devtools-kit@1.4.2(magicast@0.3.5)(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))':
     dependencies:
       '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)
@@ -7354,54 +7345,6 @@ snapshots:
       rc9: 2.1.2
       semver: 7.6.3
 
-  '@nuxt/devtools@1.4.2(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))':
-    dependencies:
-      '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      '@nuxt/devtools-wizard': 1.4.2
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-      '@vue/devtools-core': 7.4.4(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      '@vue/devtools-kit': 7.4.4
-      birpc: 0.2.17
-      consola: 3.2.3
-      cronstrue: 2.50.0
-      destr: 2.0.3
-      error-stack-parser-es: 0.1.5
-      execa: 7.2.0
-      fast-npm-meta: 0.2.2
-      flatted: 3.3.1
-      get-port-please: 3.1.2
-      hookable: 5.5.3
-      image-meta: 0.2.1
-      is-installed-globally: 1.0.0
-      launch-editor: 2.9.1
-      local-pkg: 0.5.0
-      magicast: 0.3.5
-      nypm: 0.3.11
-      ohash: 1.1.3
-      pathe: 1.1.2
-      perfect-debounce: 1.0.0
-      pkg-types: 1.2.0
-      rc9: 2.1.2
-      scule: 1.3.0
-      semver: 7.6.3
-      simple-git: 3.26.0
-      sirv: 2.0.4
-      tinyglobby: 0.2.6
-      unimport: 3.11.1(rollup@3.29.4)
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4))(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      vite-plugin-vue-inspector: 5.2.0(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      which: 3.0.1
-      ws: 8.18.0
-    transitivePeerDependencies:
-      - bufferutil
-      - rollup
-      - supports-color
-      - utf-8-validate
-      - vue
-      - webpack-sources
-
   '@nuxt/devtools@1.4.2(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))':
     dependencies:
       '@antfu/utils': 0.7.10
@@ -7438,7 +7381,7 @@ snapshots:
       tinyglobby: 0.2.6
       unimport: 3.11.1(rollup@4.21.2)
       vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4))(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
+      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.2))(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
       vite-plugin-vue-inspector: 5.2.0(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
       which: 3.0.1
       ws: 8.18.0
@@ -7525,14 +7468,14 @@ snapshots:
       - vite
       - webpack-sources
 
-  '@nuxt/icon@1.5.1(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))':
+  '@nuxt/icon@1.5.1(magicast@0.3.5)(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))':
     dependencies:
       '@iconify/collections': 1.0.459
       '@iconify/types': 2.0.0
       '@iconify/utils': 2.1.32
       '@iconify/vue': 4.1.3-beta.1(vue@3.5.4(typescript@5.6.2))
-      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
+      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)
       consola: 3.2.3
       fast-glob: 3.3.2
       local-pkg: 0.5.0
@@ -7609,34 +7552,6 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4)':
-    dependencies:
-      '@nuxt/schema': 3.13.1(rollup@3.29.4)
-      c12: 1.11.2(magicast@0.3.5)
-      consola: 3.2.3
-      defu: 6.1.4
-      destr: 2.0.3
-      globby: 14.0.2
-      hash-sum: 2.0.0
-      ignore: 5.3.2
-      jiti: 1.21.6
-      klona: 2.0.6
-      knitwork: 1.1.0
-      mlly: 1.7.1
-      pathe: 1.1.2
-      pkg-types: 1.2.0
-      scule: 1.3.0
-      semver: 7.6.3
-      ufo: 1.5.4
-      unctx: 2.3.1
-      unimport: 3.11.1(rollup@3.29.4)
-      untyped: 1.4.2
-    transitivePeerDependencies:
-      - magicast
-      - rollup
-      - supports-color
-      - webpack-sources
-
   '@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.2)':
     dependencies:
       '@nuxt/schema': 3.13.1(rollup@4.21.2)
@@ -7665,9 +7580,9 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4))(nuxi@3.13.1)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))':
+  '@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.2))(nuxi@3.13.1)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)
       citty: 0.1.6
       consola: 3.2.3
       defu: 6.1.4
@@ -7704,25 +7619,6 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/schema@3.13.1(rollup@3.29.4)':
-    dependencies:
-      compatx: 0.1.8
-      consola: 3.2.3
-      defu: 6.1.4
-      hookable: 5.5.3
-      pathe: 1.1.2
-      pkg-types: 1.2.0
-      scule: 1.3.0
-      std-env: 3.7.0
-      ufo: 1.5.4
-      uncrypto: 0.1.3
-      unimport: 3.11.1(rollup@3.29.4)
-      untyped: 1.4.2
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
-      - webpack-sources
-
   '@nuxt/schema@3.13.1(rollup@4.21.2)':
     dependencies:
       compatx: 0.1.8
@@ -7742,32 +7638,6 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/telemetry@2.6.0(magicast@0.3.5)(rollup@3.29.4)':
-    dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-      ci-info: 4.0.0
-      consola: 3.2.3
-      create-require: 1.1.1
-      defu: 6.1.4
-      destr: 2.0.3
-      dotenv: 16.4.5
-      git-url-parse: 15.0.0
-      is-docker: 3.0.0
-      jiti: 1.21.6
-      mri: 1.2.0
-      nanoid: 5.0.7
-      ofetch: 1.3.4
-      package-manager-detector: 0.2.0
-      parse-git-config: 3.0.0
-      pathe: 1.1.2
-      rc9: 2.1.2
-      std-env: 3.7.0
-    transitivePeerDependencies:
-      - magicast
-      - rollup
-      - supports-color
-      - webpack-sources
-
   '@nuxt/telemetry@2.6.0(magicast@0.3.5)(rollup@4.21.2)':
     dependencies:
       '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)
@@ -7794,10 +7664,10 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/test-utils@3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))':
+  '@nuxt/test-utils@3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-      '@nuxt/schema': 3.13.1(rollup@3.29.4)
+      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)
+      '@nuxt/schema': 3.13.1(rollup@4.21.2)
       c12: 1.11.2(magicast@0.3.5)
       consola: 3.2.3
       defu: 6.1.4
@@ -7821,7 +7691,7 @@ snapshots:
       unenv: 1.10.0
       unplugin: 1.14.1
       vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
+      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
       vue: 3.5.4(typescript@5.6.2)
       vue-router: 4.4.4(vue@3.5.4(typescript@5.6.2))
     optionalDependencies:
@@ -7857,66 +7727,6 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@nuxt/vite-builder@3.13.1(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.4(typescript@5.6.2))':
-    dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-      '@rollup/plugin-replace': 5.0.7(rollup@3.29.4)
-      '@vitejs/plugin-vue': 5.1.3(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      autoprefixer: 10.4.20(postcss@8.4.45)
-      clear: 0.1.0
-      consola: 3.2.3
-      cssnano: 7.0.6(postcss@8.4.45)
-      defu: 6.1.4
-      esbuild: 0.23.1
-      escape-string-regexp: 5.0.0
-      estree-walker: 3.0.3
-      externality: 1.0.2
-      get-port-please: 3.1.2
-      h3: 1.12.0
-      knitwork: 1.1.0
-      magic-string: 0.30.11
-      mlly: 1.7.1
-      ohash: 1.1.3
-      pathe: 1.1.2
-      perfect-debounce: 1.0.0
-      pkg-types: 1.2.0
-      postcss: 8.4.45
-      rollup-plugin-visualizer: 5.12.0(rollup@3.29.4)
-      std-env: 3.7.0
-      strip-literal: 2.1.0
-      ufo: 1.5.4
-      unenv: 1.10.0
-      unplugin: 1.14.1
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-node: 2.0.5(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-plugin-checker: 0.7.2(eslint@9.10.0(jiti@1.21.6))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue: 3.5.4(typescript@5.6.2)
-      vue-bundle-renderer: 2.1.0
-    transitivePeerDependencies:
-      - '@biomejs/biome'
-      - '@types/node'
-      - eslint
-      - less
-      - lightningcss
-      - magicast
-      - meow
-      - optionator
-      - rollup
-      - sass
-      - sass-embedded
-      - stylelint
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - typescript
-      - uWebSockets.js
-      - vls
-      - vti
-      - vue-tsc
-      - webpack-sources
-
   '@nuxt/vite-builder@3.13.1(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.2)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.4(typescript@5.6.2))':
     dependencies:
       '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)
@@ -7977,9 +7787,9 @@ snapshots:
       - vue-tsc
       - webpack-sources
 
-  '@nuxtjs/color-mode@3.4.4(magicast@0.3.5)(rollup@3.29.4)':
+  '@nuxtjs/color-mode@3.4.4(magicast@0.3.5)(rollup@4.21.2)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)
       pathe: 1.1.2
       pkg-types: 1.2.0
       semver: 7.6.3
@@ -8855,19 +8665,6 @@ snapshots:
       path-browserify: 1.0.1
       vscode-uri: 3.0.8
 
-  '@vue-macros/common@1.12.3(rollup@3.29.4)(vue@3.5.4(typescript@5.6.2))':
-    dependencies:
-      '@babel/types': 7.25.6
-      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      '@vue/compiler-sfc': 3.5.4
-      ast-kit: 1.1.0
-      local-pkg: 0.5.0
-      magic-string-ast: 0.6.2
-    optionalDependencies:
-      vue: 3.5.4(typescript@5.6.2)
-    transitivePeerDependencies:
-      - rollup
-
   '@vue-macros/common@1.12.3(rollup@4.21.2)(vue@3.5.4(typescript@5.6.2))':
     dependencies:
       '@babel/types': 7.25.6
@@ -10911,17 +10708,6 @@ snapshots:
 
   import-lazy@4.0.0: {}
 
-  impound@0.1.0(rollup@3.29.4):
-    dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      mlly: 1.7.1
-      pathe: 1.1.2
-      unenv: 1.10.0
-      unplugin: 1.14.1
-    transitivePeerDependencies:
-      - rollup
-      - webpack-sources
-
   impound@0.1.0(rollup@4.21.2):
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
@@ -12139,117 +11925,6 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)):
-    dependencies:
-      '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.4.2(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-      '@nuxt/schema': 3.13.1(rollup@3.29.4)
-      '@nuxt/telemetry': 2.6.0(magicast@0.3.5)(rollup@3.29.4)
-      '@nuxt/vite-builder': 3.13.1(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.4(typescript@5.6.2))
-      '@unhead/dom': 1.11.2
-      '@unhead/ssr': 1.11.2
-      '@unhead/vue': 1.11.2(vue@3.5.4(typescript@5.6.2))
-      '@vue/shared': 3.5.4
-      acorn: 8.12.1
-      c12: 1.11.2(magicast@0.3.5)
-      chokidar: 3.6.0
-      compatx: 0.1.8
-      consola: 3.2.3
-      cookie-es: 1.2.2
-      defu: 6.1.4
-      destr: 2.0.3
-      devalue: 5.0.0
-      errx: 0.1.0
-      esbuild: 0.23.1
-      escape-string-regexp: 5.0.0
-      estree-walker: 3.0.3
-      globby: 14.0.2
-      h3: 1.12.0
-      hookable: 5.5.3
-      ignore: 5.3.2
-      impound: 0.1.0(rollup@3.29.4)
-      jiti: 1.21.6
-      klona: 2.0.6
-      knitwork: 1.1.0
-      magic-string: 0.30.11
-      mlly: 1.7.1
-      nanotar: 0.1.1
-      nitropack: 2.9.7(magicast@0.3.5)
-      nuxi: 3.13.1
-      nypm: 0.3.11
-      ofetch: 1.3.4
-      ohash: 1.1.3
-      pathe: 1.1.2
-      perfect-debounce: 1.0.0
-      pkg-types: 1.2.0
-      radix3: 1.1.2
-      scule: 1.3.0
-      semver: 7.6.3
-      std-env: 3.7.0
-      strip-literal: 2.1.0
-      tinyglobby: 0.2.5
-      ufo: 1.5.4
-      ultrahtml: 1.5.3
-      uncrypto: 0.1.3
-      unctx: 2.3.1
-      unenv: 1.10.0
-      unimport: 3.11.1(rollup@3.29.4)
-      unplugin: 1.14.1
-      unplugin-vue-router: 0.10.8(rollup@3.29.4)(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
-      unstorage: 1.12.0(ioredis@5.4.1)
-      untyped: 1.4.2
-      vue: 3.5.4(typescript@5.6.2)
-      vue-bundle-renderer: 2.1.0
-      vue-devtools-stub: 0.1.0
-      vue-router: 4.4.4(vue@3.5.4(typescript@5.6.2))
-    optionalDependencies:
-      '@parcel/watcher': 2.4.1
-      '@types/node': 22.5.4
-    transitivePeerDependencies:
-      - '@azure/app-configuration'
-      - '@azure/cosmos'
-      - '@azure/data-tables'
-      - '@azure/identity'
-      - '@azure/keyvault-secrets'
-      - '@azure/storage-blob'
-      - '@biomejs/biome'
-      - '@capacitor/preferences'
-      - '@libsql/client'
-      - '@netlify/blobs'
-      - '@planetscale/database'
-      - '@upstash/redis'
-      - '@vercel/kv'
-      - better-sqlite3
-      - bufferutil
-      - drizzle-orm
-      - encoding
-      - eslint
-      - idb-keyval
-      - ioredis
-      - less
-      - lightningcss
-      - magicast
-      - meow
-      - optionator
-      - rollup
-      - sass
-      - sass-embedded
-      - stylelint
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - typescript
-      - uWebSockets.js
-      - utf-8-validate
-      - vite
-      - vls
-      - vti
-      - vue-tsc
-      - webpack-sources
-      - xml2js
-
   nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.2)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)):
     dependencies:
       '@nuxt/devalue': 2.0.2
@@ -13196,15 +12871,6 @@ snapshots:
     optionalDependencies:
       '@babel/code-frame': 7.24.7
 
-  rollup-plugin-visualizer@5.12.0(rollup@3.29.4):
-    dependencies:
-      open: 8.4.2
-      picomatch: 2.3.1
-      source-map: 0.7.4
-      yargs: 17.7.2
-    optionalDependencies:
-      rollup: 3.29.4
-
   rollup-plugin-visualizer@5.12.0(rollup@4.21.2):
     dependencies:
       open: 8.4.2
@@ -13873,25 +13539,6 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
-  unimport@3.11.1(rollup@3.29.4):
-    dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      acorn: 8.12.1
-      escape-string-regexp: 5.0.0
-      estree-walker: 3.0.3
-      fast-glob: 3.3.2
-      local-pkg: 0.5.0
-      magic-string: 0.30.11
-      mlly: 1.7.1
-      pathe: 1.1.2
-      pkg-types: 1.2.0
-      scule: 1.3.0
-      strip-literal: 2.1.0
-      unplugin: 1.14.1
-    transitivePeerDependencies:
-      - rollup
-      - webpack-sources
-
   unimport@3.11.1(rollup@4.21.2):
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
@@ -13948,29 +13595,6 @@ snapshots:
 
   universalify@2.0.1: {}
 
-  unplugin-vue-router@0.10.8(rollup@3.29.4)(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2)):
-    dependencies:
-      '@babel/types': 7.25.6
-      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      '@vue-macros/common': 1.12.3(rollup@3.29.4)(vue@3.5.4(typescript@5.6.2))
-      ast-walker-scope: 0.6.2
-      chokidar: 3.6.0
-      fast-glob: 3.3.2
-      json5: 2.2.3
-      local-pkg: 0.5.0
-      magic-string: 0.30.11
-      mlly: 1.7.1
-      pathe: 1.1.2
-      scule: 1.3.0
-      unplugin: 1.14.1
-      yaml: 2.5.1
-    optionalDependencies:
-      vue-router: 4.4.4(vue@3.5.4(typescript@5.6.2))
-    transitivePeerDependencies:
-      - rollup
-      - vue
-      - webpack-sources
-
   unplugin-vue-router@0.10.8(rollup@4.21.2)(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2)):
     dependencies:
       '@babel/types': 7.25.6
@@ -14155,25 +13779,7 @@ snapshots:
       typescript: 5.6.2
       vue-tsc: 2.1.6(typescript@5.6.2)
 
-  vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4))(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)):
-    dependencies:
-      '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      debug: 4.3.7
-      error-stack-parser-es: 0.1.5
-      fs-extra: 11.2.0
-      open: 10.1.0
-      perfect-debounce: 1.0.0
-      picocolors: 1.1.0
-      sirv: 2.0.4
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-    optionalDependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
-
-  vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4))(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)):
+  vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.2))(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
@@ -14186,7 +13792,7 @@ snapshots:
       sirv: 2.0.4
       vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
     optionalDependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -14217,9 +13823,9 @@ snapshots:
       lightningcss: 1.27.0
       terser: 5.32.0
 
-  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2)):
+  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2)):
     dependencies:
-      '@nuxt/test-utils': 3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
+      '@nuxt/test-utils': 3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@4.21.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'
diff --git a/src/module.ts b/src/module.ts
index 5f8ec6462a..cf3c28eca6 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -1,8 +1,10 @@
 import { defu } from 'defu'
-import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addVitePlugin, addPlugin, installModule } from '@nuxt/kit'
+import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addVitePlugin, addPlugin, installModule, extendPages, addServerHandler } from '@nuxt/kit'
 import { addTemplates } from './templates'
 import icons from './theme/icons'
 
+import { addCustomTab } from '@nuxt/devtools-kit'
+
 export type * from './runtime/types'
 
 export interface ModuleOptions {
@@ -87,5 +89,31 @@ export default defineNuxtModule<ModuleOptions>({
     addImportsDir(resolve('./runtime/composables'))
 
     addTemplates(options, nuxt)
+
+    if (nuxt.options.dev) {
+      addServerHandler({
+        route: '/_ui/config',
+        handler: resolve('./runtime/devtools/server/config.post.ts'),
+        method: 'POST'
+      })
+
+      extendPages((pages) => {
+        pages.unshift({
+          name: 'ui-devtools',
+          path: '/_ui/devtools',
+          file: resolve('runtime/devtools/pages/index.vue')
+        })
+      })
+
+      addCustomTab({
+        name: 'nuxt-ui',
+        title: 'Nuxt UI',
+        icon: 'bx:paint',
+        view: {
+          type: 'iframe',
+          src: '/_ui/devtools'
+        }
+      })
+    }
   }
 })
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index 1c609a8cee..63c3448ac3 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -64,19 +64,26 @@ const ui = computed(() => button({
 </script>
 
 <template>
-  <ULink :type="type" :disabled="disabled || loading" :class="ui.base({ class: props.class })" v-bind="linkProps" raw>
+  <ULink
+    :type="type"
+    :disabled="disabled || loading"
+    :class="ui.base({ class: props.class })"
+    v-bind="linkProps"
+    raw
+    data-slot="base"
+  >
     <slot name="leading">
-      <UIcon v-if="isLeading && leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+      <UIcon v-if="isLeading && leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" data-slot="leadingIcon" />
     </slot>
 
     <slot>
-      <span v-if="label" :class="ui.label({ class: props.ui?.label })">
+      <span v-if="label" :class="ui.label({ class: props.ui?.label })" data-slot="label">
         {{ label }}
       </span>
     </slot>
 
     <slot name="trailing">
-      <UIcon v-if="isTrailing && trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+      <UIcon v-if="isTrailing && trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" data-slot="trailingIcon" />
     </slot>
   </ULink>
 </template>
diff --git a/src/runtime/devtools/pages/index.vue b/src/runtime/devtools/pages/index.vue
new file mode 100644
index 0000000000..703aea646b
--- /dev/null
+++ b/src/runtime/devtools/pages/index.vue
@@ -0,0 +1,379 @@
+<script setup lang="ts">
+import { ref, computed } from "vue";
+import * as ui from "#build/ui";
+import { pascalCase } from "scule";
+import { updateAppConfig } from "#app";
+import { definePageMeta, resolveComponent } from "#imports";
+
+definePageMeta({
+  layout: false,
+});
+
+const componentExample = {
+  accordion: {
+    component: resolveComponent("UAccordion"),
+    props: {
+      items: [
+        {
+          label: "Getting Started",
+          icon: "i-heroicons-information-circle",
+          content:
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+        },
+        {
+          label: "Installation",
+          icon: "i-heroicons-arrow-down-tray",
+          disabled: true,
+          content:
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+        },
+        {
+          label: "Theming",
+          icon: "i-heroicons-eye-dropper",
+          content:
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+        },
+        {
+          label: "Layouts",
+          icon: "i-heroicons-rectangle-group",
+          content:
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+        },
+        {
+          label: "Components",
+          icon: "i-heroicons-square-3-stack-3d",
+          content:
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+        },
+        {
+          label: "Utilities",
+          slot: "custom" as const,
+          icon: "i-heroicons-wrench-screwdriver",
+          content:
+            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+        },
+      ],
+    },
+  },
+  alert: {
+    component: resolveComponent("UAlert"),
+    props: {
+      title: "Heads up!",
+      description: "You can change the primary color in your app config.",
+      icon: "i-heroicons-command-line",
+      close: true,
+    },
+  },
+  avatar: {
+    component: resolveComponent("UAvatar"),
+    props: {
+      src: "https://github.com/benjamincanac.png",
+    },
+  },
+  badge: {
+    component: resolveComponent("UBadge"),
+    props: {
+      label: "badge",
+    },
+  },
+  breadcrumb: {
+    component: resolveComponent("UBreadcrumb"),
+    props: {
+      items: [
+        {
+          label: "Home",
+          to: "/",
+        },
+        {
+          slot: "dropdown" as const,
+          icon: "i-heroicons-ellipsis-horizontal",
+          children: [
+            {
+              label: "Documentation",
+            },
+            {
+              label: "Themes",
+            },
+            {
+              label: "GitHub",
+            },
+          ],
+        },
+        {
+          label: "Components",
+          disabled: true,
+        },
+        {
+          label: "Breadcrumb",
+          to: "/components/breadcrumb",
+        },
+      ],
+    },
+  },
+  button: {
+    component: resolveComponent("UButton"),
+    props: {
+      label: "Click me!",
+      icon: "i-heroicons-rocket-launch-20-solid",
+    },
+  },
+  buttonGroup: {
+    component: resolveComponent("UButtonGroup"),
+    props: {},
+  },
+  card: {
+    component: resolveComponent("UCard"),
+    props: {},
+  },
+  checkbox: {
+    component: resolveComponent("UCheckbox"),
+    props: {
+      label: "Check me!",
+    },
+  },
+  chip: {
+    component: resolveComponent("UChip"),
+    props: {
+      icon: "i-heroicons-bell",
+      count: 3,
+    },
+  },
+  collapsible: {
+    component: resolveComponent("UCollapsible"),
+    props: {},
+  },
+  contextMenu: {
+    component: resolveComponent("UContextMenu"),
+    props: {},
+  },
+  commandPalette: {
+    component: resolveComponent("UCommandPalette"),
+    props: {},
+  },
+  drawer: {
+    component: resolveComponent("UDrawer"),
+    props: {},
+  },
+  dropdownMenu: {
+    component: resolveComponent("UDropdownMenu"),
+    props: {},
+  },
+  form: {
+    component: resolveComponent("UForm"),
+    props: {},
+  },
+  formField: {
+    component: resolveComponent("UFormField"),
+    props: {},
+  },
+  input: {
+    component: resolveComponent("UInput"),
+    props: {},
+  },
+  inputMenu: {
+    component: resolveComponent("UInputMenu"),
+    props: {},
+  },
+  kbd: {
+    component: resolveComponent("UKbd"),
+    props: {},
+  },
+  link: {
+    component: resolveComponent("ULink"),
+    props: {},
+  },
+  modal: {
+    component: resolveComponent("UModal"),
+    props: {},
+  },
+  navigationMenu: {
+    component: resolveComponent("UNavigationMenu"),
+    props: {},
+  },
+  pagination: {
+    component: resolveComponent("UPagination"),
+    props: {},
+  },
+  popover: {
+    component: resolveComponent("UPopover"),
+    props: {},
+  },
+  progress: {
+    component: resolveComponent("UProgress"),
+    props: {},
+  },
+  radioGroup: {
+    component: resolveComponent("URadioGroup"),
+    props: {},
+  },
+  select: {
+    component: resolveComponent("USelect"),
+    props: {},
+  },
+  selectMenu: {
+    component: resolveComponent("USelectMenu"),
+    props: {},
+  },
+  separator: {
+    component: resolveComponent("USeparator"),
+    props: {},
+  },
+  shortcuts: {
+    component: resolveComponent("UShortcuts"),
+    props: {},
+  },
+  skeleton: {
+    component: resolveComponent("USkeleton"),
+    props: {},
+  },
+  slideover: {
+    component: resolveComponent("USlideover"),
+    props: {},
+  },
+  slider: {
+    component: resolveComponent("USlider"),
+    props: {},
+  },
+  switch: {
+    component: resolveComponent("USwitch"),
+    props: {},
+  },
+  tabs: {
+    component: resolveComponent("UTabs"),
+    props: {},
+  },
+  textarea: {
+    component: resolveComponent("UTextarea"),
+    props: {},
+  },
+  toast: {
+    component: resolveComponent("UToast"),
+    props: {},
+  },
+  tooltip: {
+    component: resolveComponent("UTooltip"),
+    props: {},
+  },
+};
+const appConfig = useAppConfig();
+
+const components = Object.keys(ui).map((key) => {
+  const slots = (ui as any)[key].slots;
+
+  return {
+    key,
+    value: key,
+    label: `U${pascalCase(key)}`,
+    slots: slots
+      ? Object.keys(slots)?.map((id) => ({
+          id,
+          value: appConfig.ui?.[key]?.slots?.[id], // TODO: default to app.config value
+        }))
+      : [],
+  };
+});
+
+const component = ref(components.find((c) => c.key === "button"));
+
+const preview = ref();
+const computedUI = computed(() => {
+  if (!component.value) return;
+
+  return component.value.slots?.reduce(
+    (acc, slot) => {
+      acc[slot.id] = slot.value;
+      return acc;
+    },
+    {} as Record<string, any>,
+  );
+});
+
+function onHover(slotId: string) {
+  const element = preview.value.querySelector(`[data-slot=${slotId}]`);
+  if (element) {
+    element.classList.add("highlight");
+  }
+}
+
+function onLeave(slotId: string) {
+  const element = preview.value.querySelector(`[data-slot=${slotId}]`);
+  if (element) {
+    element.classList.remove("highlight");
+  }
+}
+
+function saveConfig() {
+  if (!component.value) return;
+  updateAppConfig({
+    ui: { [component.value.key]: { slots: computedUI.value } },
+  });
+
+  $fetch("/_ui/config", {
+    method: "POST",
+    body: appConfig,
+  });
+}
+</script>
+
+<template>
+  <div class="relative w-full h-screen">
+    <div
+      class="top-0 h-[49px] border-b border-gray-100 bg-white flex justify-center items-center"
+    >
+      <UInputMenu
+        v-model="component"
+        variant="none"
+        :items="components"
+        class="grow"
+        placeholder="Search component..."
+      />
+
+      <UButton variant="ghost" @click="saveConfig"> Save config </UButton>
+    </div>
+    <div
+      class="absolute top-[49px] inset-x-0 bottom-0 overflow-y-scroll grid grid-cols-3 gap-4"
+    >
+      <div
+        v-if="component"
+        ref="preview"
+        class="col-span-2 flex justify-center items-center p-8"
+      >
+        <component
+          :is="componentExample[component.key].component"
+          v-bind="{ ui: computedUI, ...componentExample[component.key].props, class: computedUI.base }"
+        />
+      </div>
+
+      <div class="border-l border-gray-200 overflow-y-scroll">
+        <div
+          v-for="slot in component?.slots"
+          :id="slot.id"
+          :key="slot.id"
+          ref="slotsRef"
+          class="border-b p-4 border-gray-200 font-mono hover:bg-gray-50 transition ease"
+          @mouseenter="onHover(slot.id)"
+          @mouseleave="onLeave(slot.id)"
+        >
+          <p class="text-sm">
+            {{ slot.id }}
+          </p>
+          <UInput v-model="slot.value" variant="ghost" class="w-full px-0" />
+        </div>
+      </div>
+
+      <!-- This is to include tailwind css classes for testing -->
+      <div
+        class="hidden rounded-full bg-black border border-4 border-black border-cool-100 border-red-800 text-black p-1 p-2 p-3 p-4"
+      />
+    </div>
+  </div>
+</template>
+
+<style>
+.highlight {
+  outline: dashed;
+  outline-color: blue;
+  outline-width: 1.5px;
+  outline-offset: 2px;
+}
+</style>
diff --git a/src/runtime/devtools/server/config.post.ts b/src/runtime/devtools/server/config.post.ts
new file mode 100644
index 0000000000..8fb6bcb84c
--- /dev/null
+++ b/src/runtime/devtools/server/config.post.ts
@@ -0,0 +1,13 @@
+import { resolve } from 'node:path'
+import fs from 'node:fs'
+import { genObjectFromValues } from 'knitwork'
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event)
+  const newConfig = genObjectFromValues(body)
+
+  const path = resolve('./playground/app/app.config.ts')
+  fs.writeFileSync(path, `export default defineAppConfig(${newConfig})`)
+
+  return newConfig
+})

From f55a11ceedd574d8171f0c5a558b047ae2919cce Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 13 Sep 2024 15:25:36 +0200
Subject: [PATCH 02/92] feat(devtools): add data-slot selector on all
 components

---
 playground/app/app.config.ts                  | 5718 ++++++++---------
 src/runtime/components/Accordion.vue          |   17 +-
 src/runtime/components/Alert.vue              |   17 +-
 src/runtime/components/Avatar.vue             |    7 +-
 src/runtime/components/AvatarGroup.vue        |    6 +-
 src/runtime/components/Breadcrumb.vue         |   18 +-
 src/runtime/components/Button.vue             |   55 +-
 src/runtime/components/Card.vue               |    8 +-
 src/runtime/components/Checkbox.vue           |   15 +-
 src/runtime/components/Chip.vue               |    4 +-
 src/runtime/components/Collapsible.vue        |    4 +-
 src/runtime/components/CommandPalette.vue     |   36 +-
 src/runtime/components/ContextMenu.vue        |    1 +
 src/runtime/components/ContextMenuContent.vue |   23 +-
 src/runtime/components/Drawer.vue             |   18 +-
 src/runtime/components/DropdownMenu.vue       |    3 +-
 .../components/DropdownMenuContent.vue        |   23 +-
 src/runtime/components/FormField.vue          |   16 +-
 src/runtime/components/Input.vue              |   11 +-
 src/runtime/components/InputMenu.vue          |   45 +-
 src/runtime/components/Modal.vue              |   15 +-
 src/runtime/components/NavigationMenu.vue     |   49 +-
 src/runtime/components/Pagination.vue         |   13 +-
 src/runtime/components/Popover.vue            |    4 +-
 src/runtime/components/Progress.vue           |   12 +-
 src/runtime/components/RadioGroup.vue         |   18 +-
 src/runtime/components/Select.vue             |   34 +-
 src/runtime/components/SelectMenu.vue         |   49 +-
 src/runtime/components/Separator.vue          |   14 +-
 src/runtime/components/Slideover.vue          |   15 +-
 src/runtime/components/Slider.vue             |    7 +-
 src/runtime/components/Switch.vue             |   19 +-
 src/runtime/components/Tabs.vue               |   32 +-
 src/runtime/components/Textarea.vue           |    3 +-
 src/runtime/components/Toast.vue              |   18 +-
 src/runtime/components/Toaster.vue            |    1 +
 src/runtime/components/Tooltip.vue            |    8 +-
 src/runtime/devtools/pages/index.vue          |  328 +-
 38 files changed, 3384 insertions(+), 3300 deletions(-)

diff --git a/playground/app/app.config.ts b/playground/app/app.config.ts
index bf5d029640..a73c6b7796 100644
--- a/playground/app/app.config.ts
+++ b/playground/app/app.config.ts
@@ -2,2884 +2,2884 @@ export default defineAppConfig({
   nuxt: {},
   ui: {
     colors: {
-      primary: "sky",
-      error: "red",
-      gray: "cool"
+      primary: 'sky',
+      error: 'red',
+      gray: 'cool'
     },
     icons: {
-      chevronDoubleLeft: "i-heroicons-chevron-double-left-20-solid",
-      chevronDoubleRight: "i-heroicons-chevron-double-right-20-solid",
-      chevronDown: "i-heroicons-chevron-down-20-solid",
-      chevronLeft: "i-heroicons-chevron-left-20-solid",
-      chevronRight: "i-heroicons-chevron-right-20-solid",
-      check: "i-heroicons-check-20-solid",
-      close: "i-heroicons-x-mark-20-solid",
-      ellipsis: "i-heroicons-ellipsis-horizontal-20-solid",
-      external: "i-heroicons-arrow-up-right-20-solid",
-      loading: "i-heroicons-arrow-path-20-solid",
-      minus: "i-heroicons-minus-20-solid",
-      search: "i-heroicons-magnifying-glass-20-solid"
+      chevronDoubleLeft: 'i-heroicons-chevron-double-left-20-solid',
+      chevronDoubleRight: 'i-heroicons-chevron-double-right-20-solid',
+      chevronDown: 'i-heroicons-chevron-down-20-solid',
+      chevronLeft: 'i-heroicons-chevron-left-20-solid',
+      chevronRight: 'i-heroicons-chevron-right-20-solid',
+      check: 'i-heroicons-check-20-solid',
+      close: 'i-heroicons-x-mark-20-solid',
+      ellipsis: 'i-heroicons-ellipsis-horizontal-20-solid',
+      external: 'i-heroicons-arrow-up-right-20-solid',
+      loading: 'i-heroicons-arrow-path-20-solid',
+      minus: 'i-heroicons-minus-20-solid',
+      search: 'i-heroicons-magnifying-glass-20-solid'
     },
     button: {
       slots: {
-        base: "rounded-md",
-        label: ""
+        base: 'rounded-md',
+        label: ''
       }
     }
   },
   icon: {
-    provider: "server",
-    class: "",
+    provider: 'server',
+    class: '',
     aliases: {},
-    iconifyApiEndpoint: "https://api.iconify.design",
-    localApiEndpoint: "/api/_nuxt_icon",
+    iconifyApiEndpoint: 'https://api.iconify.design',
+    localApiEndpoint: '/api/_nuxt_icon',
     fallbackToApi: true,
-    cssSelectorPrefix: "i-",
+    cssSelectorPrefix: 'i-',
     cssWherePseudo: true,
-    cssLayer: "components",
-    mode: "css",
+    cssLayer: 'components',
+    mode: 'css',
     attrs: {
-      "aria-hidden": true
+      'aria-hidden': true
     },
     collections: [
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "fluent-emoji-high-contrast",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "material-symbols-light",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "cryptocurrency-color",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "emojione-monotone",
-      "fluent-emoji-flat",
-      "heroicons-outline",
-      "icon-park-outline",
-      "icon-park-twotone",
-      "simple-line-icons",
-      "streamline-emojis",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "flat-color-icons",
-      "material-symbols",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "heroicons-solid",
-      "icon-park-solid",
-      "pepicons-pencil",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "cryptocurrency",
-      "pepicons-print",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "bitcoin-icons",
-      "devicon-plain",
-      "entypo-social",
-      "grommet-icons",
-      "pixelarticons",
-      "system-uicons",
-      "token-branded",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "circle-flags",
-      "fluent-emoji",
-      "icomoon-free",
-      "medical-icon",
-      "pepicons-pop",
-      "simple-icons",
-      "svg-spinners",
-      "vscode-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "academicons",
-      "emojione-v1",
-      "fa6-regular",
-      "fluent-mdl2",
-      "healthicons",
-      "humbleicons",
-      "majesticons",
-      "radix-icons",
-      "rivet-icons",
-      "skill-icons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "akar-icons",
-      "ant-design",
-      "catppuccin",
-      "fa-regular",
-      "fa6-brands",
-      "file-icons",
-      "foundation",
-      "game-icons",
-      "gravity-ui",
-      "lets-icons",
-      "lucide-lab",
-      "mono-icons",
-      "streamline",
-      "teenyicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "arcticons",
-      "dashicons",
-      "eos-icons",
-      "fa-brands",
-      "fa6-solid",
-      "fontelico",
-      "gridicons",
-      "heroicons",
-      "hugeicons",
-      "icon-park",
-      "iconamoon",
-      "mdi-light",
-      "meteocons",
-      "websymbol",
-      "zondicons",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "brandico",
-      "bytesize",
-      "emojione",
-      "fa-solid",
-      "flagpack",
-      "flowbite",
-      "fontisto",
-      "guidance",
-      "marketeq",
-      "mingcute",
-      "nonicons",
-      "openmoji",
-      "pepicons",
-      "si-glyph",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "clarity",
-      "codicon",
-      "devicon",
-      "feather",
-      "flat-ui",
-      "formkit",
-      "fxemoji",
-      "iconoir",
-      "line-md",
-      "noto-v1",
-      "octicon",
-      "pajamas",
-      "raphael",
-      "tdesign",
-      "topcoat",
-      "twemoji",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "carbon",
-      "circum",
-      "entypo",
-      "fluent",
-      "icons8",
-      "lucide",
-      "memory",
-      "mynaui",
-      "nimbus",
-      "subway",
-      "tabler",
-      "vaadin",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "basil",
-      "charm",
-      "covid",
-      "logos",
-      "prime",
-      "quill",
-      "solar",
-      "token",
-      "typcn",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bpmn",
-      "flag",
-      "gala",
-      "iwwa",
-      "mage",
-      "maki",
-      "noto",
-      "ooui",
-      "unjs",
-      "weui",
-      "zmdi",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bxl",
-      "bxs",
-      "cbi",
-      "cib",
-      "cif",
-      "cil",
-      "eva",
-      "fad",
-      "geo",
-      "gis",
-      "ion",
-      "jam",
-      "map",
-      "mdi",
-      "oui",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "whh",
-      "wpf",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "bi",
-      "bx",
-      "ci",
-      "ei",
-      "el",
-      "ep",
-      "et",
-      "f7",
-      "fa",
-      "fe",
-      "gg",
-      "ic",
-      "il",
-      "la",
-      "ls",
-      "mi",
-      "oi",
-      "ph",
-      "ps",
-      "ri",
-      "vs",
-      "wi",
-      "academicons",
-      "akar-icons",
-      "ant-design",
-      "arcticons",
-      "basil",
-      "bi",
-      "bitcoin-icons",
-      "bpmn",
-      "brandico",
-      "bx",
-      "bxl",
-      "bxs",
-      "bytesize",
-      "carbon",
-      "catppuccin",
-      "cbi",
-      "charm",
-      "ci",
-      "cib",
-      "cif",
-      "cil",
-      "circle-flags",
-      "circum",
-      "clarity",
-      "codicon",
-      "covid",
-      "cryptocurrency",
-      "cryptocurrency-color",
-      "dashicons",
-      "devicon",
-      "devicon-plain",
-      "ei",
-      "el",
-      "emojione",
-      "emojione-monotone",
-      "emojione-v1",
-      "entypo",
-      "entypo-social",
-      "eos-icons",
-      "ep",
-      "et",
-      "eva",
-      "f7",
-      "fa",
-      "fa-brands",
-      "fa-regular",
-      "fa-solid",
-      "fa6-brands",
-      "fa6-regular",
-      "fa6-solid",
-      "fad",
-      "fe",
-      "feather",
-      "file-icons",
-      "flag",
-      "flagpack",
-      "flat-color-icons",
-      "flat-ui",
-      "flowbite",
-      "fluent",
-      "fluent-emoji",
-      "fluent-emoji-flat",
-      "fluent-emoji-high-contrast",
-      "fluent-mdl2",
-      "fontelico",
-      "fontisto",
-      "formkit",
-      "foundation",
-      "fxemoji",
-      "gala",
-      "game-icons",
-      "geo",
-      "gg",
-      "gis",
-      "gravity-ui",
-      "gridicons",
-      "grommet-icons",
-      "guidance",
-      "healthicons",
-      "heroicons",
-      "heroicons-outline",
-      "heroicons-solid",
-      "hugeicons",
-      "humbleicons",
-      "ic",
-      "icomoon-free",
-      "icon-park",
-      "icon-park-outline",
-      "icon-park-solid",
-      "icon-park-twotone",
-      "iconamoon",
-      "iconoir",
-      "icons8",
-      "il",
-      "ion",
-      "iwwa",
-      "jam",
-      "la",
-      "lets-icons",
-      "line-md",
-      "logos",
-      "ls",
-      "lucide",
-      "lucide-lab",
-      "mage",
-      "majesticons",
-      "maki",
-      "map",
-      "marketeq",
-      "material-symbols",
-      "material-symbols-light",
-      "mdi",
-      "mdi-light",
-      "medical-icon",
-      "memory",
-      "meteocons",
-      "mi",
-      "mingcute",
-      "mono-icons",
-      "mynaui",
-      "nimbus",
-      "nonicons",
-      "noto",
-      "noto-v1",
-      "octicon",
-      "oi",
-      "ooui",
-      "openmoji",
-      "oui",
-      "pajamas",
-      "pepicons",
-      "pepicons-pencil",
-      "pepicons-pop",
-      "pepicons-print",
-      "ph",
-      "pixelarticons",
-      "prime",
-      "ps",
-      "quill",
-      "radix-icons",
-      "raphael",
-      "ri",
-      "rivet-icons",
-      "si-glyph",
-      "simple-icons",
-      "simple-line-icons",
-      "skill-icons",
-      "solar",
-      "streamline",
-      "streamline-emojis",
-      "subway",
-      "svg-spinners",
-      "system-uicons",
-      "tabler",
-      "tdesign",
-      "teenyicons",
-      "token",
-      "token-branded",
-      "topcoat",
-      "twemoji",
-      "typcn",
-      "uil",
-      "uim",
-      "uis",
-      "uit",
-      "uiw",
-      "unjs",
-      "vaadin",
-      "vs",
-      "vscode-icons",
-      "websymbol",
-      "weui",
-      "whh",
-      "wi",
-      "wpf",
-      "zmdi",
-      "zondicons"
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'fluent-emoji-high-contrast',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'material-symbols-light',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'cryptocurrency-color',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'emojione-monotone',
+      'fluent-emoji-flat',
+      'heroicons-outline',
+      'icon-park-outline',
+      'icon-park-twotone',
+      'simple-line-icons',
+      'streamline-emojis',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'flat-color-icons',
+      'material-symbols',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'heroicons-solid',
+      'icon-park-solid',
+      'pepicons-pencil',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'cryptocurrency',
+      'pepicons-print',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'bitcoin-icons',
+      'devicon-plain',
+      'entypo-social',
+      'grommet-icons',
+      'pixelarticons',
+      'system-uicons',
+      'token-branded',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'circle-flags',
+      'fluent-emoji',
+      'icomoon-free',
+      'medical-icon',
+      'pepicons-pop',
+      'simple-icons',
+      'svg-spinners',
+      'vscode-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'academicons',
+      'emojione-v1',
+      'fa6-regular',
+      'fluent-mdl2',
+      'healthicons',
+      'humbleicons',
+      'majesticons',
+      'radix-icons',
+      'rivet-icons',
+      'skill-icons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'akar-icons',
+      'ant-design',
+      'catppuccin',
+      'fa-regular',
+      'fa6-brands',
+      'file-icons',
+      'foundation',
+      'game-icons',
+      'gravity-ui',
+      'lets-icons',
+      'lucide-lab',
+      'mono-icons',
+      'streamline',
+      'teenyicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'arcticons',
+      'dashicons',
+      'eos-icons',
+      'fa-brands',
+      'fa6-solid',
+      'fontelico',
+      'gridicons',
+      'heroicons',
+      'hugeicons',
+      'icon-park',
+      'iconamoon',
+      'mdi-light',
+      'meteocons',
+      'websymbol',
+      'zondicons',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'brandico',
+      'bytesize',
+      'emojione',
+      'fa-solid',
+      'flagpack',
+      'flowbite',
+      'fontisto',
+      'guidance',
+      'marketeq',
+      'mingcute',
+      'nonicons',
+      'openmoji',
+      'pepicons',
+      'si-glyph',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'clarity',
+      'codicon',
+      'devicon',
+      'feather',
+      'flat-ui',
+      'formkit',
+      'fxemoji',
+      'iconoir',
+      'line-md',
+      'noto-v1',
+      'octicon',
+      'pajamas',
+      'raphael',
+      'tdesign',
+      'topcoat',
+      'twemoji',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'carbon',
+      'circum',
+      'entypo',
+      'fluent',
+      'icons8',
+      'lucide',
+      'memory',
+      'mynaui',
+      'nimbus',
+      'subway',
+      'tabler',
+      'vaadin',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'basil',
+      'charm',
+      'covid',
+      'logos',
+      'prime',
+      'quill',
+      'solar',
+      'token',
+      'typcn',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bpmn',
+      'flag',
+      'gala',
+      'iwwa',
+      'mage',
+      'maki',
+      'noto',
+      'ooui',
+      'unjs',
+      'weui',
+      'zmdi',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bxl',
+      'bxs',
+      'cbi',
+      'cib',
+      'cif',
+      'cil',
+      'eva',
+      'fad',
+      'geo',
+      'gis',
+      'ion',
+      'jam',
+      'map',
+      'mdi',
+      'oui',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'whh',
+      'wpf',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'bi',
+      'bx',
+      'ci',
+      'ei',
+      'el',
+      'ep',
+      'et',
+      'f7',
+      'fa',
+      'fe',
+      'gg',
+      'ic',
+      'il',
+      'la',
+      'ls',
+      'mi',
+      'oi',
+      'ph',
+      'ps',
+      'ri',
+      'vs',
+      'wi',
+      'academicons',
+      'akar-icons',
+      'ant-design',
+      'arcticons',
+      'basil',
+      'bi',
+      'bitcoin-icons',
+      'bpmn',
+      'brandico',
+      'bx',
+      'bxl',
+      'bxs',
+      'bytesize',
+      'carbon',
+      'catppuccin',
+      'cbi',
+      'charm',
+      'ci',
+      'cib',
+      'cif',
+      'cil',
+      'circle-flags',
+      'circum',
+      'clarity',
+      'codicon',
+      'covid',
+      'cryptocurrency',
+      'cryptocurrency-color',
+      'dashicons',
+      'devicon',
+      'devicon-plain',
+      'ei',
+      'el',
+      'emojione',
+      'emojione-monotone',
+      'emojione-v1',
+      'entypo',
+      'entypo-social',
+      'eos-icons',
+      'ep',
+      'et',
+      'eva',
+      'f7',
+      'fa',
+      'fa-brands',
+      'fa-regular',
+      'fa-solid',
+      'fa6-brands',
+      'fa6-regular',
+      'fa6-solid',
+      'fad',
+      'fe',
+      'feather',
+      'file-icons',
+      'flag',
+      'flagpack',
+      'flat-color-icons',
+      'flat-ui',
+      'flowbite',
+      'fluent',
+      'fluent-emoji',
+      'fluent-emoji-flat',
+      'fluent-emoji-high-contrast',
+      'fluent-mdl2',
+      'fontelico',
+      'fontisto',
+      'formkit',
+      'foundation',
+      'fxemoji',
+      'gala',
+      'game-icons',
+      'geo',
+      'gg',
+      'gis',
+      'gravity-ui',
+      'gridicons',
+      'grommet-icons',
+      'guidance',
+      'healthicons',
+      'heroicons',
+      'heroicons-outline',
+      'heroicons-solid',
+      'hugeicons',
+      'humbleicons',
+      'ic',
+      'icomoon-free',
+      'icon-park',
+      'icon-park-outline',
+      'icon-park-solid',
+      'icon-park-twotone',
+      'iconamoon',
+      'iconoir',
+      'icons8',
+      'il',
+      'ion',
+      'iwwa',
+      'jam',
+      'la',
+      'lets-icons',
+      'line-md',
+      'logos',
+      'ls',
+      'lucide',
+      'lucide-lab',
+      'mage',
+      'majesticons',
+      'maki',
+      'map',
+      'marketeq',
+      'material-symbols',
+      'material-symbols-light',
+      'mdi',
+      'mdi-light',
+      'medical-icon',
+      'memory',
+      'meteocons',
+      'mi',
+      'mingcute',
+      'mono-icons',
+      'mynaui',
+      'nimbus',
+      'nonicons',
+      'noto',
+      'noto-v1',
+      'octicon',
+      'oi',
+      'ooui',
+      'openmoji',
+      'oui',
+      'pajamas',
+      'pepicons',
+      'pepicons-pencil',
+      'pepicons-pop',
+      'pepicons-print',
+      'ph',
+      'pixelarticons',
+      'prime',
+      'ps',
+      'quill',
+      'radix-icons',
+      'raphael',
+      'ri',
+      'rivet-icons',
+      'si-glyph',
+      'simple-icons',
+      'simple-line-icons',
+      'skill-icons',
+      'solar',
+      'streamline',
+      'streamline-emojis',
+      'subway',
+      'svg-spinners',
+      'system-uicons',
+      'tabler',
+      'tdesign',
+      'teenyicons',
+      'token',
+      'token-branded',
+      'topcoat',
+      'twemoji',
+      'typcn',
+      'uil',
+      'uim',
+      'uis',
+      'uit',
+      'uiw',
+      'unjs',
+      'vaadin',
+      'vs',
+      'vscode-icons',
+      'websymbol',
+      'weui',
+      'whh',
+      'wi',
+      'wpf',
+      'zmdi',
+      'zondicons'
     ],
     fetchTimeout: 500
   },
   toaster: {
-    position: "bottom-right",
+    position: 'bottom-right',
     expand: true,
     duration: 5000
   }
-})
\ No newline at end of file
+})
diff --git a/src/runtime/components/Accordion.vue b/src/runtime/components/Accordion.vue
index ea76622726..9a307085c7 100644
--- a/src/runtime/components/Accordion.vue
+++ b/src/runtime/components/Accordion.vue
@@ -71,34 +71,35 @@ const ui = computed(() => accordion({
 </script>
 
 <template>
-  <AccordionRoot v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <AccordionRoot v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <AccordionItem
       v-for="(item, index) in items"
       v-slot="{ open }"
       :key="index"
       :value="item.value || String(index)"
       :disabled="item.disabled"
+      data-slot="item"
       :class="ui.item({ class: props.ui?.item })"
     >
-      <AccordionHeader :class="ui.header({ class: props.ui?.header })">
-        <AccordionTrigger :class="ui.trigger({ class: props.ui?.trigger, disabled: item.disabled })">
+      <AccordionHeader data-slot="header" :class="ui.header({ class: props.ui?.header })">
+        <AccordionTrigger data-slot="trigger" :class="ui.trigger({ class: props.ui?.trigger, disabled: item.disabled })">
           <slot name="leading" :item="item" :index="index" :open="open">
-            <UIcon v-if="item.icon" :name="item.icon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+            <UIcon v-if="item.icon" :name="item.icon" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
           </slot>
 
-          <span v-if="item.label || !!slots.default" :class="ui.label({ class: props.ui?.label })">
+          <span v-if="item.label || !!slots.default" data-slot="label" :class="ui.label({ class: props.ui?.label })">
             <slot :item="item" :index="index" :open="open">{{ item.label }}</slot>
           </span>
 
           <slot name="trailing" :item="item" :index="index" :open="open">
-            <UIcon :name="item.trailingIcon || trailingIcon || appConfig.ui.icons.chevronDown" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+            <UIcon :name="item.trailingIcon || trailingIcon || appConfig.ui.icons.chevronDown" data-slot="trailingIcon" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
           </slot>
         </AccordionTrigger>
       </AccordionHeader>
 
-      <AccordionContent v-if="item.content || !!slots.content || (item.slot && !!slots[item.slot]) || !!slots.body || (item.slot && !!slots[`${item.slot}-body`])" :class="ui.content({ class: props.ui?.content })">
+      <AccordionContent v-if="item.content || !!slots.content || (item.slot && !!slots[item.slot]) || !!slots.body || (item.slot && !!slots[`${item.slot}-body`])" data-slot="content" :class="ui.content({ class: props.ui?.content })">
         <slot :name="item.slot || 'content'" :item="item" :index="index" :open="open">
-          <div :class="ui.body({ class: props.ui?.body })">
+          <div data-slot="body" :class="ui.body({ class: props.ui?.body })">
             <slot :name="item.slot ? `${item.slot}-body`: 'body'" :item="item" :index="index" :open="open">
               {{ item.content }}
             </slot>
diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue
index b627b1b669..e8b7f3cec6 100644
--- a/src/runtime/components/Alert.vue
+++ b/src/runtime/components/Alert.vue
@@ -80,32 +80,32 @@ const ui = computed(() => alert({
 </script>
 
 <template>
-  <Primitive :as="as" :class="ui.root({ class: [props.class, props.ui?.root], multiline })">
+  <Primitive :as="as" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root], multiline })">
     <slot name="leading">
-      <UAvatar v-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
-      <UIcon v-else-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
+      <UAvatar v-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" data-slot="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
+      <UIcon v-else-if="icon" :name="icon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
     </slot>
 
-    <div :class="ui.wrapper({ class: props.ui?.wrapper })">
-      <div v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
+    <div data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
+      <div v-if="title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
         <slot name="title">
           {{ title }}
         </slot>
       </div>
-      <div v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+      <div v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description">
           {{ description }}
         </slot>
       </div>
 
-      <div v-if="multiline && actions?.length" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
+      <div v-if="multiline && actions?.length" data-slot="actions" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
         <slot name="actions">
           <UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
         </slot>
       </div>
     </div>
 
-    <div v-if="(!multiline && actions?.length) || close" :class="ui.actions({ class: props.ui?.actions, multiline: false })">
+    <div v-if="(!multiline && actions?.length) || close" data-slot="actions" :class="ui.actions({ class: props.ui?.actions, multiline: false })">
       <template v-if="!multiline">
         <slot name="actions">
           <UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
@@ -121,6 +121,7 @@ const ui = computed(() => alert({
           variant="link"
           aria-label="Close"
           v-bind="typeof close === 'object' ? close : undefined"
+          data-slot="close"
           :class="ui.close({ class: props.ui?.close })"
           @click="emits('close')"
         />
diff --git a/src/runtime/components/Avatar.vue b/src/runtime/components/Avatar.vue
index 041660a1f0..9962e4a2ab 100644
--- a/src/runtime/components/Avatar.vue
+++ b/src/runtime/components/Avatar.vue
@@ -51,19 +51,20 @@ const ui = computed(() => avatar({
 </script>
 
 <template>
-  <AvatarRoot :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <AvatarRoot data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <AvatarImage
       v-if="src"
       :as="as"
       :src="src"
       :alt="alt"
       v-bind="$attrs"
+      data-slot="image"
       :class="ui.image({ class: props.ui?.image })"
     />
 
     <AvatarFallback as-child v-bind="fallbackProps">
-      <UIcon v-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
-      <span v-else :class="ui.fallback({ class: props.ui?.fallback })">{{ fallback }}</span>
+      <UIcon v-if="icon" :name="icon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
+      <span v-else data-slot="fallback" :class="ui.fallback({ class: props.ui?.fallback })">{{ fallback }}</span>
     </AvatarFallback>
   </AvatarRoot>
 </template>
diff --git a/src/runtime/components/AvatarGroup.vue b/src/runtime/components/AvatarGroup.vue
index 992fa6942f..520634bd05 100644
--- a/src/runtime/components/AvatarGroup.vue
+++ b/src/runtime/components/AvatarGroup.vue
@@ -91,8 +91,8 @@ provide(avatarGroupInjectionKey, computed(() => ({
 </script>
 
 <template>
-  <Primitive :as="as" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <UAvatar v-if="hiddenCount > 0" :text="`+${hiddenCount}`" :class="ui.base({ class: props.ui?.base })" />
-    <component :is="avatar" v-for="(avatar, count) in visibleAvatars" :key="count" :class="ui.base({ class: props.ui?.base })" />
+  <Primitive :as="as" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <UAvatar v-if="hiddenCount > 0" :text="`+${hiddenCount}`" data-slot="base" :class="ui.base({ class: props.ui?.base })" />
+    <component :is="avatar" v-for="(avatar, count) in visibleAvatars" :key="count" data-slot="base" :class="ui.base({ class: props.ui?.base })" />
   </Primitive>
 </template>
diff --git a/src/runtime/components/Breadcrumb.vue b/src/runtime/components/Breadcrumb.vue
index 5981e2fe9c..bafdf15f6c 100644
--- a/src/runtime/components/Breadcrumb.vue
+++ b/src/runtime/components/Breadcrumb.vue
@@ -63,19 +63,19 @@ const ui = breadcrumb()
 </script>
 
 <template>
-  <Primitive :as="as" aria-label="breadcrumb" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <ol :class="ui.list({ class: props.ui?.list })">
+  <Primitive :as="as" aria-label="breadcrumb" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <ol data-slot="list" :class="ui.list({ class: props.ui?.list })">
       <template v-for="(item, index) in items" :key="index">
-        <li :class="ui.item({ class: props.ui?.item })">
+        <li data-slot="item" :class="ui.item({ class: props.ui?.item })">
           <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item)" custom>
-            <ULinkBase v-bind="slotProps" as="span" :aria-current="active && (index === items!.length - 1) ? 'page' : undefined" :class="ui.link({ class: [props.ui?.link, item.class], active: index === items!.length - 1, disabled: !!item.disabled, to: !!item.to })">
+            <ULinkBase v-bind="slotProps" as="span" :aria-current="active && (index === items!.length - 1) ? 'page' : undefined" data-slot="link" :class="ui.link({ class: [props.ui?.link, item.class], active: index === items!.length - 1, disabled: !!item.disabled, to: !!item.to })">
               <slot :name="item.slot || 'item'" :item="item" :index="index">
                 <slot :name="item.slot ? `${item.slot}-leading`: 'item-leading'" :item="item" :active="index === items!.length - 1" :index="index">
-                  <UAvatar v-if="item.avatar" :size="((props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.linkLeadingAvatar({ class: props.ui?.linkLeadingAvatar, active: index === items!.length - 1 })" />
-                  <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon, active: index === items!.length - 1 })" />
+                  <UAvatar v-if="item.avatar" :size="((props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="linkLeadingAvatar" :class="ui.linkLeadingAvatar({ class: props.ui?.linkLeadingAvatar, active: index === items!.length - 1 })" />
+                  <UIcon v-else-if="item.icon" :name="item.icon" data-slot="linkLeadingIcon" :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon, active: index === items!.length - 1 })" />
                 </slot>
 
-                <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" :class="ui.linkLabel({ class: props.ui?.linkLabel })">
+                <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" data-slot="linkLabel" :class="ui.linkLabel({ class: props.ui?.linkLabel })">
                   <slot :name="item.slot ? `${item.slot}-label`: 'item-label'" :item="item" :active="index === items!.length - 1" :index="index">
                     {{ item.label }}
                   </slot>
@@ -87,9 +87,9 @@ const ui = breadcrumb()
           </ULink>
         </li>
 
-        <li v-if="index < items!.length - 1" role="presentation" :class="ui.separator({ class: props.ui?.separator })">
+        <li v-if="index < items!.length - 1" role="presentation" data-slot="separator" :class="ui.separator({ class: props.ui?.separator })">
           <slot name="separator">
-            <UIcon :name="separatorIcon || appConfig.ui.icons.chevronRight" :class="ui.separatorIcon({ class: props.ui?.separatorIcon })" />
+            <UIcon :name="separatorIcon || appConfig.ui.icons.chevronRight" data-slot="separatorIcon" :class="ui.separatorIcon({ class: props.ui?.separatorIcon })" />
           </slot>
         </li>
       </template>
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index 63c3448ac3..e6ec5928b1 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -7,13 +7,17 @@ import type { LinkProps } from './Link.vue'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { PartialString } from '../types/utils'
 
-const appConfig = _appConfig as AppConfig & { ui: { button: Partial<typeof theme> } }
+const appConfig = _appConfig as AppConfig & {
+  ui: { button: Partial<typeof theme> }
+}
 
 const button = tv({ extend: tv(theme), ...(appConfig.ui?.button || {}) })
 
 type ButtonVariants = VariantProps<typeof button>
 
-export interface ButtonProps extends UseComponentIconsProps, Omit<LinkProps, 'raw' | 'custom'> {
+export interface ButtonProps
+  extends UseComponentIconsProps,
+  Omit<LinkProps, 'raw' | 'custom'> {
   label?: string
   color?: ButtonVariants['color']
   variant?: ButtonVariants['variant']
@@ -48,19 +52,22 @@ const slots = defineSlots<ButtonSlots>()
 const linkProps = useForwardProps(pickLinkProps(props))
 
 const { orientation, size: buttonSize } = useButtonGroup<ButtonProps>(props)
-const { isLeading, isTrailing, leadingIconName, trailingIconName } = useComponentIcons(props)
+const { isLeading, isTrailing, leadingIconName, trailingIconName }
+  = useComponentIcons(props)
 
-const ui = computed(() => button({
-  color: props.color,
-  variant: props.variant,
-  size: buttonSize.value,
-  loading: props.loading,
-  block: props.block,
-  square: props.square || (!slots.default && !props.label),
-  leading: isLeading.value,
-  trailing: isTrailing.value,
-  buttonGroup: orientation.value
-}))
+const ui = computed(() =>
+  button({
+    color: props.color,
+    variant: props.variant,
+    size: buttonSize.value,
+    loading: props.loading,
+    block: props.block,
+    square: props.square || (!slots.default && !props.label),
+    leading: isLeading.value,
+    trailing: isTrailing.value,
+    buttonGroup: orientation.value
+  })
+)
 </script>
 
 <template>
@@ -73,17 +80,31 @@ const ui = computed(() => button({
     data-slot="base"
   >
     <slot name="leading">
-      <UIcon v-if="isLeading && leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" data-slot="leadingIcon" />
+      <UIcon
+        v-if="isLeading && leadingIconName"
+        :name="leadingIconName"
+        :class="ui.leadingIcon({ class: props.ui?.leadingIcon })"
+        data-slot="leadingIcon"
+      />
     </slot>
 
     <slot>
-      <span v-if="label" :class="ui.label({ class: props.ui?.label })" data-slot="label">
+      <span
+        v-if="label"
+        :class="ui.label({ class: props.ui?.label })"
+        data-slot="label"
+      >
         {{ label }}
       </span>
     </slot>
 
     <slot name="trailing">
-      <UIcon v-if="isTrailing && trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" data-slot="trailingIcon" />
+      <UIcon
+        v-if="isTrailing && trailingIconName"
+        :name="trailingIconName"
+        :class="ui.trailingIcon({ class: props.ui?.trailingIcon })"
+        data-slot="trailingIcon"
+      />
     </slot>
   </ULink>
 </template>
diff --git a/src/runtime/components/Card.vue b/src/runtime/components/Card.vue
index c0b44d8694..6955cd3d3a 100644
--- a/src/runtime/components/Card.vue
+++ b/src/runtime/components/Card.vue
@@ -36,16 +36,16 @@ const ui = card()
 </script>
 
 <template>
-  <Primitive :as="as" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div v-if="!!slots.header" :class="ui.header({ class: props.ui?.header })">
+  <Primitive :as="as" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div v-if="!!slots.header" data-slot="header" :class="ui.header({ class: props.ui?.header })">
       <slot name="header" />
     </div>
 
-    <div v-if="!!slots.default" :class="ui.body({ class: props.ui?.body })">
+    <div v-if="!!slots.default" data-slot="body" :class="ui.body({ class: props.ui?.body })">
       <slot />
     </div>
 
-    <div v-if="!!slots.footer" :class="ui.footer({ class: props.ui?.footer })">
+    <div v-if="!!slots.footer" data-slot="footer" :class="ui.footer({ class: props.ui?.footer })">
       <slot name="footer" />
     </div>
   </Primitive>
diff --git a/src/runtime/components/Checkbox.vue b/src/runtime/components/Checkbox.vue
index a3c447e8b6..46967cb0b3 100644
--- a/src/runtime/components/Checkbox.vue
+++ b/src/runtime/components/Checkbox.vue
@@ -93,8 +93,8 @@ function onUpdate(value: any) {
 </script>
 
 <template>
-  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div :class="ui.container({ class: props.ui?.container })">
+  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
       <CheckboxRoot
         :id="id"
         v-model:checked="checked"
@@ -102,23 +102,24 @@ function onUpdate(value: any) {
         v-bind="rootProps"
         :name="name"
         :disabled="disabled"
+        data-slot="base"
         :class="ui.base({ class: props.ui?.base })"
         @update:checked="onUpdate"
       >
         <CheckboxIndicator as-child>
-          <UIcon v-if="indeterminate" :name="indeterminateIcon || appConfig.ui.icons.minus" :class="ui.icon({ class: props.ui?.icon })" />
-          <UIcon v-else :name="icon || appConfig.ui.icons.check" :class="ui.icon({ class: props.ui?.icon })" />
+          <UIcon v-if="indeterminate" :name="indeterminateIcon || appConfig.ui.icons.minus" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
+          <UIcon v-else :name="icon || appConfig.ui.icons.check" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
         </CheckboxIndicator>
       </CheckboxRoot>
     </div>
 
-    <div v-if="(label || !!slots.label) || (description || !!slots.description)" :class="ui.wrapper({ class: props.ui?.wrapper })">
-      <Label v-if="label || !!slots.label" :for="id" :class="ui.label({ class: props.ui?.label })">
+    <div v-if="(label || !!slots.label) || (description || !!slots.description)" data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
+      <Label v-if="label || !!slots.label" :for="id" data-slot="label" :class="ui.label({ class: props.ui?.label })">
         <slot name="label" :label="label">
           {{ label }}
         </slot>
       </Label>
-      <p v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+      <p v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description" :description="description">
           {{ description }}
         </slot>
diff --git a/src/runtime/components/Chip.vue b/src/runtime/components/Chip.vue
index 652ad97e2d..3bf87a4e64 100644
--- a/src/runtime/components/Chip.vue
+++ b/src/runtime/components/Chip.vue
@@ -64,10 +64,10 @@ const ui = computed(() => chip({
 </script>
 
 <template>
-  <Primitive :as="as" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <Primitive :as="as" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <slot />
 
-    <span v-if="show" :class="ui.base({ class: props.ui?.base })">
+    <span v-if="show" data-slot="base" :class="ui.base({ class: props.ui?.base })">
       <slot name="content">
         {{ text }}
       </slot>
diff --git a/src/runtime/components/Collapsible.vue b/src/runtime/components/Collapsible.vue
index 94daf0568a..ca1080eafc 100644
--- a/src/runtime/components/Collapsible.vue
+++ b/src/runtime/components/Collapsible.vue
@@ -42,12 +42,12 @@ const ui = collapsible()
 </script>
 
 <template>
-  <CollapsibleRoot v-slot="{ open }" v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <CollapsibleRoot v-slot="{ open }" v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <CollapsibleTrigger v-if="!!slots.default" as-child>
       <slot :open="open" />
     </CollapsibleTrigger>
 
-    <CollapsibleContent :class="ui.content({ class: props.ui?.content })">
+    <CollapsibleContent data-slot="content" :class="ui.content({ class: props.ui?.content })">
       <slot name="content" />
     </CollapsibleContent>
   </CollapsibleRoot>
diff --git a/src/runtime/components/CommandPalette.vue b/src/runtime/components/CommandPalette.vue
index 1cc4f37def..8204a1580b 100644
--- a/src/runtime/components/CommandPalette.vue
+++ b/src/runtime/components/CommandPalette.vue
@@ -207,7 +207,7 @@ const groups = computed(() => {
 
 <!-- eslint-disable vue/no-v-html -->
 <template>
-  <ComboboxRoot v-bind="rootProps" v-model:search-term="searchTerm" open :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <ComboboxRoot v-bind="rootProps" v-model:search-term="searchTerm" open data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <ComboboxInput as-child>
       <UInput
         variant="none"
@@ -215,6 +215,7 @@ const groups = computed(() => {
         size="lg"
         v-bind="inputProps"
         :icon="icon || appConfig.ui.icons.search"
+        data-slot="input"
         :class="ui.input({ class: props.ui?.input })"
       >
         <template v-if="close || !!slots.close" #trailing>
@@ -227,6 +228,7 @@ const groups = computed(() => {
               variant="ghost"
               aria-label="Close"
               v-bind="typeof close === 'object' ? close : undefined"
+              data-slot="close"
               :class="ui.close({ class: props.ui?.close })"
               @click="emits('update:open', false)"
             />
@@ -236,16 +238,16 @@ const groups = computed(() => {
     </ComboboxInput>
 
     <ComboboxPortal disabled>
-      <ComboboxContent :class="ui.content({ class: props.ui?.content })" :dismissable="false">
-        <ComboboxEmpty :class="ui.empty({ class: props.ui?.empty })">
+      <ComboboxContent data-slot="content" :class="ui.content({ class: props.ui?.content })" :dismissable="false">
+        <ComboboxEmpty data-slot="empty" :class="ui.empty({ class: props.ui?.empty })">
           <slot name="empty" :search-term="searchTerm">
             {{ searchTerm ? `No results for ${searchTerm}` : 'No results' }}
           </slot>
         </ComboboxEmpty>
 
-        <ComboboxViewport :class="ui.viewport({ class: props.ui?.viewport })">
-          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: props.ui?.group })">
-            <ComboboxLabel v-if="group.label" :class="ui.label({ class: props.ui?.label })">
+        <ComboboxViewport data-slot="viewport" :class="ui.viewport({ class: props.ui?.viewport })">
+          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: props.ui?.group })">
+            <ComboboxLabel v-if="group.label" data-slot="label" :class="ui.label({ class: props.ui?.label })">
               {{ group.label }}
             </ComboboxLabel>
 
@@ -254,43 +256,45 @@ const groups = computed(() => {
               :key="`group-${groupIndex}-${index}`"
               :value="omit(item, ['matches' as any, 'group' as any, 'select', 'labelHtml', 'suffixHtml'])"
               :disabled="item.disabled"
+              data-slot="item"
               :class="ui.item({ class: props.ui?.item })"
               @select="item.select"
             >
               <slot :name="item.slot || group.slot || 'item'" :item="item" :index="index">
                 <slot :name="item.slot ? `${item.slot}-leading` : group.slot ? `${group.slot}-leading` : `item-leading`" :item="item" :index="index">
-                  <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
-                  <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
+                  <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
+                  <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
                   <UChip
                     v-else-if="item.chip"
                     :size="((props.ui?.itemLeadingChipSize || ui.itemLeadingChipSize()) as ChipProps['size'])"
                     inset
                     standalone
                     v-bind="item.chip"
+                    data-slot="itemLeadingChip"
                     :class="ui.itemLeadingChip({ class: props.ui?.itemLeadingChip })"
                   />
                 </slot>
 
-                <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label` : group.slot ? `${group.slot}-label` : `item-label`]" :class="ui.itemLabel({ class: props.ui?.itemLabel })">
+                <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label` : group.slot ? `${group.slot}-label` : `item-label`]" data-slot="itemLabel" :class="ui.itemLabel({ class: props.ui?.itemLabel })">
                   <slot :name="item.slot ? `${item.slot}-label` : group.slot ? `${group.slot}-label` : `item-label`" :item="item" :index="index">
-                    <span v-if="item.prefix" :class="ui.itemLabelPrefix({ class: props.ui?.itemLabelPrefix })">{{ item.prefix }}</span>
+                    <span v-if="item.prefix" data-slot="itemLabelPrefix" :class="ui.itemLabelPrefix({ class: props.ui?.itemLabelPrefix })">{{ item.prefix }}</span>
 
-                    <span :class="ui.itemLabelBase({ class: props.ui?.itemLabelBase })" v-html="item.labelHtml || item.label" />
+                    <span data-slot="itemLabelBase" :class="ui.itemLabelBase({ class: props.ui?.itemLabelBase })" v-html="item.labelHtml || item.label" />
 
-                    <span :class="ui.itemLabelSuffix({ class: props.ui?.itemLabelSuffix })" v-html="item.suffixHtml || item.suffix" />
+                    <span data-slot="itemLabelSuffix" :class="ui.itemLabelSuffix({ class: props.ui?.itemLabelSuffix })" v-html="item.suffixHtml || item.suffix" />
                   </slot>
                 </span>
 
-                <span :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
+                <span data-slot="itemTrailing" :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
                   <slot :name="item.slot ? `${item.slot}-trailing` : group.slot ? `${group.slot}-trailing` : `item-trailing`" :item="item" :index="index">
-                    <span v-if="item.kbds?.length" :class="ui.itemTrailingKbds({ class: props.ui?.itemTrailingKbds })">
+                    <span v-if="item.kbds?.length" data-slot="itemTrailingKbds" :class="ui.itemTrailingKbds({ class: props.ui?.itemTrailingKbds })">
                       <UKbd v-for="(kbd, kbdIndex) in item.kbds" :key="kbdIndex" :size="((props.ui?.itemTrailingKbdsSize || ui.itemTrailingKbdsSize()) as KbdProps['size'])" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
                     </span>
-                    <UIcon v-else-if="group.highlightedIcon" :name="group.highlightedIcon" :class="ui.itemTrailingHighlightedIcon({ class: props.ui?.itemTrailingHighlightedIcon })" />
+                    <UIcon v-else-if="group.highlightedIcon" :name="group.highlightedIcon" data-slot="itemTrailingHighlightedIcon" :class="ui.itemTrailingHighlightedIcon({ class: props.ui?.itemTrailingHighlightedIcon })" />
                   </slot>
 
                   <ComboboxItemIndicator as-child>
-                    <UIcon :name="selectedIcon || appConfig.ui.icons.check" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
+                    <UIcon :name="selectedIcon || appConfig.ui.icons.check" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
                   </ComboboxItemIndicator>
                 </span>
               </slot>
diff --git a/src/runtime/components/ContextMenu.vue b/src/runtime/components/ContextMenu.vue
index 525d0ad2c0..fc8644829e 100644
--- a/src/runtime/components/ContextMenu.vue
+++ b/src/runtime/components/ContextMenu.vue
@@ -88,6 +88,7 @@ const ui = computed(() => contextMenu({
     </ContextMenuTrigger>
 
     <UContextMenuContent
+      data-slot="content"
       :class="ui.content({ class: [props.class, props.ui?.content] })"
       :ui="ui"
       :ui-override="props.ui"
diff --git a/src/runtime/components/ContextMenuContent.vue b/src/runtime/components/ContextMenuContent.vue
index fabb863e4b..749275132c 100644
--- a/src/runtime/components/ContextMenuContent.vue
+++ b/src/runtime/components/ContextMenuContent.vue
@@ -49,22 +49,22 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
   <DefineItemTemplate v-slot="{ item, active, index }">
     <slot :name="item.slot || 'item'" :item="(item as T)" :index="index">
       <slot :name="item.slot ? `${item.slot}-leading`: 'item-leading'" :item="(item as T)" :active="active" :index="index">
-        <UAvatar v-if="item.avatar" :size="((props.uiOverride?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: uiOverride?.itemLeadingAvatar, active })" />
-        <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: uiOverride?.itemLeadingIcon, active })" />
+        <UAvatar v-if="item.avatar" :size="((props.uiOverride?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: uiOverride?.itemLeadingAvatar, active })" />
+        <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: uiOverride?.itemLeadingIcon, active })" />
       </slot>
 
-      <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" :class="ui.itemLabel({ class: uiOverride?.itemLabel, active })">
+      <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" data-slot="itemLabel" :class="ui.itemLabel({ class: uiOverride?.itemLabel, active })">
         <slot :name="item.slot ? `${item.slot}-label`: 'item-label'" :item="(item as T)" :active="active" :index="index">
           {{ item.label }}
         </slot>
 
-        <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" :class="ui.itemLabelExternalIcon({ class: uiOverride?.itemLabelExternalIcon, active })" />
+        <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" data-slot="itemLabelExternalIcon" :class="ui.itemLabelExternalIcon({ class: uiOverride?.itemLabelExternalIcon, active })" />
       </span>
 
-      <span v-if="item.children?.length || item.kbds?.length || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" :class="ui.itemTrailing({ class: uiOverride?.itemTrailing })">
+      <span v-if="item.children?.length || item.kbds?.length || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" data-slot="itemTrailing" :class="ui.itemTrailing({ class: uiOverride?.itemTrailing })">
         <slot :name="item.slot ? `${item.slot}-trailing`: 'item-trailing'" :item="(item as T)" :active="active" :index="index">
-          <UIcon v-if="item.children?.length" :name="appConfig.ui.icons.chevronRight" :class="ui.itemTrailingIcon({ class: uiOverride?.itemTrailingIcon, active })" />
-          <span v-else-if="item.kbds?.length" :class="ui.itemTrailingKbds({ class: uiOverride?.itemTrailingKbds })">
+          <UIcon v-if="item.children?.length" :name="appConfig.ui.icons.chevronRight" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: uiOverride?.itemTrailingIcon, active })" />
+          <span v-else-if="item.kbds?.length" data-slot="itemTrailingKbds" :class="ui.itemTrailingKbds({ class: uiOverride?.itemTrailingKbds })">
             <UKbd v-for="(kbd, kbdIndex) in item.kbds" :key="kbdIndex" :size="((props.uiOverride?.itemTrailingKbdsSize || ui.itemTrailingKbdsSize()) as KbdProps['size'])" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
           </span>
         </slot>
@@ -74,18 +74,19 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
 
   <ContextMenu.Portal :disabled="!portal">
     <component :is="sub ? ContextMenu.SubContent : ContextMenu.Content" :class="props.class" v-bind="contentProps">
-      <ContextMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: uiOverride?.group })">
+      <ContextMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: uiOverride?.group })">
         <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-          <ContextMenu.Label v-if="item.type === 'label'" :class="ui.label({ class: uiOverride?.label })">
+          <ContextMenu.Label v-if="item.type === 'label'" data-slot="label" :class="ui.label({ class: uiOverride?.label })">
             <ReuseItemTemplate :item="item" :index="index" />
           </ContextMenu.Label>
-          <ContextMenu.Separator v-else-if="item.type === 'separator'" :class="ui.separator({ class: uiOverride?.separator })" />
+          <ContextMenu.Separator v-else-if="item.type === 'separator'" data-slot="separator" :class="ui.separator({ class: uiOverride?.separator })" />
           <ContextMenu.Sub v-else-if="item?.children?.length" :open="item.open" :default-open="item.defaultOpen">
             <ContextMenu.SubTrigger
               as="button"
               type="button"
               :disabled="item.disabled"
               :text-value="item.label"
+              data-slot="item"
               :class="ui.item({ class: uiOverride?.item })"
             >
               <ReuseItemTemplate :item="item" :index="index" />
@@ -108,7 +109,7 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
           </ContextMenu.Sub>
           <ContextMenu.Item v-else as-child :disabled="item.disabled" :text-value="item.label" @select="item.select">
             <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item as Omit<ContextMenuItem, 'type'>)" custom>
-              <ULinkBase v-bind="slotProps" :class="ui.item({ class: [uiOverride?.item, item.class], active })">
+              <ULinkBase v-bind="slotProps" data-slot="item" :class="ui.item({ class: [uiOverride?.item, item.class], active })">
                 <ReuseItemTemplate :item="item" :active="active" :index="index" />
               </ULinkBase>
             </ULink>
diff --git a/src/runtime/components/Drawer.vue b/src/runtime/components/Drawer.vue
index 501420b688..7b62f411e5 100644
--- a/src/runtime/components/Drawer.vue
+++ b/src/runtime/components/Drawer.vue
@@ -75,24 +75,24 @@ const ui = drawer()
     </DrawerTrigger>
 
     <DrawerPortal :disabled="!portal">
-      <DrawerOverlay v-if="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
+      <DrawerOverlay v-if="overlay" data-slot="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
 
-      <DrawerContent :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps">
+      <DrawerContent data-slot="content" :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps">
         <slot name="handle">
-          <div :class="ui.handle({ class: props.ui?.handle })" />
+          <div data-slot="handle" :class="ui.handle({ class: props.ui?.handle })" />
         </slot>
 
         <slot name="content">
-          <div :class="ui.container({ class: props.ui?.container })">
-            <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description)" :class="ui.header({ class: props.ui?.header })">
+          <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
+            <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description)" data-slot="header" :class="ui.header({ class: props.ui?.header })">
               <slot name="header">
-                <DrawerTitle v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
+                <DrawerTitle v-if="title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
                   <slot name="title">
                     {{ title }}
                   </slot>
                 </DrawerTitle>
 
-                <DrawerDescription v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+                <DrawerDescription v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
                   <slot name="description">
                     {{ description }}
                   </slot>
@@ -100,11 +100,11 @@ const ui = drawer()
               </slot>
             </div>
 
-            <div v-if="!!slots.body" :class="ui.body({ class: props.ui?.body })">
+            <div v-if="!!slots.body" data-slot="body" :class="ui.body({ class: props.ui?.body })">
               <slot name="body" />
             </div>
 
-            <div v-if="!!slots.footer" :class="ui.footer({ class: props.ui?.footer })">
+            <div v-if="!!slots.footer" data-slot="footer" :class="ui.footer({ class: props.ui?.footer })">
               <slot name="footer" />
             </div>
           </div>
diff --git a/src/runtime/components/DropdownMenu.vue b/src/runtime/components/DropdownMenu.vue
index 1088b7d33d..92dff18667 100644
--- a/src/runtime/components/DropdownMenu.vue
+++ b/src/runtime/components/DropdownMenu.vue
@@ -98,6 +98,7 @@ const ui = computed(() => dropdownMenu({
     </DropdownMenuTrigger>
 
     <UDropdownMenuContent
+      data-slot="content"
       :class="ui.content({ class: [props.class, props.ui?.content] })"
       :ui="ui"
       :ui-override="props.ui"
@@ -109,7 +110,7 @@ const ui = computed(() => dropdownMenu({
         <slot :name="name" v-bind="slotData" />
       </template>
 
-      <DropdownMenuArrow v-if="!!arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" />
+      <DropdownMenuArrow v-if="!!arrow" v-bind="arrowProps" data-slot="arrow" :class="ui.arrow({ class: props.ui?.arrow })" />
     </UDropdownMenuContent>
   </DropdownMenuRoot>
 </template>
diff --git a/src/runtime/components/DropdownMenuContent.vue b/src/runtime/components/DropdownMenuContent.vue
index b055209ed7..9db54e3a88 100644
--- a/src/runtime/components/DropdownMenuContent.vue
+++ b/src/runtime/components/DropdownMenuContent.vue
@@ -53,22 +53,22 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
   <DefineItemTemplate v-slot="{ item, active, index }">
     <slot :name="item.slot || 'item'" :item="(item as T)" :index="index">
       <slot :name="item.slot ? `${item.slot}-leading`: 'item-leading'" :item="(item as T)" :active="active" :index="index">
-        <UAvatar v-if="item.avatar" :size="((props.uiOverride?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: uiOverride?.itemLeadingAvatar, active })" />
-        <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: uiOverride?.itemLeadingIcon, active })" />
+        <UAvatar v-if="item.avatar" :size="((props.uiOverride?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: uiOverride?.itemLeadingAvatar, active })" />
+        <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: uiOverride?.itemLeadingIcon, active })" />
       </slot>
 
-      <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" :class="ui.itemLabel({ class: uiOverride?.itemLabel, active })">
+      <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" data-slot="itemLabel" :class="ui.itemLabel({ class: uiOverride?.itemLabel, active })">
         <slot :name="item.slot ? `${item.slot}-label`: 'item-label'" :item="(item as T)" :active="active" :index="index">
           {{ item.label }}
         </slot>
 
-        <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" :class="ui.itemLabelExternalIcon({ class: uiOverride?.itemLabelExternalIcon, active })" />
+        <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" data-slot="itemLabelExternalIcon" :class="ui.itemLabelExternalIcon({ class: uiOverride?.itemLabelExternalIcon, active })" />
       </span>
 
-      <span v-if="item.children?.length || item.kbds?.length || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" :class="ui.itemTrailing({ class: uiOverride?.itemTrailing })">
+      <span v-if="item.children?.length || item.kbds?.length || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" data-slot="itemTrailing" :class="ui.itemTrailing({ class: uiOverride?.itemTrailing })">
         <slot :name="item.slot ? `${item.slot}-trailing`: 'item-trailing'" :item="(item as T)" :active="active" :index="index">
-          <UIcon v-if="item.children?.length" :name="appConfig.ui.icons.chevronRight" :class="ui.itemTrailingIcon({ class: uiOverride?.itemTrailingIcon, active })" />
-          <span v-else-if="item.kbds?.length" :class="ui.itemTrailingKbds({ class: uiOverride?.itemTrailingKbds })">
+          <UIcon v-if="item.children?.length" :name="appConfig.ui.icons.chevronRight" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: uiOverride?.itemTrailingIcon, active })" />
+          <span v-else-if="item.kbds?.length" data-slot="itemTrailingKbds" :class="ui.itemTrailingKbds({ class: uiOverride?.itemTrailingKbds })">
             <UKbd v-for="(kbd, kbdIndex) in item.kbds" :key="kbdIndex" :size="((props.uiOverride?.itemTrailingKbdsSize || ui.itemTrailingKbdsSize()) as KbdProps['size'])" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
           </span>
         </slot>
@@ -78,18 +78,19 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
 
   <DropdownMenu.Portal :disabled="!portal">
     <component :is="sub ? DropdownMenu.SubContent : DropdownMenu.Content" :class="props.class" v-bind="contentProps">
-      <DropdownMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: uiOverride?.group })">
+      <DropdownMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: uiOverride?.group })">
         <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-          <DropdownMenu.Label v-if="item.type === 'label'" :class="ui.label({ class: uiOverride?.label })">
+          <DropdownMenu.Label v-if="item.type === 'label'" data-slot="label" :class="ui.label({ class: uiOverride?.label })">
             <ReuseItemTemplate :item="item" :index="index" />
           </DropdownMenu.Label>
-          <DropdownMenu.Separator v-else-if="item.type === 'separator'" :class="ui.separator({ class: uiOverride?.separator })" />
+          <DropdownMenu.Separator v-else-if="item.type === 'separator'" data-slot="separator" :class="ui.separator({ class: uiOverride?.separator })" />
           <DropdownMenu.Sub v-else-if="item?.children?.length" :open="item.open" :default-open="item.defaultOpen">
             <DropdownMenu.SubTrigger
               as="button"
               type="button"
               :disabled="item.disabled"
               :text-value="item.label"
+              data-slot="item"
               :class="ui.item({ class: uiOverride?.item })"
             >
               <ReuseItemTemplate :item="item" :index="index" />
@@ -115,7 +116,7 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
           </DropdownMenu.Sub>
           <DropdownMenu.Item v-else as-child :disabled="item.disabled" :text-value="item.label" @select="item.select">
             <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item as Omit<DropdownMenuItem, 'type'>)" custom>
-              <ULinkBase v-bind="slotProps" :class="ui.item({ class: [uiOverride?.item, item.class], active })">
+              <ULinkBase v-bind="slotProps" data-slot="item" :class="ui.item({ class: [uiOverride?.item, item.class], active })">
                 <ReuseItemTemplate :item="item" :active="active" :index="index" />
               </ULinkBase>
             </ULink>
diff --git a/src/runtime/components/FormField.vue b/src/runtime/components/FormField.vue
index 1d682f1cd0..99af9507cd 100644
--- a/src/runtime/components/FormField.vue
+++ b/src/runtime/components/FormField.vue
@@ -67,22 +67,22 @@ provide(formFieldInjectionKey, computed(() => ({
 </script>
 
 <template>
-  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div :class="ui.wrapper({ class: props.ui?.wrapper })">
-      <div v-if="label || !!slots.label" :class="ui.labelWrapper({ class: props.ui?.labelWrapper })">
-        <Label :for="id" :class="ui.label({ class: props.ui?.label })">
+  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
+      <div v-if="label || !!slots.label" data-slot="labelWrapper" :class="ui.labelWrapper({ class: props.ui?.labelWrapper })">
+        <Label :for="id" data-slot="label" :class="ui.label({ class: props.ui?.label })">
           <slot name="label" :label="label">
             {{ label }}
           </slot>
         </Label>
-        <span v-if="hint || !!slots.hint" :class="ui.hint({ class: props.ui?.hint })">
+        <span v-if="hint || !!slots.hint" data-slot="hint" :class="ui.hint({ class: props.ui?.hint })">
           <slot name="hint" :hint="hint">
             {{ hint }}
           </slot>
         </span>
       </div>
 
-      <p v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+      <p v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description" :description="description">
           {{ description }}
         </slot>
@@ -92,12 +92,12 @@ provide(formFieldInjectionKey, computed(() => ({
     <div :class="[label && ui.container({ class: props.ui?.container })]">
       <slot :error="error" />
 
-      <p v-if="(typeof error === 'string' && error) || !!slots.error" :class="ui.error({ class: props.ui?.error })">
+      <p v-if="(typeof error === 'string' && error) || !!slots.error" data-slot="error" :class="ui.error({ class: props.ui?.error })">
         <slot name="error" :error="error">
           {{ error }}
         </slot>
       </p>
-      <p v-else-if="help || !!slots.help" :class="ui.help({ class: props.ui?.help })">
+      <p v-else-if="help || !!slots.help" data-slot="help" :class="ui.help({ class: props.ui?.help })">
         <slot name="help" :help="help">
           {{ help }}
         </slot>
diff --git a/src/runtime/components/Input.vue b/src/runtime/components/Input.vue
index cbcded4f97..830d1423a3 100644
--- a/src/runtime/components/Input.vue
+++ b/src/runtime/components/Input.vue
@@ -145,7 +145,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <input
       :id="id"
       ref="inputRef"
@@ -153,6 +153,7 @@ onMounted(() => {
       :value="modelValue"
       :name="name"
       :placeholder="placeholder"
+      data-slot="base"
       :class="ui.base({ class: props.ui?.base })"
       :disabled="disabled"
       :required="required"
@@ -165,15 +166,15 @@ onMounted(() => {
 
     <slot />
 
-    <span v-if="isLeading || !!slots.leading" :class="ui.leading({ class: props.ui?.leading })">
+    <span v-if="isLeading || !!slots.leading" data-slot="leading" :class="ui.leading({ class: props.ui?.leading })">
       <slot name="leading">
-        <UIcon v-if="leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+        <UIcon v-if="leadingIconName" :name="leadingIconName" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
       </slot>
     </span>
 
-    <span v-if="isTrailing || !!slots.trailing" :class="ui.trailing({ class: props.ui?.trailing })">
+    <span v-if="isTrailing || !!slots.trailing" data-slot="trailing" :class="ui.trailing({ class: props.ui?.trailing })">
       <slot name="trailing">
-        <UIcon v-if="trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+        <UIcon v-if="trailingIconName" :name="trailingIconName" data-slot="trailingIcon" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
       </slot>
     </span>
   </div>
diff --git a/src/runtime/components/InputMenu.vue b/src/runtime/components/InputMenu.vue
index 635bad481f..aa0d942e75 100644
--- a/src/runtime/components/InputMenu.vue
+++ b/src/runtime/components/InputMenu.vue
@@ -244,13 +244,14 @@ defineExpose({
     :disabled="disabled"
     :display-value="displayValue"
     :filter-function="filterFunction"
+    data-slot="root"
     :class="ui.root({ class: [props.class, props.ui?.root] })"
     :as-child="!!multiple"
     @update:model-value="onUpdate"
     @update:open="onUpdateOpen"
     @keydown.enter="$event.preventDefault()"
   >
-    <ComboboxAnchor :as-child="!multiple" :class="ui.base({ class: props.ui?.base })">
+    <ComboboxAnchor :as-child="!multiple" data-slot="base" :class="ui.base({ class: props.ui?.base })">
       <TagsInputRoot
         v-if="multiple"
         v-slot="{ modelValue: tags }: { modelValue: AcceptableValue[] }"
@@ -260,16 +261,16 @@ defineExpose({
         as-child
         @blur="onBlur"
       >
-        <TagsInputItem v-for="(item, index) in tags" :key="index" :value="(item as string)" :class="ui.tagsItem({ class: props.ui?.tagsItem })">
-          <TagsInputItemText :class="ui.tagsItemText({ class: props.ui?.tagsItemText })">
+        <TagsInputItem v-for="(item, index) in tags" :key="index" :value="(item as string)" data-slot="tagsItem" :class="ui.tagsItem({ class: props.ui?.tagsItem })">
+          <TagsInputItemText data-slot="tagsItemText" :class="ui.tagsItemText({ class: props.ui?.tagsItemText })">
             <slot name="tags-item-text" :item="(item as T)" :index="index">
               {{ typeof item === 'object' ? item.label : item }}
             </slot>
           </TagsInputItemText>
 
-          <TagsInputItemDelete :class="ui.tagsItemDelete({ class: props.ui?.tagsItemDelete })" :disabled="disabled">
+          <TagsInputItemDelete data-slot="tagsItemDelete" :class="ui.tagsItemDelete({ class: props.ui?.tagsItemDelete })" :disabled="disabled">
             <slot name="tags-item-delete" :item="(item as T)" :index="index">
-              <UIcon :name="deleteIcon || appConfig.ui.icons.close" :class="ui.tagsItemDeleteIcon({ class: props.ui?.tagsItemDeleteIcon })" />
+              <UIcon :name="deleteIcon || appConfig.ui.icons.close" data-slot="tagsItemDeleteIcon" :class="ui.tagsItemDeleteIcon({ class: props.ui?.tagsItemDeleteIcon })" />
             </slot>
           </TagsInputItemDelete>
         </TagsInputItem>
@@ -280,6 +281,7 @@ defineExpose({
             v-bind="$attrs"
             :placeholder="placeholder"
             :required="required"
+            data-slot="tagsInput"
             :class="ui.tagsInput({ class: props.ui?.tagsInput })"
             @keydown.enter.prevent
           />
@@ -293,71 +295,74 @@ defineExpose({
         :type="type"
         :placeholder="placeholder"
         :required="required"
+        data-slot="base"
         :class="ui.base({ class: props.ui?.base })"
         @blur="onBlur"
       />
 
-      <span v-if="isLeading || !!slots.leading" :class="ui.leading({ class: props.ui?.leading })">
+      <span v-if="isLeading || !!slots.leading" data-slot="leading" :class="ui.leading({ class: props.ui?.leading })">
         <slot name="leading" :model-value="(modelValue as T)" :open="open" :ui="ui">
-          <UIcon v-if="leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+          <UIcon v-if="leadingIconName" :name="leadingIconName" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
         </slot>
       </span>
 
-      <ComboboxTrigger v-if="isTrailing || !!slots.trailing" :class="ui.trailing({ class: props.ui?.trailing })">
+      <ComboboxTrigger v-if="isTrailing || !!slots.trailing" data-slot="trailing" :class="ui.trailing({ class: props.ui?.trailing })">
         <slot name="trailing" :model-value="(modelValue as T)" :open="open" :ui="ui">
-          <UIcon v-if="trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+          <UIcon v-if="trailingIconName" :name="trailingIconName" data-slot="trailingIcon" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
         </slot>
       </ComboboxTrigger>
     </ComboboxAnchor>
 
     <ComboboxPortal :disabled="!portal">
-      <ComboboxContent :class="ui.content({ class: props.ui?.content })" v-bind="contentProps">
-        <ComboboxEmpty :class="ui.empty({ class: props.ui?.empty })">
+      <ComboboxContent data-slot="content" :class="ui.content({ class: props.ui?.content })" v-bind="contentProps">
+        <ComboboxEmpty data-slot="empty" :class="ui.empty({ class: props.ui?.empty })">
           <slot name="empty" :search-term="searchTerm">
             {{ searchTerm ? `No results for ${searchTerm}` : 'No results' }}
           </slot>
         </ComboboxEmpty>
 
-        <ComboboxViewport :class="ui.viewport({ class: props.ui?.viewport })">
-          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: props.ui?.group })">
+        <ComboboxViewport data-slot="viewport" :class="ui.viewport({ class: props.ui?.viewport })">
+          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: props.ui?.group })">
             <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-              <ComboboxLabel v-if="item?.type === 'label'" :class="ui.label({ class: props.ui?.label })">
+              <ComboboxLabel v-if="item?.type === 'label'" data-slot="label" :class="ui.label({ class: props.ui?.label })">
                 {{ item.label }}
               </ComboboxLabel>
 
-              <ComboboxSeparator v-else-if="item?.type === 'separator'" :class="ui.separator({ class: props.ui?.separator })" />
+              <ComboboxSeparator v-else-if="item?.type === 'separator'" data-slot="separator" :class="ui.separator({ class: props.ui?.separator })" />
 
               <ComboboxItem
                 v-else
+                data-slot="item"
                 :class="ui.item({ class: props.ui?.item })"
                 :disabled="item.disabled"
                 :value="valueKey && typeof item === 'object' ? (item[valueKey as keyof InputMenuItem]) as AcceptableValue : item"
               >
                 <slot name="item" :item="(item as T)" :index="index">
                   <slot name="item-leading" :item="(item as T)" :index="index">
-                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
-                    <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
+                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
+                    <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
                     <UChip
                       v-else-if="item.chip"
                       :size="((props.ui?.itemLeadingChipSize || ui.itemLeadingChipSize()) as ChipProps['size'])"
                       inset
                       standalone
                       v-bind="item.chip"
+                      data-slot="itemLeadingChip"
                       :class="ui.itemLeadingChip({ class: props.ui?.itemLeadingChip })"
                     />
                   </slot>
 
-                  <span :class="ui.itemLabel({ class: props.ui?.itemLabel })">
+                  <span data-slot="itemLabel" :class="ui.itemLabel({ class: props.ui?.itemLabel })">
                     <slot name="item-label" :item="(item as T)" :index="index">
                       {{ displayValue(item as T) }}
                     </slot>
                   </span>
 
-                  <span :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
+                  <span data-slot="itemTrailing" :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
                     <slot name="item-trailing" :item="(item as T)" :index="index" />
 
                     <ComboboxItemIndicator as-child>
-                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
+                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
                     </ComboboxItemIndicator>
                   </span>
                 </slot>
diff --git a/src/runtime/components/Modal.vue b/src/runtime/components/Modal.vue
index 2b77f91742..208e5d6fc9 100644
--- a/src/runtime/components/Modal.vue
+++ b/src/runtime/components/Modal.vue
@@ -114,19 +114,19 @@ const ui = computed(() => modal({
     </DialogTrigger>
 
     <DialogPortal :disabled="!portal">
-      <DialogOverlay v-if="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
+      <DialogOverlay v-if="overlay" data-slot="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
 
-      <DialogContent :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
+      <DialogContent data-slot="content" :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
         <slot name="content">
-          <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (close || !!slots.close)" :class="ui.header({ class: props.ui?.header })">
+          <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (close || !!slots.close)" data-slot="header" :class="ui.header({ class: props.ui?.header })">
             <slot name="header">
-              <DialogTitle v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
+              <DialogTitle v-if="title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
                 <slot name="title">
                   {{ title }}
                 </slot>
               </DialogTitle>
 
-              <DialogDescription v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+              <DialogDescription v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
                 <slot name="description">
                   {{ description }}
                 </slot>
@@ -142,6 +142,7 @@ const ui = computed(() => modal({
                     variant="ghost"
                     aria-label="Close"
                     v-bind="typeof close === 'object' ? close : undefined"
+                    data-slot="close"
                     :class="ui.close({ class: props.ui?.close })"
                   />
                 </slot>
@@ -149,11 +150,11 @@ const ui = computed(() => modal({
             </slot>
           </div>
 
-          <div v-if="!!slots.body" :class="ui.body({ class: props.ui?.body })">
+          <div v-if="!!slots.body" data-slot="body" :class="ui.body({ class: props.ui?.body })">
             <slot name="body" />
           </div>
 
-          <div v-if="!!slots.footer" :class="ui.footer({ class: props.ui?.footer })">
+          <div v-if="!!slots.footer" data-slot="footer" :class="ui.footer({ class: props.ui?.footer })">
             <slot name="footer" />
           </div>
         </slot>
diff --git a/src/runtime/components/NavigationMenu.vue b/src/runtime/components/NavigationMenu.vue
index cf02fbefb2..4c8ab4634d 100644
--- a/src/runtime/components/NavigationMenu.vue
+++ b/src/runtime/components/NavigationMenu.vue
@@ -109,10 +109,10 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
 </script>
 
 <template>
-  <NavigationMenuRoot v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <NavigationMenuRoot v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <template v-for="(list, listIndex) in lists" :key="`list-${listIndex}`">
-      <NavigationMenuList :class="ui.list({ class: props.ui?.list })">
-        <NavigationMenuItem v-for="(item, index) in list" :key="`list-${listIndex}-${index}`" :value="item.value || String(index)" :class="ui.item({ class: props.ui?.item })">
+      <NavigationMenuList data-slot="list" :class="ui.list({ class: props.ui?.list })">
+        <NavigationMenuItem v-for="(item, index) in list" :key="`list-${listIndex}-${index}`" :value="item.value || String(index)" data-slot="item" :class="ui.item({ class: props.ui?.item })">
           <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item)" custom>
             <component
               :is="item.children?.length ? NavigationMenuTrigger : NavigationMenuLink"
@@ -121,22 +121,22 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
               :active="active"
               @select="item.select"
             >
-              <ULinkBase v-bind="slotProps" :class="ui.link({ class: [props.ui?.link, item.class], active, disabled: !!item.disabled })">
+              <ULinkBase v-bind="slotProps" data-slot="link" :class="ui.link({ class: [props.ui?.link, item.class], active, disabled: !!item.disabled })">
                 <slot :name="item.slot || 'item'" :item="item" :index="index">
                   <slot :name="item.slot ? `${item.slot}-leading`: 'item-leading'" :item="item" :active="active" :index="index">
-                    <UAvatar v-if="item.avatar" :size="((props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.linkLeadingAvatar({ class: props.ui?.linkLeadingAvatar, active, disabled: !!item.disabled })" />
-                    <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon, active, disabled: !!item.disabled })" />
+                    <UAvatar v-if="item.avatar" :size="((props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="linkLeadingAvatar" :class="ui.linkLeadingAvatar({ class: props.ui?.linkLeadingAvatar, active, disabled: !!item.disabled })" />
+                    <UIcon v-else-if="item.icon" :name="item.icon" data-slot="linkLeadingIcon" :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon, active, disabled: !!item.disabled })" />
                   </slot>
 
-                  <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" :class="ui.linkLabel({ class: props.ui?.linkLabel })">
+                  <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" data-slot="linkLabel" :class="ui.linkLabel({ class: props.ui?.linkLabel })">
                     <slot :name="item.slot ? `${item.slot}-label`: 'item-label'" :item="item" :active="active" :index="index">
                       {{ item.label }}
                     </slot>
 
-                    <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" :class="ui.linkLabelExternalIcon({ class: props.ui?.linkLabelExternalIcon, active })" />
+                    <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" data-slot="linkLabelExternalIcon" :class="ui.linkLabelExternalIcon({ class: props.ui?.linkLabelExternalIcon, active })" />
                   </span>
 
-                  <span v-if="item.badge || (item.children?.length && orientation === 'horizontal') || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" :class="ui.linkTrailing({ class: props.ui?.linkTrailing })">
+                  <span v-if="item.badge || (item.children?.length && orientation === 'horizontal') || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" data-slot="linkTrailing" :class="ui.linkTrailing({ class: props.ui?.linkTrailing })">
                     <slot :name="item.slot ? `${item.slot}-trailing`: 'item-trailing'" :item="item" :active="active" :index="index">
                       <UBadge
                         v-if="item.badge"
@@ -144,30 +144,31 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
                         variant="outline"
                         :size="((props.ui?.linkTrailingBadgeSize || ui.linkTrailingBadgeSize()) as BadgeProps['size'])"
                         v-bind="(typeof item.badge === 'string' || typeof item.badge === 'number') ? { label: item.badge } : item.badge"
+                        data-slot="linkTrailingBadge"
                         :class="ui.linkTrailingBadge({ class: props.ui?.linkTrailingBadge })"
                       />
-                      <UIcon v-if="item.children?.length && orientation === 'horizontal'" :name="item.trailingIcon || trailingIcon || appConfig.ui.icons.chevronDown" :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon, active })" />
+                      <UIcon v-if="item.children?.length && orientation === 'horizontal'" :name="item.trailingIcon || trailingIcon || appConfig.ui.icons.chevronDown" data-slot="linkTrailingIcon" :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon, active })" />
                     </slot>
                   </span>
                 </slot>
               </ULinkBase>
             </component>
 
-            <NavigationMenuContent v-if="item.children?.length && orientation === 'horizontal'" v-bind="contentProps" :class="ui.content({ class: props.ui?.content })">
-              <ul :class="ui.childList({ class: props.ui?.childList })">
-                <li v-for="(childItem, childIndex) in item.children" :key="childIndex" :class="ui.childItem({ class: props.ui?.childItem })">
+            <NavigationMenuContent v-if="item.children?.length && orientation === 'horizontal'" v-bind="contentProps" data-slot="content" :class="ui.content({ class: props.ui?.content })">
+              <ul data-slot="childList" :class="ui.childList({ class: props.ui?.childList })">
+                <li v-for="(childItem, childIndex) in item.children" :key="childIndex" data-slot="childItem" :class="ui.childItem({ class: props.ui?.childItem })">
                   <ULink v-slot="{ active: childActive, ...childSlotProps }" v-bind="pickLinkProps(childItem)" custom>
                     <NavigationMenuLink as-child :active="childActive" @select="childItem.select">
-                      <ULinkBase v-bind="childSlotProps" :class="ui.childLink({ class: [props.ui?.childLink, childItem.class], active: childActive })">
-                        <UIcon v-if="childItem.icon" :name="childItem.icon" :class="ui.childLinkIcon({ class: props.ui?.childLinkIcon, active: childActive })" />
+                      <ULinkBase v-bind="childSlotProps" data-slot="childLink" :class="ui.childLink({ class: [props.ui?.childLink, childItem.class], active: childActive })">
+                        <UIcon v-if="childItem.icon" :name="childItem.icon" data-slot="childLinkIcon" :class="ui.childLinkIcon({ class: props.ui?.childLinkIcon, active: childActive })" />
 
-                        <div :class="ui.childLinkWrapper({ class: props.ui?.childLinkWrapper })">
-                          <p :class="ui.childLinkLabel({ class: props.ui?.childLinkLabel, active: childActive })">
+                        <div data-slot="childLinkWrapper" :class="ui.childLinkWrapper({ class: props.ui?.childLinkWrapper })">
+                          <p data-slot="childLinkLabel" :class="ui.childLinkLabel({ class: props.ui?.childLinkLabel, active: childActive })">
                             {{ childItem.label }}
 
-                            <UIcon v-if="childItem.target === '_blank'" :name="appConfig.ui.icons.external" :class="ui.childLinkLabelExternalIcon({ class: props.ui?.childLinkLabelExternalIcon, active: childActive })" />
+                            <UIcon v-if="childItem.target === '_blank'" :name="appConfig.ui.icons.external" data-slot="childLinkLabelExternalIcon" :class="ui.childLinkLabelExternalIcon({ class: props.ui?.childLinkLabelExternalIcon, active: childActive })" />
                           </p>
-                          <p v-if="childItem.description" :class="ui.childLinkDescription({ class: props.ui?.childLinkDescription, active: childActive })">
+                          <p v-if="childItem.description" data-slot="childLinkDescription" :class="ui.childLinkDescription({ class: props.ui?.childLinkDescription, active: childActive })">
                             {{ childItem.description }}
                           </p>
                         </div>
@@ -181,15 +182,15 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
         </NavigationMenuItem>
       </NavigationMenuList>
 
-      <div v-if="orientation === 'vertical' && listIndex < lists.length - 1" :class="ui.separator({ class: props.ui?.separator })" />
+      <div v-if="orientation === 'vertical' && listIndex < lists.length - 1" data-slot="separator" :class="ui.separator({ class: props.ui?.separator })" />
     </template>
 
-    <div v-if="orientation === 'horizontal'" :class="ui.viewportWrapper({ class: props.ui?.viewportWrapper })">
-      <NavigationMenuIndicator v-if="arrow" :class="ui.indicator({ class: props.ui?.indicator })">
-        <div :class="ui.arrow({ class: props.ui?.arrow })" />
+    <div v-if="orientation === 'horizontal'" data-slot="viewportWrapper" :class="ui.viewportWrapper({ class: props.ui?.viewportWrapper })">
+      <NavigationMenuIndicator v-if="arrow" data-slot="indicator" :class="ui.indicator({ class: props.ui?.indicator })">
+        <div data-slot="arrow" :class="ui.arrow({ class: props.ui?.arrow })" />
       </NavigationMenuIndicator>
 
-      <NavigationMenuViewport :class="ui.viewport({ class: props.ui?.viewport })" />
+      <NavigationMenuViewport data-slot="viewport" :class="ui.viewport({ class: props.ui?.viewport })" />
     </div>
   </NavigationMenuRoot>
 </template>
diff --git a/src/runtime/components/Pagination.vue b/src/runtime/components/Pagination.vue
index bde7ff80ac..97b4eafcbe 100644
--- a/src/runtime/components/Pagination.vue
+++ b/src/runtime/components/Pagination.vue
@@ -123,8 +123,8 @@ const ui = pagination()
 </script>
 
 <template>
-  <PaginationRoot v-slot="{ page, pageCount }" v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <PaginationList v-slot="{ items }" :class="ui.list({ class: props.ui?.list })">
+  <PaginationRoot v-slot="{ page, pageCount }" v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <PaginationList v-slot="{ items }" data-slot="list" :class="ui.list({ class: props.ui?.list })">
       <PaginationFirst v-if="showControls || !!slots.first" as-child>
         <slot name="first">
           <UButton :color="color" :variant="variant" :size="size" :icon="firstIcon || appConfig.ui.icons.chevronDoubleLeft" :to="to?.(1)" />
@@ -153,7 +153,14 @@ const ui = pagination()
 
         <PaginationEllipsis v-else :key="item.type" :index="index" as-child>
           <slot name="ellipsis">
-            <UButton :color="color" :variant="variant" :size="size" :icon="ellipsisIcon || appConfig.ui.icons.ellipsis" :class="ui.ellipsis({ class: props.ui?.ellipsis })" />
+            <UButton
+              :color="color"
+              :variant="variant"
+              :size="size"
+              :icon="ellipsisIcon || appConfig.ui.icons.ellipsis"
+              data-slot="ellipsis"
+              :class="ui.ellipsis({ class: props.ui?.ellipsis })"
+            />
           </slot>
         </PaginationEllipsis>
       </template>
diff --git a/src/runtime/components/Popover.vue b/src/runtime/components/Popover.vue
index 7968363ef3..1dd4d22763 100644
--- a/src/runtime/components/Popover.vue
+++ b/src/runtime/components/Popover.vue
@@ -78,10 +78,10 @@ const Component = computed(() => props.mode === 'hover' ? HoverCard : Popover)
     </Component.Trigger>
 
     <Component.Portal :disabled="!portal">
-      <Component.Content v-bind="contentProps" :class="ui.content({ class: [props.class, props.ui?.content] })">
+      <Component.Content v-bind="contentProps" data-slot="content" :class="ui.content({ class: [props.class, props.ui?.content] })">
         <slot name="content" />
 
-        <Component.Arrow v-if="!!arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" />
+        <Component.Arrow v-if="!!arrow" v-bind="arrowProps" data-slot="arrow" :class="ui.arrow({ class: props.ui?.arrow })" />
       </Component.Content>
     </Component.Portal>
   </Component.Root>
diff --git a/src/runtime/components/Progress.vue b/src/runtime/components/Progress.vue
index 64d6fb9bee..b61217a88a 100644
--- a/src/runtime/components/Progress.vue
+++ b/src/runtime/components/Progress.vue
@@ -142,19 +142,19 @@ const ui = computed(() => progress({
 </script>
 
 <template>
-  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div v-if="!isIndeterminate && (status || $slots.status)" :class="ui.status({ class: props.ui?.status })" :style="statusStyle">
+  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div v-if="!isIndeterminate && (status || $slots.status)" data-slot="status" :class="ui.status({ class: props.ui?.status })" :style="statusStyle">
       <slot name="status" :percent="percent">
         {{ percent }}%
       </slot>
     </div>
 
-    <ProgressRoot v-bind="rootProps" :max="realMax" :class="ui.base({ class: props.ui?.base })" style="transform: translateZ(0)">
-      <ProgressIndicator :class="ui.indicator({ class: props.ui?.indicator })" :style="indicatorStyle" />
+    <ProgressRoot v-bind="rootProps" :max="realMax" data-slot="base" :class="ui.base({ class: props.ui?.base })" style="transform: translateZ(0)">
+      <ProgressIndicator data-slot="indicator" :class="ui.indicator({ class: props.ui?.indicator })" :style="indicatorStyle" />
     </ProgressRoot>
 
-    <div v-if="hasSteps" :class="ui.steps({ class: props.ui?.steps })">
-      <div v-for="(step, index) in max" :key="index" :class="ui.step({ class: props.ui?.step, step: stepVariant(index) })">
+    <div v-if="hasSteps" data-slot="steps" :class="ui.steps({ class: props.ui?.steps })">
+      <div v-for="(step, index) in max" :key="index" data-slot="step" :class="ui.step({ class: props.ui?.step, step: stepVariant(index) })">
         <slot :name="`step-${index}`" :step="step">
           {{ step }}
         </slot>
diff --git a/src/runtime/components/RadioGroup.vue b/src/runtime/components/RadioGroup.vue
index d226d9f6b8..61b3c63bae 100644
--- a/src/runtime/components/RadioGroup.vue
+++ b/src/runtime/components/RadioGroup.vue
@@ -122,32 +122,34 @@ function onUpdate(value: any) {
     v-bind="rootProps"
     :name="name"
     :disabled="disabled"
+    data-slot="root"
     :class="ui.root({ class: [props.class, props.ui?.root] })"
     @update:model-value="onUpdate"
   >
-    <fieldset :class="ui.fieldset({ class: props.ui?.fieldset })">
-      <legend v-if="legend || !!slots.legend" :class="ui.legend({ class: props.ui?.legend })">
+    <fieldset data-slot="fieldset" :class="ui.fieldset({ class: props.ui?.fieldset })">
+      <legend v-if="legend || !!slots.legend" data-slot="legend" :class="ui.legend({ class: props.ui?.legend })">
         <slot name="legend">
           {{ legend }}
         </slot>
       </legend>
-      <div v-for="item in normalizedItems" :key="item.value" :class="ui.item({ class: props.ui?.item })">
-        <div :class="ui.container({ class: props.ui?.container })">
+      <div v-for="item in normalizedItems" :key="item.value" data-slot="item" :class="ui.item({ class: props.ui?.item })">
+        <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
           <RadioGroupItem
             :id="item.id"
             :value="item.value"
             :disabled="disabled"
+            data-slot="base"
             :class="ui.base({ class: props.ui?.base })"
           >
-            <RadioGroupIndicator :class="ui.indicator({ class: props.ui?.indicator })" />
+            <RadioGroupIndicator data-slot="indicator" :class="ui.indicator({ class: props.ui?.indicator })" />
           </RadioGroupItem>
         </div>
 
-        <div :class="ui.wrapper({ class: props.ui?.wrapper })">
-          <Label :class="ui.label({ class: props.ui?.label })" :for="item.id">
+        <div data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
+          <Label data-slot="label" :class="ui.label({ class: props.ui?.label })" :for="item.id">
             <slot name="label" :item="item" :model-value="modelValue">{{ item.label }}</slot>
           </Label>
-          <p v-if="item.description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+          <p v-if="item.description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
             <slot name="description" :item="item" :model-value="modelValue">
               {{ item.description }}
             </slot>
diff --git a/src/runtime/components/Select.vue b/src/runtime/components/Select.vue
index 2d4ba771d7..573694751d 100644
--- a/src/runtime/components/Select.vue
+++ b/src/runtime/components/Select.vue
@@ -161,62 +161,64 @@ function onUpdateOpen(value: boolean) {
     @update:model-value="onUpdate"
     @update:open="onUpdateOpen"
   >
-    <SelectTrigger :class="ui.base({ class: props.class })">
-      <span v-if="isLeading || !!slots.leading" :class="ui.leading({ class: props.ui?.leading })">
+    <SelectTrigger data-slot="base" :class="ui.base({ class: props.class })">
+      <span v-if="isLeading || !!slots.leading" data-slot="leading" :class="ui.leading({ class: props.ui?.leading })">
         <slot name="leading" :model-value="modelValue" :open="open" :ui="ui">
-          <UIcon v-if="leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+          <UIcon v-if="leadingIconName" :name="leadingIconName" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
         </slot>
       </span>
 
-      <SelectValue :placeholder="placeholder ?? '&nbsp;'" :class="ui.value({ class: props.ui?.value })" />
+      <SelectValue :placeholder="placeholder ?? '&nbsp;'" data-slot="value" :class="ui.value({ class: props.ui?.value })" />
 
-      <span v-if="isTrailing || !!slots.trailing" :class="ui.trailing({ class: props.ui?.trailing })">
+      <span v-if="isTrailing || !!slots.trailing" data-slot="trailing" :class="ui.trailing({ class: props.ui?.trailing })">
         <slot name="trailing" :model-value="modelValue" :open="open" :ui="ui">
-          <UIcon v-if="trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+          <UIcon v-if="trailingIconName" :name="trailingIconName" data-slot="trailingIcon" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
         </slot>
       </span>
     </SelectTrigger>
 
     <SelectPortal :disabled="!portal">
-      <SelectContent :class="ui.content({ class: props.ui?.content })" v-bind="contentProps">
-        <SelectViewport :class="ui.viewport({ class: props.ui?.viewport })">
-          <SelectGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: props.ui?.group })">
+      <SelectContent data-slot="content" :class="ui.content({ class: props.ui?.content })" v-bind="contentProps">
+        <SelectViewport data-slot="viewport" :class="ui.viewport({ class: props.ui?.viewport })">
+          <SelectGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: props.ui?.group })">
             <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-              <SelectLabel v-if="item?.type === 'label'" :class="ui.label({ class: props.ui?.label })">
+              <SelectLabel v-if="item?.type === 'label'" data-slot="label" :class="ui.label({ class: props.ui?.label })">
                 {{ item.label }}
               </SelectLabel>
-              <SelectSeparator v-else-if="item?.type === 'separator'" :class="ui.separator({ class: props.ui?.separator })" />
+              <SelectSeparator v-else-if="item?.type === 'separator'" data-slot="separator" :class="ui.separator({ class: props.ui?.separator })" />
               <SelectItem
                 v-else
+                data-slot="item"
                 :class="ui.item({ class: props.ui?.item })"
                 :disabled="item.disabled"
                 :value="typeof item === 'object' ? (item[valueKey as keyof SelectItem] as string) : item"
               >
                 <slot name="item" :item="(item as T)" :index="index">
                   <slot name="item-leading" :item="(item as T)" :index="index">
-                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
-                    <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
+                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
+                    <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
                     <UChip
                       v-else-if="item.chip"
                       :size="((props.ui?.itemLeadingChipSize || ui.itemLeadingChipSize()) as ChipProps['size'])"
                       inset
                       standalone
                       v-bind="item.chip"
+                      data-slot="itemLeadingChip"
                       :class="ui.itemLeadingChip({ class: props.ui?.itemLeadingChip })"
                     />
                   </slot>
 
-                  <SelectItemText :class="ui.itemLabel({ class: props.ui?.itemLabel })">
+                  <SelectItemText data-slot="itemLabel" :class="ui.itemLabel({ class: props.ui?.itemLabel })">
                     <slot name="item-label" :item="(item as T)" :index="index">
                       {{ typeof item === 'object' ? item.label : item }}
                     </slot>
                   </SelectItemText>
 
-                  <span :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
+                  <span data-slot="itemTrailing" :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
                     <slot name="item-trailing" :item="(item as T)" :index="index" />
 
                     <SelectItemIndicator as-child>
-                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
+                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
                     </SelectItemIndicator>
                   </span>
                 </slot>
diff --git a/src/runtime/components/SelectMenu.vue b/src/runtime/components/SelectMenu.vue
index 6f36b51494..4318669217 100644
--- a/src/runtime/components/SelectMenu.vue
+++ b/src/runtime/components/SelectMenu.vue
@@ -219,80 +219,89 @@ function onUpdateOpen(value: boolean) {
     @update:open="onUpdateOpen"
   >
     <ComboboxAnchor as-child>
-      <ComboboxTrigger :class="ui.base({ class: props.class })" tabindex="0">
-        <span v-if="isLeading || !!slots.leading" :class="ui.leading({ class: props.ui?.leading })">
+      <ComboboxTrigger data-slot="base" :class="ui.base({ class: props.class })" tabindex="0">
+        <span v-if="isLeading || !!slots.leading" data-slot="leading" :class="ui.leading({ class: props.ui?.leading })">
           <slot name="leading" :model-value="(modelValue as T)" :open="open" :ui="ui">
-            <UIcon v-if="leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+            <UIcon v-if="leadingIconName" :name="leadingIconName" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
           </slot>
         </span>
 
         <slot :model-value="(modelValue as T)" :open="open">
-          <span v-if="multiple ? modelValue?.length : modelValue !== undefined" :class="ui.value({ class: props.ui?.value })">
+          <span v-if="multiple ? modelValue?.length : modelValue !== undefined" data-slot="value" :class="ui.value({ class: props.ui?.value })">
             {{ displayValue(modelValue as T, multiple) }}
           </span>
-          <span v-else :class="ui.placeholder({ class: props.ui?.placeholder })">
+          <span v-else data-slot="placeholder" :class="ui.placeholder({ class: props.ui?.placeholder })">
             {{ placeholder ?? '&nbsp;' }}
           </span>
         </slot>
 
-        <span v-if="isTrailing || !!slots.trailing" :class="ui.trailing({ class: props.ui?.trailing })">
+        <span v-if="isTrailing || !!slots.trailing" data-slot="trailing" :class="ui.trailing({ class: props.ui?.trailing })">
           <slot name="trailing" :model-value="(modelValue as T)" :open="open" :ui="ui">
-            <UIcon v-if="trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+            <UIcon v-if="trailingIconName" :name="trailingIconName" data-slot="trailingIcon" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
           </slot>
         </span>
       </ComboboxTrigger>
     </ComboboxAnchor>
 
     <ComboboxPortal :disabled="!portal">
-      <ComboboxContent :class="ui.content({ class: props.ui?.content })" v-bind="contentProps">
-        <ComboboxInput v-if="search" :placeholder="searchPlaceholder" :class="ui.input({ class: props.ui?.input })" autofocus autocomplete="off" />
-
-        <ComboboxEmpty :class="ui.empty({ class: props.ui?.empty })">
+      <ComboboxContent data-slot="content" :class="ui.content({ class: props.ui?.content })" v-bind="contentProps">
+        <ComboboxInput
+          v-if="search"
+          :placeholder="searchPlaceholder"
+          data-slot="input"
+          :class="ui.input({ class: props.ui?.input })"
+          autofocus
+          autocomplete="off"
+        />
+
+        <ComboboxEmpty data-slot="empty" :class="ui.empty({ class: props.ui?.empty })">
           <slot name="empty" :search-term="searchTerm">
             {{ searchTerm ? `No results for ${searchTerm}` : 'No results' }}
           </slot>
         </ComboboxEmpty>
 
-        <ComboboxViewport :class="ui.viewport({ class: props.ui?.viewport })">
-          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: props.ui?.group })">
+        <ComboboxViewport data-slot="viewport" :class="ui.viewport({ class: props.ui?.viewport })">
+          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: props.ui?.group })">
             <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-              <ComboboxLabel v-if="item?.type === 'label'" :class="ui.label({ class: props.ui?.label })">
+              <ComboboxLabel v-if="item?.type === 'label'" data-slot="label" :class="ui.label({ class: props.ui?.label })">
                 {{ item.label }}
               </ComboboxLabel>
 
-              <ComboboxSeparator v-else-if="item?.type === 'separator'" :class="ui.separator({ class: props.ui?.separator })" />
+              <ComboboxSeparator v-else-if="item?.type === 'separator'" data-slot="separator" :class="ui.separator({ class: props.ui?.separator })" />
 
               <ComboboxItem
                 v-else
+                data-slot="item"
                 :class="ui.item({ class: props.ui?.item })"
                 :disabled="item.disabled"
                 :value="valueKey && typeof item === 'object' ? (item[valueKey as keyof SelectMenuItem]) as AcceptableValue : item"
               >
                 <slot name="item" :item="(item as T)" :index="index">
                   <slot name="item-leading" :item="(item as T)" :index="index">
-                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
-                    <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
+                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
+                    <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
                     <UChip
                       v-else-if="item.chip"
                       :size="((props.ui?.itemLeadingChipSize || ui.itemLeadingChipSize()) as ChipProps['size'])"
                       inset
                       standalone
                       v-bind="item.chip"
+                      data-slot="itemLeadingChip"
                       :class="ui.itemLeadingChip({ class: props.ui?.itemLeadingChip })"
                     />
                   </slot>
 
-                  <span :class="ui.itemLabel({ class: props.ui?.itemLabel })">
+                  <span data-slot="itemLabel" :class="ui.itemLabel({ class: props.ui?.itemLabel })">
                     <slot name="item-label" :item="(item as T)" :index="index">
                       {{ displayValue(item as T) }}
                     </slot>
                   </span>
 
-                  <span :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
+                  <span data-slot="itemTrailing" :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
                     <slot name="item-trailing" :item="(item as T)" :index="index" />
 
                     <ComboboxItemIndicator as-child>
-                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
+                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
                     </ComboboxItemIndicator>
                   </span>
                 </slot>
diff --git a/src/runtime/components/Separator.vue b/src/runtime/components/Separator.vue
index 6424f3c08f..4faa2ee074 100644
--- a/src/runtime/components/Separator.vue
+++ b/src/runtime/components/Separator.vue
@@ -64,19 +64,19 @@ const ui = computed(() => separator({
 </script>
 
 <template>
-  <Separator v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div :class="ui.border({ class: props.ui?.border })" />
+  <Separator v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div data-slot="border" :class="ui.border({ class: props.ui?.border })" />
 
     <template v-if="label || icon || avatar || !!slots.default">
-      <div :class="ui.container({ class: props.ui?.container })">
+      <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
         <slot>
-          <span v-if="label" :class="ui.label({ class: props.ui?.label })">{{ label }}</span>
-          <UIcon v-else-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
-          <UAvatar v-else-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
+          <span v-if="label" data-slot="label" :class="ui.label({ class: props.ui?.label })">{{ label }}</span>
+          <UIcon v-else-if="icon" :name="icon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
+          <UAvatar v-else-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" data-slot="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
         </slot>
       </div>
 
-      <div :class="ui.border({ class: props.ui?.border })" />
+      <div data-slot="border" :class="ui.border({ class: props.ui?.border })" />
     </template>
   </Separator>
 </template>
diff --git a/src/runtime/components/Slideover.vue b/src/runtime/components/Slideover.vue
index 4b0c9ea221..86a6b67894 100644
--- a/src/runtime/components/Slideover.vue
+++ b/src/runtime/components/Slideover.vue
@@ -113,19 +113,19 @@ const ui = computed(() => slideover({
     </DialogTrigger>
 
     <DialogPortal :disabled="!portal">
-      <DialogOverlay v-if="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
+      <DialogOverlay v-if="overlay" data-slot="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
 
-      <DialogContent :data-side="side" :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
+      <DialogContent :data-side="side" data-slot="content" :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
         <slot name="content">
-          <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (close || !!slots.close)" :class="ui.header({ class: props.ui?.header })">
+          <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (close || !!slots.close)" data-slot="header" :class="ui.header({ class: props.ui?.header })">
             <slot name="header">
-              <DialogTitle v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
+              <DialogTitle v-if="title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
                 <slot name="title">
                   {{ title }}
                 </slot>
               </DialogTitle>
 
-              <DialogDescription v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+              <DialogDescription v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
                 <slot name="description">
                   {{ description }}
                 </slot>
@@ -141,6 +141,7 @@ const ui = computed(() => slideover({
                     variant="ghost"
                     aria-label="Close"
                     v-bind="typeof close === 'object' ? close : undefined"
+                    data-slot="close"
                     :class="ui.close({ class: props.ui?.close })"
                   />
                 </slot>
@@ -148,11 +149,11 @@ const ui = computed(() => slideover({
             </slot>
           </div>
 
-          <div :class="ui.body({ class: props.ui?.body })">
+          <div data-slot="body" :class="ui.body({ class: props.ui?.body })">
             <slot name="body" />
           </div>
 
-          <div v-if="!!slots.footer" :class="ui.footer({ class: props.ui?.footer })">
+          <div v-if="!!slots.footer" data-slot="footer" :class="ui.footer({ class: props.ui?.footer })">
             <slot name="footer" />
           </div>
         </slot>
diff --git a/src/runtime/components/Slider.vue b/src/runtime/components/Slider.vue
index b0ea20c299..5dc2450260 100644
--- a/src/runtime/components/Slider.vue
+++ b/src/runtime/components/Slider.vue
@@ -99,15 +99,16 @@ function onChange(value: any) {
     v-model="sliderValue"
     :name="name"
     :disabled="disabled"
+    data-slot="root"
     :class="ui.root({ class: [props.class, props.ui?.root] })"
     :default-value="defaultSliderValue"
     @update:model-value="emitFormInput()"
     @value-commit="onChange"
   >
-    <SliderTrack :class="ui.track({ class: props.ui?.track })">
-      <SliderRange :class="ui.range({ class: props.ui?.range })" />
+    <SliderTrack data-slot="track" :class="ui.track({ class: props.ui?.track })">
+      <SliderRange data-slot="range" :class="ui.range({ class: props.ui?.range })" />
     </SliderTrack>
 
-    <SliderThumb v-for="count in thumbsCount" :key="count" :class="ui.thumb({ class: props.ui?.thumb })" />
+    <SliderThumb v-for="count in thumbsCount" :key="count" data-slot="thumb" :class="ui.thumb({ class: props.ui?.thumb })" />
   </SliderRoot>
 </template>
diff --git a/src/runtime/components/Switch.vue b/src/runtime/components/Switch.vue
index 4531342c0e..e28869099f 100644
--- a/src/runtime/components/Switch.vue
+++ b/src/runtime/components/Switch.vue
@@ -87,8 +87,8 @@ function onUpdate(value: any) {
 </script>
 
 <template>
-  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div :class="ui.container({ class: props.ui?.container })">
+  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
       <SwitchRoot
         :id="id"
         v-model:checked="modelValue"
@@ -96,25 +96,26 @@ function onUpdate(value: any) {
         v-bind="rootProps"
         :name="name"
         :disabled="disabled || loading"
+        data-slot="base"
         :class="ui.base({ class: props.ui?.base })"
         @update:checked="onUpdate"
       >
-        <SwitchThumb :class="ui.thumb({ class: props.ui?.thumb })">
-          <UIcon v-if="loading" :name="loadingIcon || appConfig.ui.icons.loading" :class="ui.icon({ class: props.ui?.icon, checked: true, unchecked: true })" />
+        <SwitchThumb data-slot="thumb" :class="ui.thumb({ class: props.ui?.thumb })">
+          <UIcon v-if="loading" :name="loadingIcon || appConfig.ui.icons.loading" data-slot="icon" :class="ui.icon({ class: props.ui?.icon, checked: true, unchecked: true })" />
           <template v-else>
-            <UIcon v-if="checkedIcon" :name="checkedIcon" :class="ui.icon({ class: props.ui?.icon, checked: true })" />
-            <UIcon v-if="uncheckedIcon" :name="uncheckedIcon" :class="ui.icon({ class: props.ui?.icon, unchecked: true })" />
+            <UIcon v-if="checkedIcon" :name="checkedIcon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon, checked: true })" />
+            <UIcon v-if="uncheckedIcon" :name="uncheckedIcon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon, unchecked: true })" />
           </template>
         </SwitchThumb>
       </SwitchRoot>
     </div>
-    <div v-if="(label || !!slots.label) || (description || !!slots.description)" :class="ui.wrapper({ class: props.ui?.wrapper })">
-      <Label v-if="label || !!slots.label" :for="id" :class="ui.label({ class: props.ui?.label })">
+    <div v-if="(label || !!slots.label) || (description || !!slots.description)" data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
+      <Label v-if="label || !!slots.label" :for="id" data-slot="label" :class="ui.label({ class: props.ui?.label })">
         <slot name="label" :label="label">
           {{ label }}
         </slot>
       </Label>
-      <p v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+      <p v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description" :description="description">
           {{ description }}
         </slot>
diff --git a/src/runtime/components/Tabs.vue b/src/runtime/components/Tabs.vue
index 20c50b8330..1ae105e390 100644
--- a/src/runtime/components/Tabs.vue
+++ b/src/runtime/components/Tabs.vue
@@ -85,17 +85,24 @@ const ui = computed(() => tabs({
 </script>
 
 <template>
-  <TabsRoot v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <TabsList :class="ui.list({ class: props.ui?.list })">
-      <TabsIndicator :class="ui.indicator({ class: props.ui?.indicator })" />
-
-      <TabsTrigger v-for="(item, index) of items" :key="index" :value="item.value || String(index)" :disabled="item.disabled" :class="ui.trigger({ class: props.ui?.trigger })">
+  <TabsRoot v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <TabsList data-slot="list" :class="ui.list({ class: props.ui?.list })">
+      <TabsIndicator data-slot="indicator" :class="ui.indicator({ class: props.ui?.indicator })" />
+
+      <TabsTrigger
+        v-for="(item, index) of items"
+        :key="index"
+        :value="item.value || String(index)"
+        :disabled="item.disabled"
+        data-slot="trigger"
+        :class="ui.trigger({ class: props.ui?.trigger })"
+      >
         <slot name="leading" :item="item" :index="index">
-          <UAvatar v-if="item.avatar" :size="((props.ui?.leadingAvatarSize || ui.leadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar })" />
-          <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+          <UAvatar v-if="item.avatar" :size="((props.ui?.leadingAvatarSize || ui.leadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="leadingAvatar" :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar })" />
+          <UIcon v-else-if="item.icon" :name="item.icon" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
         </slot>
 
-        <span v-if="item.label || !!slots.default" :class="ui.label({ class: props.ui?.label })">
+        <span v-if="item.label || !!slots.default" data-slot="label" :class="ui.label({ class: props.ui?.label })">
           <slot :item="item" :index="index">{{ item.label }}</slot>
         </span>
 
@@ -104,7 +111,14 @@ const ui = computed(() => tabs({
     </TabsList>
 
     <template v-if="!!content">
-      <TabsContent v-for="(item, index) of items" :key="index" v-bind="contentProps" :value="item.value || String(index)" :class="ui.content({ class: props.ui?.content })">
+      <TabsContent
+        v-for="(item, index) of items"
+        :key="index"
+        v-bind="contentProps"
+        :value="item.value || String(index)"
+        data-slot="content"
+        :class="ui.content({ class: props.ui?.content })"
+      >
         <slot :name="item.slot || 'content'" :item="item" :index="index">
           {{ item.content }}
         </slot>
diff --git a/src/runtime/components/Textarea.vue b/src/runtime/components/Textarea.vue
index b06e927613..37ebb88d52 100644
--- a/src/runtime/components/Textarea.vue
+++ b/src/runtime/components/Textarea.vue
@@ -167,7 +167,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <textarea
       :id="id"
       ref="textareaRef"
@@ -175,6 +175,7 @@ onMounted(() => {
       :name="name"
       :rows="rows"
       :placeholder="placeholder"
+      data-slot="base"
       :class="ui.base({ class: props.ui?.base })"
       :disabled="disabled"
       :required="required"
diff --git a/src/runtime/components/Toast.vue b/src/runtime/components/Toast.vue
index d7259b0208..0a45ea42d1 100644
--- a/src/runtime/components/Toast.vue
+++ b/src/runtime/components/Toast.vue
@@ -101,27 +101,28 @@ defineExpose({
     ref="el"
     v-slot="{ remaining, duration }"
     v-bind="rootProps"
+    data-slot="root"
     :class="ui.root({ class: [props.class, props.ui?.root], multiline })"
     :style="{ '--height': height }"
   >
     <slot name="leading">
-      <UAvatar v-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
-      <UIcon v-else-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
+      <UAvatar v-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" data-slot="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
+      <UIcon v-else-if="icon" :name="icon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
     </slot>
 
-    <div :class="ui.wrapper({ class: props.ui?.wrapper })">
-      <ToastTitle v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
+    <div data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
+      <ToastTitle v-if="title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
         <slot name="title">
           {{ title }}
         </slot>
       </ToastTitle>
-      <ToastDescription v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
+      <ToastDescription v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description">
           {{ description }}
         </slot>
       </ToastDescription>
 
-      <div v-if="multiline && actions?.length" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
+      <div v-if="multiline && actions?.length" data-slot="actions" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
         <slot name="actions">
           <ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
             <UButton size="xs" :color="color" v-bind="action" />
@@ -130,7 +131,7 @@ defineExpose({
       </div>
     </div>
 
-    <div v-if="(!multiline && actions?.length) || close !== null" :class="ui.actions({ class: props.ui?.actions, multiline: false })">
+    <div v-if="(!multiline && actions?.length) || close !== null" data-slot="actions" :class="ui.actions({ class: props.ui?.actions, multiline: false })">
       <template v-if="!multiline">
         <slot name="actions">
           <ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
@@ -149,6 +150,7 @@ defineExpose({
             variant="link"
             aria-label="Close"
             v-bind="typeof close === 'object' ? close : undefined"
+            data-slot="close"
             :class="ui.close({ class: props.ui?.close })"
             @click.stop
           />
@@ -156,6 +158,6 @@ defineExpose({
       </ToastClose>
     </div>
 
-    <div v-if="remaining > 0 && duration" :class="ui.progress({ class: props.ui?.progress })" :style="{ width: `${remaining / duration * 100}%` }" />
+    <div v-if="remaining > 0 && duration" data-slot="progress" :class="ui.progress({ class: props.ui?.progress })" :style="{ width: `${remaining / duration * 100}%` }" />
   </ToastRoot>
 </template>
diff --git a/src/runtime/components/Toaster.vue b/src/runtime/components/Toaster.vue
index d4214b359b..05c5fd2f0f 100644
--- a/src/runtime/components/Toaster.vue
+++ b/src/runtime/components/Toaster.vue
@@ -115,6 +115,7 @@ function getOffset(index: number) {
 
     <ToastViewport
       :data-expanded="expanded"
+      data-slot="viewport"
       :class="ui.viewport({ class: props.class })"
       :style="{
         '--scale-factor': '0.05',
diff --git a/src/runtime/components/Tooltip.vue b/src/runtime/components/Tooltip.vue
index 916d7e3a03..446e6925e5 100644
--- a/src/runtime/components/Tooltip.vue
+++ b/src/runtime/components/Tooltip.vue
@@ -72,16 +72,16 @@ const ui = computed(() => tooltip({
     </TooltipTrigger>
 
     <TooltipPortal :disabled="!portal">
-      <TooltipContent v-bind="contentProps" :class="ui.content({ class: [props.class, props.ui?.content] })">
+      <TooltipContent v-bind="contentProps" data-slot="content" :class="ui.content({ class: [props.class, props.ui?.content] })">
         <slot name="content">
-          <span v-if="text" :class="ui.text({ class: props.ui?.text })">{{ text }}</span>
+          <span v-if="text" data-slot="text" :class="ui.text({ class: props.ui?.text })">{{ text }}</span>
 
-          <span v-if="kbds?.length" :class="ui.kbds({ class: props.ui?.kbds })">
+          <span v-if="kbds?.length" data-slot="kbds" :class="ui.kbds({ class: props.ui?.kbds })">
             <UKbd v-for="(kbd, index) in kbds" :key="index" :size="((props.ui?.kbdsSize || ui.kbdsSize()) as KbdProps['size'])" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
           </span>
         </slot>
 
-        <TooltipArrow v-if="!!arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" />
+        <TooltipArrow v-if="!!arrow" v-bind="arrowProps" data-slot="arrow" :class="ui.arrow({ class: props.ui?.arrow })" />
       </TooltipContent>
     </TooltipPortal>
   </TooltipRoot>
diff --git a/src/runtime/devtools/pages/index.vue b/src/runtime/devtools/pages/index.vue
index 703aea646b..56716cbaf7 100644
--- a/src/runtime/devtools/pages/index.vue
+++ b/src/runtime/devtools/pages/index.vue
@@ -1,317 +1,317 @@
 <script setup lang="ts">
-import { ref, computed } from "vue";
-import * as ui from "#build/ui";
-import { pascalCase } from "scule";
-import { updateAppConfig } from "#app";
-import { definePageMeta, resolveComponent } from "#imports";
+import { ref, computed } from 'vue'
+import * as ui from '#build/ui'
+import { pascalCase } from 'scule'
+import { updateAppConfig } from '#app'
+import { definePageMeta, resolveComponent } from '#imports'
 
 definePageMeta({
-  layout: false,
-});
+  layout: false
+})
 
 const componentExample = {
   accordion: {
-    component: resolveComponent("UAccordion"),
+    component: resolveComponent('UAccordion'),
     props: {
       items: [
         {
-          label: "Getting Started",
-          icon: "i-heroicons-information-circle",
+          label: 'Getting Started',
+          icon: 'i-heroicons-information-circle',
           content:
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
         },
         {
-          label: "Installation",
-          icon: "i-heroicons-arrow-down-tray",
+          label: 'Installation',
+          icon: 'i-heroicons-arrow-down-tray',
           disabled: true,
           content:
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
         },
         {
-          label: "Theming",
-          icon: "i-heroicons-eye-dropper",
+          label: 'Theming',
+          icon: 'i-heroicons-eye-dropper',
           content:
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
         },
         {
-          label: "Layouts",
-          icon: "i-heroicons-rectangle-group",
+          label: 'Layouts',
+          icon: 'i-heroicons-rectangle-group',
           content:
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
         },
         {
-          label: "Components",
-          icon: "i-heroicons-square-3-stack-3d",
+          label: 'Components',
+          icon: 'i-heroicons-square-3-stack-3d',
           content:
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
+            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
         },
         {
-          label: "Utilities",
-          slot: "custom" as const,
-          icon: "i-heroicons-wrench-screwdriver",
+          label: 'Utilities',
+          slot: 'custom' as const,
+          icon: 'i-heroicons-wrench-screwdriver',
           content:
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.",
-        },
-      ],
-    },
+            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
+        }
+      ]
+    }
   },
   alert: {
-    component: resolveComponent("UAlert"),
+    component: resolveComponent('UAlert'),
     props: {
-      title: "Heads up!",
-      description: "You can change the primary color in your app config.",
-      icon: "i-heroicons-command-line",
-      close: true,
-    },
+      title: 'Heads up!',
+      description: 'You can change the primary color in your app config.',
+      icon: 'i-heroicons-command-line',
+      close: true
+    }
   },
   avatar: {
-    component: resolveComponent("UAvatar"),
+    component: resolveComponent('UAvatar'),
     props: {
-      src: "https://github.com/benjamincanac.png",
-    },
+      src: 'https://github.com/benjamincanac.png'
+    }
   },
   badge: {
-    component: resolveComponent("UBadge"),
+    component: resolveComponent('UBadge'),
     props: {
-      label: "badge",
-    },
+      label: 'badge'
+    }
   },
   breadcrumb: {
-    component: resolveComponent("UBreadcrumb"),
+    component: resolveComponent('UBreadcrumb'),
     props: {
       items: [
         {
-          label: "Home",
-          to: "/",
+          label: 'Home',
+          to: '/'
         },
         {
-          slot: "dropdown" as const,
-          icon: "i-heroicons-ellipsis-horizontal",
+          slot: 'dropdown' as const,
+          icon: 'i-heroicons-ellipsis-horizontal',
           children: [
             {
-              label: "Documentation",
+              label: 'Documentation'
             },
             {
-              label: "Themes",
+              label: 'Themes'
             },
             {
-              label: "GitHub",
-            },
-          ],
+              label: 'GitHub'
+            }
+          ]
         },
         {
-          label: "Components",
-          disabled: true,
+          label: 'Components',
+          disabled: true
         },
         {
-          label: "Breadcrumb",
-          to: "/components/breadcrumb",
-        },
-      ],
-    },
+          label: 'Breadcrumb',
+          to: '/components/breadcrumb'
+        }
+      ]
+    }
   },
   button: {
-    component: resolveComponent("UButton"),
+    component: resolveComponent('UButton'),
     props: {
-      label: "Click me!",
-      icon: "i-heroicons-rocket-launch-20-solid",
-    },
+      label: 'Click me!',
+      icon: 'i-heroicons-rocket-launch-20-solid'
+    }
   },
   buttonGroup: {
-    component: resolveComponent("UButtonGroup"),
-    props: {},
+    component: resolveComponent('UButtonGroup'),
+    props: {}
   },
   card: {
-    component: resolveComponent("UCard"),
-    props: {},
+    component: resolveComponent('UCard'),
+    props: {}
   },
   checkbox: {
-    component: resolveComponent("UCheckbox"),
+    component: resolveComponent('UCheckbox'),
     props: {
-      label: "Check me!",
-    },
+      label: 'Check me!'
+    }
   },
   chip: {
-    component: resolveComponent("UChip"),
+    component: resolveComponent('UChip'),
     props: {
-      icon: "i-heroicons-bell",
-      count: 3,
-    },
+      icon: 'i-heroicons-bell',
+      count: 3
+    }
   },
   collapsible: {
-    component: resolveComponent("UCollapsible"),
-    props: {},
+    component: resolveComponent('UCollapsible'),
+    props: {}
   },
   contextMenu: {
-    component: resolveComponent("UContextMenu"),
-    props: {},
+    component: resolveComponent('UContextMenu'),
+    props: {}
   },
   commandPalette: {
-    component: resolveComponent("UCommandPalette"),
-    props: {},
+    component: resolveComponent('UCommandPalette'),
+    props: {}
   },
   drawer: {
-    component: resolveComponent("UDrawer"),
-    props: {},
+    component: resolveComponent('UDrawer'),
+    props: {}
   },
   dropdownMenu: {
-    component: resolveComponent("UDropdownMenu"),
-    props: {},
+    component: resolveComponent('UDropdownMenu'),
+    props: {}
   },
   form: {
-    component: resolveComponent("UForm"),
-    props: {},
+    component: resolveComponent('UForm'),
+    props: {}
   },
   formField: {
-    component: resolveComponent("UFormField"),
-    props: {},
+    component: resolveComponent('UFormField'),
+    props: {}
   },
   input: {
-    component: resolveComponent("UInput"),
-    props: {},
+    component: resolveComponent('UInput'),
+    props: {}
   },
   inputMenu: {
-    component: resolveComponent("UInputMenu"),
-    props: {},
+    component: resolveComponent('UInputMenu'),
+    props: {}
   },
   kbd: {
-    component: resolveComponent("UKbd"),
-    props: {},
+    component: resolveComponent('UKbd'),
+    props: {}
   },
   link: {
-    component: resolveComponent("ULink"),
-    props: {},
+    component: resolveComponent('ULink'),
+    props: {}
   },
   modal: {
-    component: resolveComponent("UModal"),
-    props: {},
+    component: resolveComponent('UModal'),
+    props: {}
   },
   navigationMenu: {
-    component: resolveComponent("UNavigationMenu"),
-    props: {},
+    component: resolveComponent('UNavigationMenu'),
+    props: {}
   },
   pagination: {
-    component: resolveComponent("UPagination"),
-    props: {},
+    component: resolveComponent('UPagination'),
+    props: {}
   },
   popover: {
-    component: resolveComponent("UPopover"),
-    props: {},
+    component: resolveComponent('UPopover'),
+    props: {}
   },
   progress: {
-    component: resolveComponent("UProgress"),
-    props: {},
+    component: resolveComponent('UProgress'),
+    props: {}
   },
   radioGroup: {
-    component: resolveComponent("URadioGroup"),
-    props: {},
+    component: resolveComponent('URadioGroup'),
+    props: {}
   },
   select: {
-    component: resolveComponent("USelect"),
-    props: {},
+    component: resolveComponent('USelect'),
+    props: {}
   },
   selectMenu: {
-    component: resolveComponent("USelectMenu"),
-    props: {},
+    component: resolveComponent('USelectMenu'),
+    props: {}
   },
   separator: {
-    component: resolveComponent("USeparator"),
-    props: {},
+    component: resolveComponent('USeparator'),
+    props: {}
   },
   shortcuts: {
-    component: resolveComponent("UShortcuts"),
-    props: {},
+    component: resolveComponent('UShortcuts'),
+    props: {}
   },
   skeleton: {
-    component: resolveComponent("USkeleton"),
-    props: {},
+    component: resolveComponent('USkeleton'),
+    props: {}
   },
   slideover: {
-    component: resolveComponent("USlideover"),
-    props: {},
+    component: resolveComponent('USlideover'),
+    props: {}
   },
   slider: {
-    component: resolveComponent("USlider"),
-    props: {},
+    component: resolveComponent('USlider'),
+    props: {}
   },
   switch: {
-    component: resolveComponent("USwitch"),
-    props: {},
+    component: resolveComponent('USwitch'),
+    props: {}
   },
   tabs: {
-    component: resolveComponent("UTabs"),
-    props: {},
+    component: resolveComponent('UTabs'),
+    props: {}
   },
   textarea: {
-    component: resolveComponent("UTextarea"),
-    props: {},
+    component: resolveComponent('UTextarea'),
+    props: {}
   },
   toast: {
-    component: resolveComponent("UToast"),
-    props: {},
+    component: resolveComponent('UToast'),
+    props: {}
   },
   tooltip: {
-    component: resolveComponent("UTooltip"),
-    props: {},
-  },
-};
-const appConfig = useAppConfig();
+    component: resolveComponent('UTooltip'),
+    props: {}
+  }
+}
+const appConfig = useAppConfig()
 
 const components = Object.keys(ui).map((key) => {
-  const slots = (ui as any)[key].slots;
+  const slots = (ui as any)[key].slots
 
   return {
     key,
     value: key,
     label: `U${pascalCase(key)}`,
     slots: slots
-      ? Object.keys(slots)?.map((id) => ({
-          id,
-          value: appConfig.ui?.[key]?.slots?.[id], // TODO: default to app.config value
-        }))
-      : [],
-  };
-});
+      ? Object.keys(slots)?.map(id => ({
+        id,
+        value: appConfig.ui?.[key]?.slots?.[id] // TODO: default to app.config value
+      }))
+      : [{ id: 'base', value: '' }]
+  }
+})
 
-const component = ref(components.find((c) => c.key === "button"));
+const component = ref(components.find(c => c.key === 'button'))
 
-const preview = ref();
+const preview = ref()
 const computedUI = computed(() => {
-  if (!component.value) return;
+  if (!component.value) return
 
   return component.value.slots?.reduce(
     (acc, slot) => {
-      acc[slot.id] = slot.value;
-      return acc;
+      acc[slot.id] = slot.value
+      return acc
     },
-    {} as Record<string, any>,
-  );
-});
+    {} as Record<string, any>
+  )
+})
 
 function onHover(slotId: string) {
-  const element = preview.value.querySelector(`[data-slot=${slotId}]`);
+  const element = preview.value.querySelector(`[data-slot=${slotId}]`)
   if (element) {
-    element.classList.add("highlight");
+    element.classList.add('highlight')
   }
 }
 
 function onLeave(slotId: string) {
-  const element = preview.value.querySelector(`[data-slot=${slotId}]`);
+  const element = preview.value.querySelector(`[data-slot=${slotId}]`)
   if (element) {
-    element.classList.remove("highlight");
+    element.classList.remove('highlight')
   }
 }
 
 function saveConfig() {
-  if (!component.value) return;
+  if (!component.value) return
   updateAppConfig({
-    ui: { [component.value.key]: { slots: computedUI.value } },
-  });
+    ui: { [component.value.key]: { slots: computedUI.value } }
+  })
 
-  $fetch("/_ui/config", {
-    method: "POST",
-    body: appConfig,
-  });
+  $fetch('/_ui/config', {
+    method: 'POST',
+    body: appConfig
+  })
 }
 </script>
 
@@ -328,7 +328,9 @@ function saveConfig() {
         placeholder="Search component..."
       />
 
-      <UButton variant="ghost" @click="saveConfig"> Save config </UButton>
+      <UButton variant="ghost" @click="saveConfig">
+        Save config
+      </UButton>
     </div>
     <div
       class="absolute top-[49px] inset-x-0 bottom-0 overflow-y-scroll grid grid-cols-3 gap-4"

From 72a6ca2174d7fbf7263bdba6acea68bd778538b0 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Wed, 18 Sep 2024 17:36:01 +0200
Subject: [PATCH 03/92] refactor(devtools): override nuxt-root

---
 playground/app/app.config.ts                  | 2882 +----------------
 playground/app/app.vue                        |    6 +-
 playground/app/components/island-renderer.ts  |   37 +
 playground/app/components/nuxt-root.vue       |   66 +
 .../components/Devtools.vue}                  |    0
 src/devtools/island-renderer.ts               |   37 +
 src/devtools/nuxt-root.vue                    |   69 +
 .../devtools/server/config.post.ts            |    0
 src/module.ts                                 |   12 +-
 9 files changed, 223 insertions(+), 2886 deletions(-)
 create mode 100644 playground/app/components/island-renderer.ts
 create mode 100644 playground/app/components/nuxt-root.vue
 rename src/{runtime/devtools/pages/index.vue => devtools/components/Devtools.vue} (100%)
 create mode 100644 src/devtools/island-renderer.ts
 create mode 100644 src/devtools/nuxt-root.vue
 rename src/{runtime => }/devtools/server/config.post.ts (100%)

diff --git a/playground/app/app.config.ts b/playground/app/app.config.ts
index a73c6b7796..7d70ca73ac 100644
--- a/playground/app/app.config.ts
+++ b/playground/app/app.config.ts
@@ -1,2885 +1,13 @@
 export default defineAppConfig({
-  nuxt: {},
+  toaster: {
+    position: 'bottom-right' as const,
+    expand: true,
+    duration: 5000
+  },
   ui: {
     colors: {
       primary: 'sky',
-      error: 'red',
       gray: 'cool'
-    },
-    icons: {
-      chevronDoubleLeft: 'i-heroicons-chevron-double-left-20-solid',
-      chevronDoubleRight: 'i-heroicons-chevron-double-right-20-solid',
-      chevronDown: 'i-heroicons-chevron-down-20-solid',
-      chevronLeft: 'i-heroicons-chevron-left-20-solid',
-      chevronRight: 'i-heroicons-chevron-right-20-solid',
-      check: 'i-heroicons-check-20-solid',
-      close: 'i-heroicons-x-mark-20-solid',
-      ellipsis: 'i-heroicons-ellipsis-horizontal-20-solid',
-      external: 'i-heroicons-arrow-up-right-20-solid',
-      loading: 'i-heroicons-arrow-path-20-solid',
-      minus: 'i-heroicons-minus-20-solid',
-      search: 'i-heroicons-magnifying-glass-20-solid'
-    },
-    button: {
-      slots: {
-        base: 'rounded-md',
-        label: ''
-      }
     }
-  },
-  icon: {
-    provider: 'server',
-    class: '',
-    aliases: {},
-    iconifyApiEndpoint: 'https://api.iconify.design',
-    localApiEndpoint: '/api/_nuxt_icon',
-    fallbackToApi: true,
-    cssSelectorPrefix: 'i-',
-    cssWherePseudo: true,
-    cssLayer: 'components',
-    mode: 'css',
-    attrs: {
-      'aria-hidden': true
-    },
-    collections: [
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'fluent-emoji-high-contrast',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'material-symbols-light',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'cryptocurrency-color',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'emojione-monotone',
-      'fluent-emoji-flat',
-      'heroicons-outline',
-      'icon-park-outline',
-      'icon-park-twotone',
-      'simple-line-icons',
-      'streamline-emojis',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'flat-color-icons',
-      'material-symbols',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'heroicons-solid',
-      'icon-park-solid',
-      'pepicons-pencil',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'cryptocurrency',
-      'pepicons-print',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'bitcoin-icons',
-      'devicon-plain',
-      'entypo-social',
-      'grommet-icons',
-      'pixelarticons',
-      'system-uicons',
-      'token-branded',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'circle-flags',
-      'fluent-emoji',
-      'icomoon-free',
-      'medical-icon',
-      'pepicons-pop',
-      'simple-icons',
-      'svg-spinners',
-      'vscode-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'academicons',
-      'emojione-v1',
-      'fa6-regular',
-      'fluent-mdl2',
-      'healthicons',
-      'humbleicons',
-      'majesticons',
-      'radix-icons',
-      'rivet-icons',
-      'skill-icons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'akar-icons',
-      'ant-design',
-      'catppuccin',
-      'fa-regular',
-      'fa6-brands',
-      'file-icons',
-      'foundation',
-      'game-icons',
-      'gravity-ui',
-      'lets-icons',
-      'lucide-lab',
-      'mono-icons',
-      'streamline',
-      'teenyicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'arcticons',
-      'dashicons',
-      'eos-icons',
-      'fa-brands',
-      'fa6-solid',
-      'fontelico',
-      'gridicons',
-      'heroicons',
-      'hugeicons',
-      'icon-park',
-      'iconamoon',
-      'mdi-light',
-      'meteocons',
-      'websymbol',
-      'zondicons',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'brandico',
-      'bytesize',
-      'emojione',
-      'fa-solid',
-      'flagpack',
-      'flowbite',
-      'fontisto',
-      'guidance',
-      'marketeq',
-      'mingcute',
-      'nonicons',
-      'openmoji',
-      'pepicons',
-      'si-glyph',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'clarity',
-      'codicon',
-      'devicon',
-      'feather',
-      'flat-ui',
-      'formkit',
-      'fxemoji',
-      'iconoir',
-      'line-md',
-      'noto-v1',
-      'octicon',
-      'pajamas',
-      'raphael',
-      'tdesign',
-      'topcoat',
-      'twemoji',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'carbon',
-      'circum',
-      'entypo',
-      'fluent',
-      'icons8',
-      'lucide',
-      'memory',
-      'mynaui',
-      'nimbus',
-      'subway',
-      'tabler',
-      'vaadin',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'basil',
-      'charm',
-      'covid',
-      'logos',
-      'prime',
-      'quill',
-      'solar',
-      'token',
-      'typcn',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bpmn',
-      'flag',
-      'gala',
-      'iwwa',
-      'mage',
-      'maki',
-      'noto',
-      'ooui',
-      'unjs',
-      'weui',
-      'zmdi',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bxl',
-      'bxs',
-      'cbi',
-      'cib',
-      'cif',
-      'cil',
-      'eva',
-      'fad',
-      'geo',
-      'gis',
-      'ion',
-      'jam',
-      'map',
-      'mdi',
-      'oui',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'whh',
-      'wpf',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'bi',
-      'bx',
-      'ci',
-      'ei',
-      'el',
-      'ep',
-      'et',
-      'f7',
-      'fa',
-      'fe',
-      'gg',
-      'ic',
-      'il',
-      'la',
-      'ls',
-      'mi',
-      'oi',
-      'ph',
-      'ps',
-      'ri',
-      'vs',
-      'wi',
-      'academicons',
-      'akar-icons',
-      'ant-design',
-      'arcticons',
-      'basil',
-      'bi',
-      'bitcoin-icons',
-      'bpmn',
-      'brandico',
-      'bx',
-      'bxl',
-      'bxs',
-      'bytesize',
-      'carbon',
-      'catppuccin',
-      'cbi',
-      'charm',
-      'ci',
-      'cib',
-      'cif',
-      'cil',
-      'circle-flags',
-      'circum',
-      'clarity',
-      'codicon',
-      'covid',
-      'cryptocurrency',
-      'cryptocurrency-color',
-      'dashicons',
-      'devicon',
-      'devicon-plain',
-      'ei',
-      'el',
-      'emojione',
-      'emojione-monotone',
-      'emojione-v1',
-      'entypo',
-      'entypo-social',
-      'eos-icons',
-      'ep',
-      'et',
-      'eva',
-      'f7',
-      'fa',
-      'fa-brands',
-      'fa-regular',
-      'fa-solid',
-      'fa6-brands',
-      'fa6-regular',
-      'fa6-solid',
-      'fad',
-      'fe',
-      'feather',
-      'file-icons',
-      'flag',
-      'flagpack',
-      'flat-color-icons',
-      'flat-ui',
-      'flowbite',
-      'fluent',
-      'fluent-emoji',
-      'fluent-emoji-flat',
-      'fluent-emoji-high-contrast',
-      'fluent-mdl2',
-      'fontelico',
-      'fontisto',
-      'formkit',
-      'foundation',
-      'fxemoji',
-      'gala',
-      'game-icons',
-      'geo',
-      'gg',
-      'gis',
-      'gravity-ui',
-      'gridicons',
-      'grommet-icons',
-      'guidance',
-      'healthicons',
-      'heroicons',
-      'heroicons-outline',
-      'heroicons-solid',
-      'hugeicons',
-      'humbleicons',
-      'ic',
-      'icomoon-free',
-      'icon-park',
-      'icon-park-outline',
-      'icon-park-solid',
-      'icon-park-twotone',
-      'iconamoon',
-      'iconoir',
-      'icons8',
-      'il',
-      'ion',
-      'iwwa',
-      'jam',
-      'la',
-      'lets-icons',
-      'line-md',
-      'logos',
-      'ls',
-      'lucide',
-      'lucide-lab',
-      'mage',
-      'majesticons',
-      'maki',
-      'map',
-      'marketeq',
-      'material-symbols',
-      'material-symbols-light',
-      'mdi',
-      'mdi-light',
-      'medical-icon',
-      'memory',
-      'meteocons',
-      'mi',
-      'mingcute',
-      'mono-icons',
-      'mynaui',
-      'nimbus',
-      'nonicons',
-      'noto',
-      'noto-v1',
-      'octicon',
-      'oi',
-      'ooui',
-      'openmoji',
-      'oui',
-      'pajamas',
-      'pepicons',
-      'pepicons-pencil',
-      'pepicons-pop',
-      'pepicons-print',
-      'ph',
-      'pixelarticons',
-      'prime',
-      'ps',
-      'quill',
-      'radix-icons',
-      'raphael',
-      'ri',
-      'rivet-icons',
-      'si-glyph',
-      'simple-icons',
-      'simple-line-icons',
-      'skill-icons',
-      'solar',
-      'streamline',
-      'streamline-emojis',
-      'subway',
-      'svg-spinners',
-      'system-uicons',
-      'tabler',
-      'tdesign',
-      'teenyicons',
-      'token',
-      'token-branded',
-      'topcoat',
-      'twemoji',
-      'typcn',
-      'uil',
-      'uim',
-      'uis',
-      'uit',
-      'uiw',
-      'unjs',
-      'vaadin',
-      'vs',
-      'vscode-icons',
-      'websymbol',
-      'weui',
-      'whh',
-      'wi',
-      'wpf',
-      'zmdi',
-      'zondicons'
-    ],
-    fetchTimeout: 500
-  },
-  toaster: {
-    position: 'bottom-right',
-    expand: true,
-    duration: 5000
   }
 })
diff --git a/playground/app/app.vue b/playground/app/app.vue
index 529d055984..c6d00c19b0 100644
--- a/playground/app/app.vue
+++ b/playground/app/app.vue
@@ -64,11 +64,7 @@ defineShortcuts({
 </script>
 
 <template>
-  <!-- TODO: Find a way to include the page without the added template from app.vue and layouts -->
-  <div v-if="$route.name === 'ui-devtools'">
-    <NuxtPage />
-  </div>
-  <UApp v-else :toaster="appConfig.toaster">
+  <UApp :toaster="appConfig.toaster">
     <div class="h-screen w-screen overflow-hidden flex min-h-0 bg-white dark:bg-gray-900" vaul-drawer-wrapper>
       <UNavigationMenu :items="items" orientation="vertical" class="border-r border-gray-200 dark:border-gray-800 overflow-y-auto w-48 p-4" />
 
diff --git a/playground/app/components/island-renderer.ts b/playground/app/components/island-renderer.ts
new file mode 100644
index 0000000000..b1ec26cc94
--- /dev/null
+++ b/playground/app/components/island-renderer.ts
@@ -0,0 +1,37 @@
+import type { defineAsyncComponent } from 'vue'
+import { createVNode, defineComponent, onErrorCaptured } from 'vue'
+
+import { injectHead } from '@unhead/vue'
+
+// @ts-expect-error virtual file
+import { islandComponents } from '#build/components.islands.mjs'
+
+export default defineComponent({
+  name: 'IslandRenderer',
+  props: {
+    context: {
+      type: Object as () => { name: string, props?: Record<string, any> },
+      required: true
+    }
+  },
+  setup(props) {
+    // reset head - we don't want to have any head tags from plugin or anywhere else.
+    const head = injectHead()
+    head.headEntries().splice(0, head.headEntries().length)
+
+    const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
+
+    if (!component) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: `Island component not found: ${props.context.name}`
+      })
+    }
+
+    onErrorCaptured((e) => {
+      console.log(e)
+    })
+
+    return () => createVNode(component || 'span', { ...props.context.props, 'data-island-uid': '' })
+  }
+})
diff --git a/playground/app/components/nuxt-root.vue b/playground/app/components/nuxt-root.vue
new file mode 100644
index 0000000000..06fdf25931
--- /dev/null
+++ b/playground/app/components/nuxt-root.vue
@@ -0,0 +1,66 @@
+<template>
+  <Suspense @resolve="onResolve">
+    <div v-if="abortRender" />
+    <ErrorComponent
+      v-else-if="error"
+      :error="error"
+    />
+    <IslandRenderer
+      v-else-if="islandContext"
+      :context="islandContext"
+    />
+    <component
+      :is="SingleRenderer"
+      v-else-if="SingleRenderer"
+    />
+    <AppComponent v-else />
+  </Suspense>
+</template>
+
+<script setup>
+import { defineAsyncComponent, onErrorCaptured, onServerPrefetch, provide } from 'vue'
+import AppComponent from '#build/app-component.mjs'
+import ErrorComponent from '#build/error-component.mjs'
+// @ts-expect-error virtual file
+import { componentIslands } from '#build/nuxt.config.mjs'
+
+const IslandRenderer = import.meta.server && componentIslands
+  ? defineAsyncComponent(() => import('./island-renderer').then(r => r.default || r))
+  : () => null
+
+const nuxtApp = useNuxtApp()
+const onResolve = nuxtApp.deferHydration()
+if (import.meta.client && nuxtApp.isHydrating) {
+  const removeErrorHook = nuxtApp.hooks.hookOnce('app:error', onResolve)
+  useRouter().beforeEach(removeErrorHook)
+}
+
+const url = import.meta.server ? nuxtApp.ssrContext.url : window.location.pathname
+const SingleRenderer = import.meta.test && import.meta.dev && import.meta.server && url.startsWith('/__nuxt_component_test__/') && defineAsyncComponent(() => import('#build/test-component-wrapper.mjs')
+  .then(r => r.default(import.meta.server ? url : window.location.href)))
+
+// Inject default route (outside of pages) as active route
+provide('route', useRoute())
+
+// vue:setup hook
+const results = nuxtApp.hooks.callHookWith(hooks => hooks.map(hook => hook()), 'vue:setup')
+if (import.meta.dev && results && results.some(i => i && 'then' in i)) {
+  console.error('[nuxt] Error in `vue:setup`. Callbacks must be synchronous.')
+}
+
+// error handling
+const error = useError()
+// render an empty <div> when plugins have thrown an error but we're not yet rendering the error page
+const abortRender = import.meta.server && error.value && !nuxtApp.ssrContext.error
+onErrorCaptured((err, target, info) => {
+  nuxtApp.hooks.callHook('vue:error', err, target, info).catch(hookError => console.error('[nuxt] Error in `vue:error` hook', hookError))
+  if (import.meta.server || (isNuxtError(err) && (err.fatal || err.unhandled))) {
+    const p = nuxtApp.runWithContext(() => showError(err))
+    onServerPrefetch(() => p)
+    return false // suppress error from breaking render
+  }
+})
+
+// Component islands context
+const islandContext = import.meta.server && nuxtApp.ssrContext.islandContext
+</script>
diff --git a/src/runtime/devtools/pages/index.vue b/src/devtools/components/Devtools.vue
similarity index 100%
rename from src/runtime/devtools/pages/index.vue
rename to src/devtools/components/Devtools.vue
diff --git a/src/devtools/island-renderer.ts b/src/devtools/island-renderer.ts
new file mode 100644
index 0000000000..b1ec26cc94
--- /dev/null
+++ b/src/devtools/island-renderer.ts
@@ -0,0 +1,37 @@
+import type { defineAsyncComponent } from 'vue'
+import { createVNode, defineComponent, onErrorCaptured } from 'vue'
+
+import { injectHead } from '@unhead/vue'
+
+// @ts-expect-error virtual file
+import { islandComponents } from '#build/components.islands.mjs'
+
+export default defineComponent({
+  name: 'IslandRenderer',
+  props: {
+    context: {
+      type: Object as () => { name: string, props?: Record<string, any> },
+      required: true
+    }
+  },
+  setup(props) {
+    // reset head - we don't want to have any head tags from plugin or anywhere else.
+    const head = injectHead()
+    head.headEntries().splice(0, head.headEntries().length)
+
+    const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
+
+    if (!component) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: `Island component not found: ${props.context.name}`
+      })
+    }
+
+    onErrorCaptured((e) => {
+      console.log(e)
+    })
+
+    return () => createVNode(component || 'span', { ...props.context.props, 'data-island-uid': '' })
+  }
+})
diff --git a/src/devtools/nuxt-root.vue b/src/devtools/nuxt-root.vue
new file mode 100644
index 0000000000..a11bd29e53
--- /dev/null
+++ b/src/devtools/nuxt-root.vue
@@ -0,0 +1,69 @@
+<template>
+  <Suspense @resolve="onResolve">
+    <div v-if="abortRender" />
+    <ErrorComponent
+      v-else-if="error"
+      :error="error"
+    />
+    <IslandRenderer
+      v-else-if="islandContext"
+      :context="islandContext"
+    />
+    <component
+      :is="SingleRenderer"
+      v-else-if="SingleRenderer"
+    />
+    <Devtools v-else-if="url === '/_ui/devtools'" />
+    <AppComponent v-else />
+  </Suspense>
+</template>
+
+<script setup>
+import { defineAsyncComponent, onErrorCaptured, onServerPrefetch, provide } from 'vue'
+import AppComponent from '#build/app-component.mjs'
+import ErrorComponent from '#build/error-component.mjs'
+// @ts-expect-error virtual file
+import { componentIslands } from '#build/nuxt.config.mjs'
+import Devtools from './components/Devtools.vue'
+
+const IslandRenderer = import.meta.server && componentIslands
+  ? defineAsyncComponent(() => import('./island-renderer').then(r => r.default || r))
+  : () => null
+
+const nuxtApp = useNuxtApp()
+const onResolve = nuxtApp.deferHydration()
+if (import.meta.client && nuxtApp.isHydrating) {
+  const removeErrorHook = nuxtApp.hooks.hookOnce('app:error', onResolve)
+  useRouter().beforeEach(removeErrorHook)
+}
+
+const url = import.meta.server ? nuxtApp.ssrContext.url : window.location.pathname
+
+const SingleRenderer = import.meta.test && import.meta.dev && import.meta.server && url.startsWith('/__nuxt_component_test__/') && defineAsyncComponent(() => import('#build/test-component-wrapper.mjs')
+  .then(r => r.default(import.meta.server ? url : window.location.href)))
+
+// Inject default route (outside of pages) as active route
+provide('route', useRoute())
+
+// vue:setup hook
+const results = nuxtApp.hooks.callHookWith(hooks => hooks.map(hook => hook()), 'vue:setup')
+if (import.meta.dev && results && results.some(i => i && 'then' in i)) {
+  console.error('[nuxt] Error in `vue:setup`. Callbacks must be synchronous.')
+}
+
+// error handling
+const error = useError()
+// render an empty <div> when plugins have thrown an error but we're not yet rendering the error page
+const abortRender = import.meta.server && error.value && !nuxtApp.ssrContext.error
+onErrorCaptured((err, target, info) => {
+  nuxtApp.hooks.callHook('vue:error', err, target, info).catch(hookError => console.error('[nuxt] Error in `vue:error` hook', hookError))
+  if (import.meta.server || (isNuxtError(err) && (err.fatal || err.unhandled))) {
+    const p = nuxtApp.runWithContext(() => showError(err))
+    onServerPrefetch(() => p)
+    return false // suppress error from breaking render
+  }
+})
+
+// Component islands context
+const islandContext = import.meta.server && nuxtApp.ssrContext.islandContext
+</script>
diff --git a/src/runtime/devtools/server/config.post.ts b/src/devtools/server/config.post.ts
similarity index 100%
rename from src/runtime/devtools/server/config.post.ts
rename to src/devtools/server/config.post.ts
diff --git a/src/module.ts b/src/module.ts
index 25f4b1f336..29f8a3f6dd 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -2,7 +2,6 @@ import { defu } from 'defu'
 import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addVitePlugin, addPlugin, installModule, extendPages, addServerHandler, hasNuxtModule } from '@nuxt/kit'
 import { addTemplates } from './templates'
 import icons from './theme/icons'
-
 import { addCustomTab } from '@nuxt/devtools-kit'
 
 export type * from './runtime/types'
@@ -121,20 +120,25 @@ export default defineNuxtModule<ModuleOptions>({
     addTemplates(options, nuxt)
 
     if (nuxt.options.dev) {
+      nuxt.hook('app:resolve', (app) => {
+        app.rootComponent = resolve('./devtools/nuxt-root.vue')
+      })
+
       addServerHandler({
         route: '/_ui/config',
-        handler: resolve('./runtime/devtools/server/config.post.ts'),
+        handler: resolve('./devtools/server/config.post.ts'),
         method: 'POST'
       })
 
       extendPages((pages) => {
         pages.unshift({
           name: 'ui-devtools',
-          path: '/_ui/devtools',
-          file: resolve('runtime/devtools/pages/index.vue')
+          path: '/_ui/devtools'
         })
       })
 
+      nuxt.options.nitro.routeRules['_ui/**'] = { ssr: false }
+
       addCustomTab({
         name: 'nuxt-ui',
         title: 'Nuxt UI',

From fe543794decd751950b889404881a5650ca501a7 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 20 Sep 2024 14:00:05 +0200
Subject: [PATCH 04/92] feat(devtools): init devtools app

---
 devtools/app/app.config.ts                    |   13 +
 devtools/app/app.vue                          |   48 +
 devtools/nuxt.config.ts                       |   23 +
 devtools/package.json                         |   15 +
 devtools/tsconfig.json                        |    4 +
 package.json                                  |    4 +-
 pnpm-lock.yaml                                | 1593 +++++++++--------
 pnpm-workspace.yaml                           |    1 +
 .../Devtools.vue => ComponentRenderer.vue}    |  138 +-
 src/devtools/nuxt-root.vue                    |    4 +-
 src/devtools/rpc.ts                           |   36 +
 src/module.ts                                 |   21 +-
 12 files changed, 1051 insertions(+), 849 deletions(-)
 create mode 100644 devtools/app/app.config.ts
 create mode 100644 devtools/app/app.vue
 create mode 100644 devtools/nuxt.config.ts
 create mode 100644 devtools/package.json
 create mode 100644 devtools/tsconfig.json
 rename src/devtools/{components/Devtools.vue => ComponentRenderer.vue} (66%)
 create mode 100644 src/devtools/rpc.ts

diff --git a/devtools/app/app.config.ts b/devtools/app/app.config.ts
new file mode 100644
index 0000000000..7d70ca73ac
--- /dev/null
+++ b/devtools/app/app.config.ts
@@ -0,0 +1,13 @@
+export default defineAppConfig({
+  toaster: {
+    position: 'bottom-right' as const,
+    expand: true,
+    duration: 5000
+  },
+  ui: {
+    colors: {
+      primary: 'sky',
+      gray: 'cool'
+    }
+  }
+})
diff --git a/devtools/app/app.vue b/devtools/app/app.vue
new file mode 100644
index 0000000000..c3264330f9
--- /dev/null
+++ b/devtools/app/app.vue
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
+import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
+
+const components = useState<Array<Component & { value: string }>>('ui-devtools-components')
+const component = useState<Component>('ui-devtools-component')
+
+onDevtoolsClientConnected(async (client) => {
+  const rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
+
+  // call server RPC functions
+  components.value = (await rpc.getComponents()).map(component => ({ ...component, value: component.slug }))
+
+  if (!component.value || !components.value.find(c => c.slug === component.value.slug)) {
+    component.value = components.value.find(comp => comp.slug === 'button')
+  }
+})
+</script>
+
+<template>
+  <UApp class="h-screen w-full relative">
+    <div
+      class="top-0 h-[49px] border-b border-gray-200 bg-white flex justify-center items-center px-2"
+    >
+      <UInputMenu
+        v-model="component"
+        variant="none"
+        :items="components"
+        class="grow"
+        placeholder="Search component..."
+        size="xl"
+      />
+    </div>
+    <div v-if="component" class="absolute top-[49px] bottom-0 inset-x-0 grid grid-cols-2 border-l border-gray-100">
+      <div class="bg-white">
+        <!-- TODO: Add component configuration and documentation -->
+      </div>
+      <div>
+        <iframe class="h-full w-full" :src="`/_ui/components/${component.slug}`" />
+      </div>
+    </div>
+  </UApp>
+</template>
+
+<style>
+@import 'tailwindcss';
+@import '@nuxt/ui';
+</style>
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
new file mode 100644
index 0000000000..5a0bce2ad8
--- /dev/null
+++ b/devtools/nuxt.config.ts
@@ -0,0 +1,23 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  ssr: false,
+  devtools: { enabled: false },
+  nitro: {
+    hooks: {
+      'prerender:routes': function (routes) {
+        routes.clear()
+      }
+    }
+  },
+
+  modules: ['../src/module'],
+
+  app: {
+    baseURL: '/_ui/devtools'
+  },
+
+  future: {
+    compatibilityVersion: 4
+  },
+  compatibilityDate: '2024-04-03'
+})
diff --git a/devtools/package.json b/devtools/package.json
new file mode 100644
index 0000000000..5296502d59
--- /dev/null
+++ b/devtools/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "@nuxt/ui-devtools",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview"
+  },
+  "dependencies": {
+    "nuxt": "^3.13.1",
+    "@nuxt/ui": "latest"
+  }
+}
diff --git a/devtools/tsconfig.json b/devtools/tsconfig.json
new file mode 100644
index 0000000000..a746f2a70c
--- /dev/null
+++ b/devtools/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}
diff --git a/package.json b/package.json
index f13410ec05..92891d6b34 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
     "prepack": "pnpm build",
     "dev": "DEV=true nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && nuxi prepare devtools",
     "docs": "DEV=true nuxi dev docs",
     "docs:build": "nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",
@@ -73,7 +73,9 @@
     "joi": "^17.13.3",
     "knitwork": "^1.1.0",
     "nuxt": "^3.13.1",
+    "nuxt-component-meta": "^0.8.2",
     "release-it": "^17.6.0",
+    "sirv": "^2.0.4",
     "valibot": "^0.41.0",
     "vitest": "^2.0.5",
     "vitest-environment-nuxt": "^1.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 517c93dfab..2356a4f673 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,31 +14,31 @@ importers:
     dependencies:
       '@nuxt/fonts':
         specifier: ^0.8.0
-        version: 0.8.0(ioredis@5.4.1)(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
+        version: 0.8.0(ioredis@5.4.1)(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
       '@nuxt/icon':
         specifier: ^1.5.1
-        version: 1.5.1(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
+        version: 1.5.1(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
       '@nuxt/kit':
         specifier: ^3.13.1
-        version: 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+        version: 3.13.2(magicast@0.3.5)(rollup@3.29.4)
       '@nuxt/schema':
         specifier: ^3.13.1
-        version: 3.13.1(rollup@3.29.4)
+        version: 3.13.2(rollup@3.29.4)
       '@nuxtjs/color-mode':
         specifier: ^3.4.4
-        version: 3.4.4(magicast@0.3.5)(rollup@3.29.4)
+        version: 3.5.1(magicast@0.3.5)(rollup@3.29.4)
       '@tailwindcss/postcss':
         specifier: 4.0.0-alpha.23
-        version: 4.0.0-alpha.23(postcss@8.4.45)
+        version: 4.0.0-alpha.23(postcss@8.4.47)
       '@tailwindcss/vite':
         specifier: 4.0.0-alpha.23
-        version: 4.0.0-alpha.23(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
+        version: 4.0.0-alpha.23(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
       '@vueuse/core':
         specifier: ^11.0.3
-        version: 11.0.3(vue@3.5.4(typescript@5.6.2))
+        version: 11.1.0(vue@3.5.6(typescript@5.6.2))
       '@vueuse/integrations':
         specifier: ^11.0.3
-        version: 11.0.3(fuse.js@7.0.0)(vue@3.5.4(typescript@5.6.2))
+        version: 11.1.0(fuse.js@7.0.0)(vue@3.5.6(typescript@5.6.2))
       defu:
         specifier: ^6.1.4
         version: 6.1.4
@@ -47,10 +47,10 @@ importers:
         version: 7.0.0
       ohash:
         specifier: ^1.1.3
-        version: 1.1.3
+        version: 1.1.4
       radix-vue:
         specifier: ^1.9.5
-        version: 1.9.5(vue@3.5.4(typescript@5.6.2))
+        version: 1.9.5(vue@3.5.6(typescript@5.6.2))
       scule:
         specifier: ^1.3.0
         version: 1.3.0
@@ -62,17 +62,17 @@ importers:
         version: 4.0.0-alpha.23
       vaul-vue:
         specifier: ^0.2.0
-        version: 0.2.0(radix-vue@1.9.5(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
+        version: 0.2.0(radix-vue@1.9.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2))
     devDependencies:
       '@nuxt/eslint-config':
         specifier: ^0.5.7
         version: 0.5.7(eslint@9.10.0(jiti@1.21.6))(typescript@5.6.2)
       '@nuxt/module-builder':
         specifier: ^0.8.4
-        version: 0.8.4(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4))(nuxi@3.13.1)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@3.29.4))(nuxi@3.13.2)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
       '@nuxt/test-utils':
         specifier: ^3.14.2
-        version: 3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
+        version: 3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.1)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.1.1(@types/node@22.5.5)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2))
       '@release-it/conventional-changelog':
         specifier: ^8.0.2
         version: 8.0.2(release-it@17.6.0(typescript@5.6.2))
@@ -93,19 +93,25 @@ importers:
         version: 1.1.0
       nuxt:
         specifier: ^3.13.1
-        version: 3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+      nuxt-component-meta:
+        specifier: ^0.8.2
+        version: 0.8.2(magicast@0.3.5)(rollup@3.29.4)
       release-it:
         specifier: ^17.6.0
         version: 17.6.0(typescript@5.6.2)
+      sirv:
+        specifier: ^2.0.4
+        version: 2.0.4
       valibot:
         specifier: ^0.41.0
         version: 0.41.0(typescript@5.6.2)
       vitest:
         specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0)
+        version: 2.1.1(@types/node@22.5.5)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0)
       vitest-environment-nuxt:
         specifier: ^1.0.1
-        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
+        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.1)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.1.1(@types/node@22.5.5)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2))
       vue-tsc:
         specifier: ^2.1.6
         version: 2.1.6(typescript@5.6.2)
@@ -131,6 +137,15 @@ importers:
         specifier: ^1.3.0
         version: 1.3.0
 
+  devtools:
+    dependencies:
+      '@nuxt/ui':
+        specifier: workspace:*
+        version: link:..
+      nuxt:
+        specifier: ^3.13.1
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+
   docs:
     dependencies:
       '@iconify-json/heroicons':
@@ -138,13 +153,13 @@ importers:
         version: 1.2.0
       '@iconify-json/simple-icons':
         specifier: ^1.2.2
-        version: 1.2.2
+        version: 1.2.3
       '@iconify-json/vscode-icons':
         specifier: ^1.2.1
-        version: 1.2.1
+        version: 1.2.2
       '@nuxt/content':
         specifier: ^2.13.2
-        version: 2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))
+        version: 2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))
       '@nuxt/image':
         specifier: ^1.8.0
         version: 1.8.0(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.21.3)
@@ -153,7 +168,7 @@ importers:
         version: link:..
       '@nuxt/ui-pro':
         specifier: 2.0.0-alpha.2
-        version: 2.0.0-alpha.2(magicast@0.3.5)(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))
+        version: 2.0.0-alpha.2(magicast@0.3.5)(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))
       '@nuxtjs/plausible':
         specifier: ^1.0.2
         version: 1.0.2(magicast@0.3.5)(rollup@4.21.3)
@@ -162,19 +177,19 @@ importers:
         version: 21.0.2
       '@vueuse/nuxt':
         specifier: ^11.0.3
-        version: 11.0.3(magicast@0.3.5)(nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))
+        version: 11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))
       joi:
         specifier: ^17.13.3
         version: 17.13.3
       nuxt:
         specifier: ^3.13.1
-        version: 3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
       nuxt-component-meta:
         specifier: ^0.8.2
         version: 0.8.2(magicast@0.3.5)(rollup@4.21.3)
       nuxt-og-image:
         specifier: ^3.0.1
-        version: 3.0.1(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
+        version: 3.0.2(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
@@ -198,7 +213,7 @@ importers:
         version: link:..
       nuxt:
         specifier: ^3.13.1
-        version: 3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
 
 packages:
 
@@ -953,8 +968,8 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.11.0':
-    resolution: {integrity: sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==}
+  '@eslint-community/regexpp@4.11.1':
+    resolution: {integrity: sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
   '@eslint/compat@1.1.1':
@@ -989,17 +1004,17 @@ packages:
     resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
     engines: {node: '>=14'}
 
-  '@floating-ui/core@1.6.7':
-    resolution: {integrity: sha512-yDzVT/Lm101nQ5TCVeK65LtdN7Tj4Qpr9RTXJ2vPFLqtLxwOrpoxAHAJI8J3yYWUc40J0BDBheaitK5SJmno2g==}
+  '@floating-ui/core@1.6.8':
+    resolution: {integrity: sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==}
 
-  '@floating-ui/dom@1.6.10':
-    resolution: {integrity: sha512-fskgCFv8J8OamCmyun8MfjB1Olfn+uZKjOKZ0vhYF3gRmEUXcGOjxWL8bBr7i4kIuPZ2KD2S3EUIOxnjC8kl2A==}
+  '@floating-ui/dom@1.6.11':
+    resolution: {integrity: sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==}
 
-  '@floating-ui/utils@0.2.7':
-    resolution: {integrity: sha512-X8R8Oj771YRl/w+c1HqAC1szL8zWQRwFvgDwT129k9ACdBoud/+/rX9V0qiMl6LWUdP9voC2nDVZYPMQQsb6eA==}
+  '@floating-ui/utils@0.2.8':
+    resolution: {integrity: sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==}
 
-  '@floating-ui/vue@1.1.4':
-    resolution: {integrity: sha512-ammH7T3vyCx7pmm9OF19Wc42zrGnUw0QvLoidgypWsCLJMtGXEwY7paYIHO+K+oLC3mbWpzIHzeTVienYenlNg==}
+  '@floating-ui/vue@1.1.5':
+    resolution: {integrity: sha512-ynL1p5Z+woPVSwgMGqeDrx6HrJfGIDzFyESFkyqJKilGW1+h/8yVY29Khn0LaU6wHBRwZ13ntG6reiHWK6jyzw==}
 
   '@hapi/hoek@9.3.0':
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
@@ -1025,28 +1040,28 @@ packages:
   '@iconify-json/heroicons@1.2.0':
     resolution: {integrity: sha512-EmvGN0L9EUJCmQ82rkLGZ4tkz0YGQfZV7ugKT6UvHni/bxNitQrD0gLj6NJj2W9zsSoXyNHyCX236+EJmO4pmA==}
 
-  '@iconify-json/simple-icons@1.2.2':
-    resolution: {integrity: sha512-VMgCoMnpvcCJ5b3rTOGPzW5j6959nIdRCk+8FGzK/vAaDd6f9sx65OcKOqP3C75llpybH/iQhk5yrJ/TOdQKeg==}
+  '@iconify-json/simple-icons@1.2.3':
+    resolution: {integrity: sha512-KZpqyPkDdyAvrpMz9/FYovwFsr3xrHf9esJeBng3iqNInhuZhF33XO1k6Yf8g2p10ynUW7AYEiGJkYzDi4DENQ==}
 
-  '@iconify-json/vscode-icons@1.2.1':
-    resolution: {integrity: sha512-pEZCknk+6xlx7JC8e5Sz0cpkS3yezKKSouii0OTkUnTM3Kljc7V01AbYJ3iarw4b41jV0CpDpzj3BzRdvweGaA==}
+  '@iconify-json/vscode-icons@1.2.2':
+    resolution: {integrity: sha512-bTpT0HJDRqGkxQv8oiETNHLEnBZpnA1QaRD35CQyO7M7qgWVLx2xwn/lK6e4waojmlPC3ckMBx3WFIUUn0/Jdg==}
 
-  '@iconify/collections@1.0.459':
-    resolution: {integrity: sha512-OoyCit2aKFH5ZpcLvaWJDnsFerWN+fb1108lpDVUpbccqRb0zjyeRwCvTEtL1QVYct+vxGUO/9USYmxCtRR+Qw==}
+  '@iconify/collections@1.0.461':
+    resolution: {integrity: sha512-1D6cTTL3c55SpiNFpsK8vwnSLY2ia9XbarnLeyE7L152dKRg+sofV2cRbEz6UmSZLQjsgUxe16yvNoyhhx21vg==}
 
   '@iconify/types@2.0.0':
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
 
-  '@iconify/utils@2.1.32':
-    resolution: {integrity: sha512-LeifFZPPKu28O3AEDpYJNdEbvS4/ojAPyIW+pF/vUpJTYnbTiXUHkCh0bwgFRzKvdpb8H4Fbfd/742++MF4fPQ==}
+  '@iconify/utils@2.1.33':
+    resolution: {integrity: sha512-jP9h6v/g0BIZx0p7XGJJVtkVnydtbgTgt9mVNcGDYwaa7UhdHdI9dvoq+gKj9sijMSJKxUPEG2JyjsgXjxL7Kw==}
 
   '@iconify/vue@4.1.3-beta.1':
     resolution: {integrity: sha512-N7iEOnWfhjbMqiyGMhotJKip23nrK5l3+T1hQwpEjKeMD2o4zOjm8zmeEfOOH81EXllhhOm7upR8jcH499YRWA==}
     peerDependencies:
       vue: '>=3'
 
-  '@inquirer/figures@1.0.5':
-    resolution: {integrity: sha512-79hP/VWdZ2UVc9bFGJnoQ/lQMpL74mGgzSYX1xUqCVk7/v73vJCMw1VuyWN1jGkZ9B3z7THAbySqGbCNefcjfA==}
+  '@inquirer/figures@1.0.6':
+    resolution: {integrity: sha512-yfZzps3Cso2UbM7WlxKwZQh2Hs6plrbjs1QnzQDZhK2DgyCo6D8AaHps9olkNcUFlcYERMqU3uJSp1gmy3s/qQ==}
     engines: {node: '>=18'}
 
   '@internationalized/date@3.5.5':
@@ -1158,8 +1173,8 @@ packages:
     resolution: {integrity: sha512-GBbORch+ZfWJ0KB8PaXABsPjaiEXB4B4plcpAUVNCdzKZi2qQ4beRnEXfAbtAWPUPefj3rgCG7b9AqAe51Qlzw==}
     engines: {node: ^14.16.0 || >=16.11.0}
 
-  '@nuxt/kit@3.13.1':
-    resolution: {integrity: sha512-FkUL349lp/3nVfTIyws4UDJ3d2jyv5Pk1DC1HQUCOkSloYYMdbRcQAUcb4fe2TCLNWvHM+FhU8jnzGTzjALZYA==}
+  '@nuxt/kit@3.13.2':
+    resolution: {integrity: sha512-KvRw21zU//wdz25IeE1E5m/aFSzhJloBRAQtv+evcFeZvuroIxpIQuUqhbzuwznaUwpiWbmwlcsp5uOWmi4vwA==}
     engines: {node: ^14.18.0 || >=16.10.0}
 
   '@nuxt/module-builder@0.8.4':
@@ -1169,8 +1184,8 @@ packages:
       '@nuxt/kit': ^3.13.1
       nuxi: ^3.13.1
 
-  '@nuxt/schema@3.13.1':
-    resolution: {integrity: sha512-ishbhzVGspjshG9AG0hYnKYY6LWXzCtua7OXV7C/DQ2yA7rRcy1xHpzKZUDbIRyxCHHCAcBd8jfHEUmEuhEPrA==}
+  '@nuxt/schema@3.13.2':
+    resolution: {integrity: sha512-CCZgpm+MkqtOMDEgF9SWgGPBXlQ01hV/6+2reDEpJuqFPGzV8HYKPBcIFvn7/z5ahtgutHLzjP71Na+hYcqSpw==}
     engines: {node: ^14.18.0 || >=16.10.0}
 
   '@nuxt/telemetry@2.6.0':
@@ -1221,14 +1236,14 @@ packages:
   '@nuxt/ui-pro@2.0.0-alpha.2':
     resolution: {integrity: sha512-o7oowT8uurJF5ykbPYPao3Qq0OtWpzirM8dJpNAaxZbiuYQkfxQHEHn0Jmj0M+kVg4mETSvggAPDKXZa+LrzuA==}
 
-  '@nuxt/vite-builder@3.13.1':
-    resolution: {integrity: sha512-qH5p5K7lMfFc5L9um3Q7sLb5mvrLHfPTqljZKkEVVEhenz08a33aUPgaKhvd6rJOgW8Z0uh8BS2EoStBK2sSog==}
+  '@nuxt/vite-builder@3.13.2':
+    resolution: {integrity: sha512-3dzc3YH3UeTmzGtCevW1jTq0Q8/cm+yXqo/VS/EFM3aIO/tuNPS88is8ZF2YeBButFnLFllq/QenziPbq0YD6Q==}
     engines: {node: ^14.18.0 || >=16.10.0}
     peerDependencies:
       vue: ^3.3.4
 
-  '@nuxtjs/color-mode@3.4.4':
-    resolution: {integrity: sha512-VSNJVGnRIjiGmfbMa0cN+rwNRowDRTL/wku/z5MpKSanVo3khIRitBNqNviso1l3T+LW0pLHeXBNp6L8g/l1EA==}
+  '@nuxtjs/color-mode@3.5.1':
+    resolution: {integrity: sha512-GRHF3WUwX6fXIiRVlngNq1nVDwrVuP6dWX1DRmox3QolzX0eH1oJEcFr/lAm1nkT71JVGb8mszho9w+yHJbePw==}
 
   '@nuxtjs/mdc@0.8.3':
     resolution: {integrity: sha512-FqvJFWkBN9u2FeWog+7+C0aIOx0WIu61TYgAXPmmIOVVua6s2mXQsMyF3fXY2M56QBIaYJzK/SYN+5FGr5GNTQ==}
@@ -1687,20 +1702,20 @@ packages:
   '@sec-ant/readable-stream@0.4.1':
     resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
 
-  '@shikijs/core@1.17.0':
-    resolution: {integrity: sha512-Mkk4Mp4bNnW1kytU8I7S5PK5teNSe0iKlfqxPss4sdwnlcU8a2N62Z3te2gVmZfU9t1HF6L3wyWuM43IvEeEsg==}
+  '@shikijs/core@1.17.7':
+    resolution: {integrity: sha512-ZnIDxFu/yvje3Q8owSHaEHd+bu/jdWhHAaJ17ggjXofHx5rc4bhpCSW+OjC6smUBi5s5dd023jWtZ1gzMu/yrw==}
 
-  '@shikijs/engine-javascript@1.17.0':
-    resolution: {integrity: sha512-EiBVlxmzJZdC2ypzn8k+vxLngbBNgHLS4RilwrFOABGRc72kUZubbD/6Chrq2RcVtD3yq1GtiiIdFMGd9BTX3Q==}
+  '@shikijs/engine-javascript@1.17.7':
+    resolution: {integrity: sha512-wwSf7lKPsm+hiYQdX+1WfOXujtnUG6fnN4rCmExxa4vo+OTmvZ9B1eKauilvol/LHUPrQgW12G3gzem7pY5ckw==}
 
-  '@shikijs/engine-oniguruma@1.17.0':
-    resolution: {integrity: sha512-nsXzJGLQ0fhKmA4Gwt1cF7vC8VuZ1HSDrTRuj48h/qDeX/TzmOlTDXQ3uPtyuhyg/2rbZRzNhN8UFU4fSnQfXg==}
+  '@shikijs/engine-oniguruma@1.17.7':
+    resolution: {integrity: sha512-pvSYGnVeEIconU28NEzBXqSQC/GILbuNbAHwMoSfdTBrobKAsV1vq2K4cAgiaW1TJceLV9QMGGh18hi7cCzbVQ==}
 
-  '@shikijs/transformers@1.17.0':
-    resolution: {integrity: sha512-C/s6z0knkWBVRG6cmklTUn+70URKVE8qlQuFg6Bi/9iqpX68NZloZhxCtVHeTd56pit15hivTlgSAY+SP7C8hA==}
+  '@shikijs/transformers@1.17.7':
+    resolution: {integrity: sha512-Nu7DaUT/qHDqbEsWBBqX6MyPMFbR4hUZcK11TA+zU/nPu9eDFE8v0p+n+eT4A3+3mxX6czMSF81W4QNsQ/NSpQ==}
 
-  '@shikijs/types@1.17.0':
-    resolution: {integrity: sha512-Tvu2pA69lbpXB+MmgIaROP1tio8y0uYvKb5Foh3q0TJBTAJuaoa5eDEtS/0LquyveacsiVrYF4uEZILju+7Ybg==}
+  '@shikijs/types@1.17.7':
+    resolution: {integrity: sha512-+qA4UyhWLH2q4EFd+0z4K7GpERDU+c+CN2XYD3sC+zjvAr5iuwD1nToXZMt1YODshjkEGEDV86G7j66bKjqDdg==}
 
   '@shikijs/vscode-textmate@9.2.2':
     resolution: {integrity: sha512-TMp15K+GGYrWlZM8+Lnj9EaHEFmOen0WJBrfa17hF7taDOYthuPPV0GWzfd/9iMij0akS/8Yw2ikquH7uVi/fg==}
@@ -1862,8 +1877,8 @@ packages:
   '@types/ms@0.7.34':
     resolution: {integrity: sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==}
 
-  '@types/node@22.5.4':
-    resolution: {integrity: sha512-FDuKUJQm/ju9fT/SeX/6+gBzoPzlVCzfzmGkwKvRHQVxi4BntVbyIwf6a4Xn62mrvndLiml6z/UBXIdEVjQLXg==}
+  '@types/node@22.5.5':
+    resolution: {integrity: sha512-Xjs4y5UPO/CLdzpgR6GirZJx36yScjh73+2NlLlkFRSoQN8B0DpfXPdZGnvVmLRLOsqDpOfTNv7D9trgGhmOIA==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -1943,20 +1958,20 @@ packages:
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
-  '@unhead/dom@1.11.2':
-    resolution: {integrity: sha512-e5Ilqa1ktwGJGhFt3jEI78LywNuvqOR4GdEa+sV2OuKbldWBoS8DosCf7jzwEIPYgn2ubDQ0ygn9JH+m/x88gA==}
+  '@unhead/dom@1.11.6':
+    resolution: {integrity: sha512-FYU8Cu+XWcpbO4OvXdB6x7m6GTPcl6CW7igI8rNu6Kc0Ilxb+atxIvyFXdTGAyB7h/F0w3ex06ZVWJ65f3EW8A==}
 
-  '@unhead/schema@1.11.2':
-    resolution: {integrity: sha512-ALyIIA0084JjGQJD6tJetQdqVNw/V6d2LaCC06jSm+JUqxsRWRZcSbNZUg5xr0T4xQPrefZYrGp76PbOdotPbQ==}
+  '@unhead/schema@1.11.6':
+    resolution: {integrity: sha512-Ava5+kQERaZ2fi66phgR9KZQr9SsheN1YhhKM8fCP2A4Jb5lHUssVQ19P0+89V6RX9iUg/Q27WdEbznm75LzhQ==}
 
-  '@unhead/shared@1.11.2':
-    resolution: {integrity: sha512-Zg56xBrqkr9f9m3/+G/2CzbLba6g3/M2myWmyuZtn/ncUk3K2IXvXvlZAzMHx4yO++Xeik2QUWpHEdXRh+PxAA==}
+  '@unhead/shared@1.11.6':
+    resolution: {integrity: sha512-aGrtzRCcFlVh9iru73fBS8FA1vpQskS190t5cCRRMpisOEunVv3ueqXN1F8CseQd0W4wyEr/ycDvdfKt+RPv5g==}
 
-  '@unhead/ssr@1.11.2':
-    resolution: {integrity: sha512-Ilc+QmG4foMBr+f4u1GMSQjybSPjqi3vXfLTlqOVbr1voSlGtblYxJbZDw6KSCvfXu/s2YOPW+gCvvDLSZl3vg==}
+  '@unhead/ssr@1.11.6':
+    resolution: {integrity: sha512-jmRkJB3UWlaAV6aoTBcsi2cLOje8hJxWqbmcLmekmCBZcCgR8yHEjxVCzLtYnAQg68Trgg9+uqMt+8UFY40tDA==}
 
-  '@unhead/vue@1.11.2':
-    resolution: {integrity: sha512-m4GnwOd1ltXiSxp4ahIT6lziVyg6dgqKyLyWxrRWuPjZ8nXsPcpIOCjVwYB1MK0UBKMuIlgeuzVeDrTY9+APbA==}
+  '@unhead/vue@1.11.6':
+    resolution: {integrity: sha512-CMuDJGTi4n4wKdOp6/JmB9roGshjTdoFKF34PEkXu4+g97BiVFiZ9LvgY44+UlWCUzQHcqEPRQIzm9iKEqcfKw==}
     peerDependencies:
       vue: '>=2.7 || >=3'
 
@@ -1995,35 +2010,47 @@ packages:
       vite: ^5.0.0
       vue: ^3.2.25
 
-  '@vitest/expect@2.0.5':
-    resolution: {integrity: sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==}
+  '@vitest/expect@2.1.1':
+    resolution: {integrity: sha512-YeueunS0HiHiQxk+KEOnq/QMzlUuOzbU1Go+PgAsHvvv3tUkJPm9xWt+6ITNTlzsMXUjmgm5T+U7KBPK2qQV6w==}
+
+  '@vitest/mocker@2.1.1':
+    resolution: {integrity: sha512-LNN5VwOEdJqCmJ/2XJBywB11DLlkbY0ooDJW3uRX5cZyYCrc4PI/ePX0iQhE3BiEGiQmK4GE7Q/PqCkkaiPnrA==}
+    peerDependencies:
+      '@vitest/spy': 2.1.1
+      msw: ^2.3.5
+      vite: ^5.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
 
-  '@vitest/pretty-format@2.0.5':
-    resolution: {integrity: sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==}
+  '@vitest/pretty-format@2.1.1':
+    resolution: {integrity: sha512-SjxPFOtuINDUW8/UkElJYQSFtnWX7tMksSGW0vfjxMneFqxVr8YJ979QpMbDW7g+BIiq88RAGDjf7en6rvLPPQ==}
 
-  '@vitest/runner@2.0.5':
-    resolution: {integrity: sha512-TfRfZa6Bkk9ky4tW0z20WKXFEwwvWhRY+84CnSEtq4+3ZvDlJyY32oNTJtM7AW9ihW90tX/1Q78cb6FjoAs+ig==}
+  '@vitest/runner@2.1.1':
+    resolution: {integrity: sha512-uTPuY6PWOYitIkLPidaY5L3t0JJITdGTSwBtwMjKzo5O6RCOEncz9PUN+0pDidX8kTHYjO0EwUIvhlGpnGpxmA==}
 
-  '@vitest/snapshot@2.0.5':
-    resolution: {integrity: sha512-SgCPUeDFLaM0mIUHfaArq8fD2WbaXG/zVXjRupthYfYGzc8ztbFbu6dUNOblBG7XLMR1kEhS/DNnfCZ2IhdDew==}
+  '@vitest/snapshot@2.1.1':
+    resolution: {integrity: sha512-BnSku1WFy7r4mm96ha2FzN99AZJgpZOWrAhtQfoxjUU5YMRpq1zmHRq7a5K9/NjqonebO7iVDla+VvZS8BOWMw==}
 
-  '@vitest/spy@2.0.5':
-    resolution: {integrity: sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==}
+  '@vitest/spy@2.1.1':
+    resolution: {integrity: sha512-ZM39BnZ9t/xZ/nF4UwRH5il0Sw93QnZXd9NAZGRpIgj0yvVwPpLd702s/Cx955rGaMlyBQkZJ2Ir7qyY48VZ+g==}
 
-  '@vitest/utils@2.0.5':
-    resolution: {integrity: sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==}
+  '@vitest/utils@2.1.1':
+    resolution: {integrity: sha512-Y6Q9TsI+qJ2CC0ZKj6VBb+T8UPz593N113nnUykqwANqhgf3QkZeHFlusgKLTqrnVHbj/XDKZcDHol+dxVT+rQ==}
 
-  '@volar/language-core@2.4.4':
-    resolution: {integrity: sha512-kO9k4kTLfxpg+6lq7/KAIv3m2d62IHuCL6GbVgYZTpfKvIGoAIlDxK7pFcB/eczN2+ydg/vnyaeZ6SGyZrJw2w==}
+  '@volar/language-core@2.4.5':
+    resolution: {integrity: sha512-F4tA0DCO5Q1F5mScHmca0umsi2ufKULAnMOVBfMsZdT4myhVl4WdKRwCaKcfOkIEuyrAVvtq1ESBdZ+rSyLVww==}
 
-  '@volar/source-map@2.4.4':
-    resolution: {integrity: sha512-xG3PZqOP2haG8XG4Pg3PD1UGDAdqZg24Ru8c/qYjYAnmcj6GBR64mstx+bZux5QOyRaJK+/lNM/RnpvBD3489g==}
+  '@volar/source-map@2.4.5':
+    resolution: {integrity: sha512-varwD7RaKE2J/Z+Zu6j3mNNJbNT394qIxXwdvz/4ao/vxOfyClZpSDtLKkwWmecinkOVos5+PWkWraelfMLfpw==}
 
-  '@volar/typescript@2.4.4':
-    resolution: {integrity: sha512-QQMQRVj0fVHJ3XdRKiS1LclhG0VBXdFYlyuHRQF/xLk2PuJuHNWP26MDZNvEVCvnyUQuUQhIAfylwY5TGPgc6w==}
+  '@volar/typescript@2.4.5':
+    resolution: {integrity: sha512-mcT1mHvLljAEtHviVcBuOyAwwMKz1ibXTi5uYtP/pf4XxoAzpdkQ+Br2IC0NPCvLCbjPZmbf3I0udndkfB1CDg==}
 
-  '@vue-macros/common@1.12.3':
-    resolution: {integrity: sha512-dlSqrGdIDhqMOz92XtlMNyuHHeHe594O6f10XLtmlB0Jrq/Pl4Hj8rXAnVlRdjg+ptbZRSNL6MSgOPPoC82owg==}
+  '@vue-macros/common@1.14.0':
+    resolution: {integrity: sha512-xwQhDoEXRNXobNQmdqOD20yUGdVLVLZe4zhDlT9q/E+z+mvT3wukaAoJG80XRnv/BcgOOCVpxqpkQZ3sNTgjWA==}
     engines: {node: '>=16.14.0'}
     peerDependencies:
       vue: ^2.7.0 || ^3.2.25
@@ -2047,17 +2074,17 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@vue/compiler-core@3.5.4':
-    resolution: {integrity: sha512-oNwn+BAt3n9dK9uAYvI+XGlutwuTq/wfj4xCBaZCqwwVIGtD7D6ViihEbyYZrDHIHTDE3Q6oL3/hqmAyFEy9DQ==}
+  '@vue/compiler-core@3.5.6':
+    resolution: {integrity: sha512-r+gNu6K4lrvaQLQGmf+1gc41p3FO2OUJyWmNqaIITaJU6YFiV5PtQSFZt8jfztYyARwqhoCayjprC7KMvT3nRA==}
 
-  '@vue/compiler-dom@3.5.4':
-    resolution: {integrity: sha512-yP9RRs4BDLOLfldn6ah+AGCNovGjMbL9uHvhDHf5wan4dAHLnFGOkqtfE7PPe4HTXIqE7l/NILdYw53bo1C8jw==}
+  '@vue/compiler-dom@3.5.6':
+    resolution: {integrity: sha512-xRXqxDrIqK8v8sSScpistyYH0qYqxakpsIvqMD2e5sV/PXQ1mTwtXp4k42yHK06KXxKSmitop9e45Ui/3BrTEw==}
 
-  '@vue/compiler-sfc@3.5.4':
-    resolution: {integrity: sha512-P+yiPhL+NYH7m0ZgCq7AQR2q7OIE+mpAEgtkqEeH9oHSdIRvUO+4X6MPvblJIWcoe4YC5a2Gdf/RsoyP8FFiPQ==}
+  '@vue/compiler-sfc@3.5.6':
+    resolution: {integrity: sha512-pjWJ8Kj9TDHlbF5LywjVso+BIxCY5wVOLhkEXRhuCHDxPFIeX1zaFefKs8RYoHvkSMqRWt93a0f2gNJVJixHwg==}
 
-  '@vue/compiler-ssr@3.5.4':
-    resolution: {integrity: sha512-acESdTXsxPnYr2C4Blv0ggx5zIFMgOzZmYU2UgvIff9POdRGbRNBHRyzHAnizcItvpgerSKQbllUc9USp3V7eg==}
+  '@vue/compiler-ssr@3.5.6':
+    resolution: {integrity: sha512-VpWbaZrEOCqnmqjE83xdwegtr5qO/2OPUC6veWgvNqTJ3bYysz6vY3VqMuOijubuUYPRpG3OOKIh9TD0Stxb9A==}
 
   '@vue/compiler-vue2@2.7.16':
     resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==}
@@ -2084,22 +2111,22 @@ packages:
       typescript:
         optional: true
 
-  '@vue/reactivity@3.5.4':
-    resolution: {integrity: sha512-HKKbEuP7tYSGCq4e4nK6ZW6l5hyG66OUetefBp4budUyjvAYsnQDf+bgFzg2RAgnH0CInyqXwD9y47jwJEHrQw==}
+  '@vue/reactivity@3.5.6':
+    resolution: {integrity: sha512-shZ+KtBoHna5GyUxWfoFVBCVd7k56m6lGhk5e+J9AKjheHF6yob5eukssHRI+rzvHBiU1sWs/1ZhNbLExc5oYQ==}
 
-  '@vue/runtime-core@3.5.4':
-    resolution: {integrity: sha512-f3ek2sTA0AFu0n+w+kCtz567Euqqa3eHewvo4klwS7mWfSj/A+UmYTwsnUFo35KeyAFY60JgrCGvEBsu1n/3LA==}
+  '@vue/runtime-core@3.5.6':
+    resolution: {integrity: sha512-FpFULR6+c2lI+m1fIGONLDqPQO34jxV8g6A4wBOgne8eSRHP6PQL27+kWFIx5wNhhjkO7B4rgtsHAmWv7qKvbg==}
 
-  '@vue/runtime-dom@3.5.4':
-    resolution: {integrity: sha512-ofyc0w6rbD5KtjhP1i9hGOKdxGpvmuB1jprP7Djlj0X7R5J/oLwuNuE98GJ8WW31Hu2VxQHtk/LYTAlW8xrJdw==}
+  '@vue/runtime-dom@3.5.6':
+    resolution: {integrity: sha512-SDPseWre45G38ENH2zXRAHL1dw/rr5qp91lS4lt/nHvMr0MhsbCbihGAWLXNB/6VfFOJe2O+RBRkXU+CJF7/sw==}
 
-  '@vue/server-renderer@3.5.4':
-    resolution: {integrity: sha512-FbjV6DJLgKRetMYFBA1UXCroCiED/Ckr53/ba9wivyd7D/Xw9fpo0T6zXzCnxQwyvkyrL7y6plgYhWhNjGxY5g==}
+  '@vue/server-renderer@3.5.6':
+    resolution: {integrity: sha512-zivnxQnOnwEXVaT9CstJ64rZFXMS5ZkKxCjDQKiMSvUhXRzFLWZVbaBiNF4HGDqGNNsTgmjcCSmU6TB/0OOxLA==}
     peerDependencies:
-      vue: 3.5.4
+      vue: 3.5.6
 
-  '@vue/shared@3.5.4':
-    resolution: {integrity: sha512-L2MCDD8l7yC62Te5UUyPVpmexhL9ipVnYRw9CsWfm/BGRL5FwDX4a25bcJ/OJSD3+Hx+k/a8LDKcG2AFdJV3BA==}
+  '@vue/shared@3.5.6':
+    resolution: {integrity: sha512-eidH0HInnL39z6wAt6SFIwBrvGOpDWsDxlw3rCgo1B+CQ1781WzQUSU3YjxgdkcJo9Q8S6LmXTkvI+cLHGkQfA==}
 
   '@vue/test-utils@2.4.6':
     resolution: {integrity: sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==}
@@ -2107,16 +2134,16 @@ packages:
   '@vueuse/core@10.11.1':
     resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
 
-  '@vueuse/core@11.0.3':
-    resolution: {integrity: sha512-RENlh64+SYA9XMExmmH1a3TPqeIuJBNNB/63GT35MZI+zpru3oMRUA6cEFr9HmGqEgUisurwGwnIieF6qu3aXw==}
+  '@vueuse/core@11.1.0':
+    resolution: {integrity: sha512-P6dk79QYA6sKQnghrUz/1tHi0n9mrb/iO1WTMk/ElLmTyNqgDeSZ3wcDf6fRBGzRJbeG1dxzEOvLENMjr+E3fg==}
 
   '@vueuse/head@2.0.0':
     resolution: {integrity: sha512-ykdOxTGs95xjD4WXE4na/umxZea2Itl0GWBILas+O4oqS7eXIods38INvk3XkJKjqMdWPcpCyLX/DioLQxU1KA==}
     peerDependencies:
       vue: '>=2.7 || >=3'
 
-  '@vueuse/integrations@11.0.3':
-    resolution: {integrity: sha512-w6CDisaxs19S5Fd+NPPLFaA3GoX5gxuxrbTTBu0EYap7oH13w75L6C/+7e9mcoF9akhcR6GyYajwVMQEjdapJg==}
+  '@vueuse/integrations@11.1.0':
+    resolution: {integrity: sha512-O2ZgrAGPy0qAjpoI2YR3egNgyEqwG85fxfwmA9BshRIGjV4G6yu6CfOPpMHAOoCD+UfsIl7Vb1bXJ6ifrHYDDA==}
     peerDependencies:
       async-validator: ^4
       axios: ^1
@@ -2159,24 +2186,24 @@ packages:
   '@vueuse/metadata@10.11.1':
     resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
 
-  '@vueuse/metadata@11.0.3':
-    resolution: {integrity: sha512-+FtbO4SD5WpsOcQTcC0hAhNlOid6QNLzqedtquTtQ+CRNBoAt9GuV07c6KNHK1wCmlq8DFPwgiLF2rXwgSHX5Q==}
+  '@vueuse/metadata@11.1.0':
+    resolution: {integrity: sha512-l9Q502TBTaPYGanl1G+hPgd3QX5s4CGnpXriVBR5fEZ/goI6fvDaVmIl3Td8oKFurOxTmbXvBPSsgrd6eu6HYg==}
 
   '@vueuse/nuxt@10.11.1':
     resolution: {integrity: sha512-UiaYSIwOkmUVn8Gl1AqtLWYR12flO+8sEu9X0Y1fNjSR7EWy9jMuiCvOGqwtoeTsqfHrivl0d5HfMzr11GFnMA==}
     peerDependencies:
       nuxt: ^3.0.0
 
-  '@vueuse/nuxt@11.0.3':
-    resolution: {integrity: sha512-1tZGM9lvFl6HqmSQNM6hsHbAzLkBitoh8RsVC8kIG/93d3Pb5dEqUdt1k+OfHyR8V2rfSOwCfJx+wlUTlY0A2g==}
+  '@vueuse/nuxt@11.1.0':
+    resolution: {integrity: sha512-ZPYigcqgPPe9vk9nBHLF8p0zshX8qvWV/ox1Y4GdV4k2flPiw7+2THNTpU2NZDBXSOXlhB2sao+paGCsvJm/Qw==}
     peerDependencies:
       nuxt: ^3.0.0
 
   '@vueuse/shared@10.11.1':
     resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
 
-  '@vueuse/shared@11.0.3':
-    resolution: {integrity: sha512-0rY2m6HS5t27n/Vp5cTDsKTlNnimCqsbh/fmT2LgE+aaU42EMfXo8+bNX91W9I7DDmxfuACXMmrd7d79JxkqWA==}
+  '@vueuse/shared@11.1.0':
+    resolution: {integrity: sha512-YUtIpY122q7osj+zsNMFAfMTubGz0sn5QzE5gPzAIiCmtt2ha3uQUY1+JPyL4gRCTsLPX82Y9brNbo/aqlA91w==}
 
   JSONStream@1.3.5:
     resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
@@ -2331,11 +2358,11 @@ packages:
   bare-events@2.4.2:
     resolution: {integrity: sha512-qMKFd2qG/36aA4GwvKq8MxnPgCQAmBWmSyLWsJcbn8v03wvIPQ/hG1Ms8bPzndZxMDoHpxez5VOS+gC9Yi24/Q==}
 
-  bare-fs@2.3.4:
-    resolution: {integrity: sha512-7YyxitZEq0ey5loOF5gdo1fZQFF7290GziT+VbAJ+JbYTJYaPZwuEz2r/Nq23sm4fjyTgUf2uJI2gkT3xAuSYA==}
+  bare-fs@2.3.5:
+    resolution: {integrity: sha512-SlE9eTxifPDJrT6YgemQ1WGFleevzwY+XAP1Xqgl56HtcrisC2CHCZ2tq6dBpcH2TnNxwUEUGhweo+lrQtYuiw==}
 
-  bare-os@2.4.3:
-    resolution: {integrity: sha512-FjkNiU3AwTQNQkcxFOmDcCfoN1LjjtU+ofGJh5DymZZLTqdw2i/CzV7G0h3snvh6G8jrWtdmNSgZPH4L2VOAsQ==}
+  bare-os@2.4.4:
+    resolution: {integrity: sha512-z3UiI2yi1mK0sXeRdc4O1Kk8aOa/e+FNWZcTiPB/dfTWyLypuE99LibgRaQki914Jq//yAWylcAt+mknKdixRQ==}
 
   bare-path@2.1.3:
     resolution: {integrity: sha512-lh/eITfU8hrj9Ru5quUp0Io1kJWIk1bTjzo7JH1P5dWmQ2EL4hFUlfI8FonAhSlgIfhn63p84CDY/x+PisgcXA==}
@@ -2360,6 +2387,10 @@ packages:
   before-after-hook@3.0.2:
     resolution: {integrity: sha512-Nik3Sc0ncrMK4UUdXQmAnRtzmNQTAAXmXIopizwZ1W1t8QmfJj+zL4OA2I7XPTPW5z5TDqv4hRo/JzouDJnX3A==}
 
+  big-integer@1.6.52:
+    resolution: {integrity: sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==}
+    engines: {node: '>=0.6'}
+
   binary-extensions@2.3.0:
     resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
     engines: {node: '>=8'}
@@ -2383,6 +2414,10 @@ packages:
     resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
     engines: {node: '>=14.16'}
 
+  bplist-parser@0.2.0:
+    resolution: {integrity: sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==}
+    engines: {node: '>= 5.10.0'}
+
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
 
@@ -2418,6 +2453,10 @@ packages:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
 
+  bundle-name@3.0.0:
+    resolution: {integrity: sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==}
+    engines: {node: '>=12'}
+
   bundle-name@4.1.0:
     resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
     engines: {node: '>=18'}
@@ -2478,6 +2517,10 @@ packages:
     resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
+  changelogen@0.5.5:
+    resolution: {integrity: sha512-IzgToIJ/R9NhVKmL+PW33ozYkv53bXvufDNUSH3GTKXq1iCHGgkbgbtqEWbo8tnWNnt7nPDpjL8PwSG2iS8RVw==}
+    hasBin: true
+
   char-regex@1.0.2:
     resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
     engines: {node: '>=10'}
@@ -2602,6 +2645,9 @@ packages:
   colord@2.9.3:
     resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
 
+  colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+
   comma-separated-tokens@2.0.3:
     resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
 
@@ -2731,6 +2777,9 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
+  convert-gitmoji@0.1.5:
+    resolution: {integrity: sha512-4wqOafJdk2tqZC++cjcbGcaJ13BZ3kwldf06PTiAQRAB76Z1KJwZNL1SaRZMi2w1FM9RYTgZ6QErS8NUl/GBmQ==}
+
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
@@ -2938,10 +2987,18 @@ packages:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
 
+  default-browser-id@3.0.0:
+    resolution: {integrity: sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==}
+    engines: {node: '>=12'}
+
   default-browser-id@5.0.0:
     resolution: {integrity: sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==}
     engines: {node: '>=18'}
 
+  default-browser@4.0.0:
+    resolution: {integrity: sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==}
+    engines: {node: '>=14.16'}
+
   default-browser@5.2.1:
     resolution: {integrity: sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==}
     engines: {node: '>=18'}
@@ -3069,8 +3126,8 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  electron-to-chromium@1.5.20:
-    resolution: {integrity: sha512-74mdl6Fs1HHzK9SUX4CKFxAtAe3nUns48y79TskHNAG6fGOlLfyKA4j855x+0b5u8rWJIrlaG9tcTPstMlwjIw==}
+  electron-to-chromium@1.5.23:
+    resolution: {integrity: sha512-mBhODedOXg4v5QWwl21DjM5amzjmI1zw9EPrPK/5Wx7C8jt33bpZNrC7OhHUG3pxRtbLpr3W2dXT+Ph1SsfRZA==}
 
   emoji-regex@10.4.0:
     resolution: {integrity: sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==}
@@ -3194,8 +3251,8 @@ packages:
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  eslint-plugin-jsdoc@50.2.2:
-    resolution: {integrity: sha512-i0ZMWA199DG7sjxlzXn5AeYZxpRfMJjDPUl7lL9eJJX8TPRoIaxJU4ys/joP5faM5AXE1eqW/dslCj3uj4Nqpg==}
+  eslint-plugin-jsdoc@50.2.3:
+    resolution: {integrity: sha512-aNh/dz3wSkyo53y2KWDCrA8fDuXDMtMVflcbesd8AFPgcF8ugOv9mJxC7qKB95R96nzCB91iEwU7MMznh/7okQ==}
     engines: {node: '>=18'}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
@@ -3647,8 +3704,8 @@ packages:
   hast-util-raw@9.0.4:
     resolution: {integrity: sha512-LHE65TD2YiNsHD3YuXcKPHXPLuYh/gjp12mOfU8jxSrm1f/yJpsb0F/KKljS6U9LJoP0Ux+tCe8iJ2AsPzTdgA==}
 
-  hast-util-to-html@9.0.2:
-    resolution: {integrity: sha512-RP5wNpj5nm1Z8cloDv4Sl4RS8jH5HYa0v93YB6Wb4poEzgMo/dAAL0KcT4974dCjcNG5pkLqTImeFHHCwwfY3g==}
+  hast-util-to-html@9.0.3:
+    resolution: {integrity: sha512-M17uBDzMJ9RPCqLMO92gNNUDuBSq10a25SDBI08iCCxmorf4Yy6sYHK57n9WAbRAAaU+DuR4W6GN9K4DFZesYg==}
 
   hast-util-to-parse5@8.0.0:
     resolution: {integrity: sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==}
@@ -4697,8 +4754,8 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
-  nuxi@3.13.1:
-    resolution: {integrity: sha512-rhUfFCtIH8IxhfibVd26uGrC0ojUijGoU3bAhPQHrkl7mFlK+g+XeIttdsI8YAC7s/wPishrTpE9z1UssHY6eA==}
+  nuxi@3.13.2:
+    resolution: {integrity: sha512-yAgpxBcIB2/DWL7dWRZOQa5ULLZQ4AWgYdqtUDbeOZ3KxmY/+fqm8/UJuU7QK81JrccNaZeSI+GLe5BY7RR3cQ==}
     engines: {node: ^16.10.0 || >=18.0.0}
     hasBin: true
 
@@ -4706,18 +4763,18 @@ packages:
     resolution: {integrity: sha512-diMXSjBDlueIGy0Wb60vqKCwjT+ZorJGhcD/0xMhGOuyc971ccJgbQRZnwYoCTgMICo+0/+ZL2UyjAiYuHgHqw==}
     hasBin: true
 
-  nuxt-og-image@3.0.1:
-    resolution: {integrity: sha512-UXm/+CDUpfbpGZFoLMTSYJ4w9I0P0g2ToTEexPnbu2wii6q6RaGYn7wL9KHwd0FTRPa3zDqZ4MmGicAWxVY45w==}
+  nuxt-og-image@3.0.2:
+    resolution: {integrity: sha512-R5JCiVxZwgFUS4JS1M9lAD3QWc9P9CSJj7qupiKxJfBKnRBSpNs9ci5hTbZbrh2FMf1si5qIJZT1VI8cdj9cHA==}
     engines: {node: '>=18.0.0'}
 
-  nuxt-site-config-kit@2.2.17:
-    resolution: {integrity: sha512-YsRrapua+q13Y/SJJgTN3L4kFD/aGxI7Urq86PHxARseC6+Xyf0KcyBCy7I+v2m30rPqDdw+68Eol7UdCcTgow==}
+  nuxt-site-config-kit@2.2.18:
+    resolution: {integrity: sha512-iPtf2X1fvI9m9VV04edSqNGC2EzQ1aLB7F2/AOxYRktCJxHeTdBGifuNPc90EaEIOfWx+gf3lmRd4EppGoAMSA==}
 
-  nuxt-site-config@2.2.17:
-    resolution: {integrity: sha512-Aq94UHcb9+BD++416ExwFINgzOBqJV0GDTHPEG34xBd1enhmg3CIGQZbrpuVAhDKzzHad79MIuOaoiKNuUzSNg==}
+  nuxt-site-config@2.2.18:
+    resolution: {integrity: sha512-NU39ANP1kvRBzpEWV496y/lf9PKVv3t1VKX3zmQ1POcbzAXU4gm0Mh5NKOaLEcoXj6bQnziFNqjzHX3DAA8Aog==}
 
-  nuxt@3.13.1:
-    resolution: {integrity: sha512-En0vVrCJWu54ptShUlrqOGzXTcjhX+RnHShwdcpNqL9kmE9FWqeDYnPTgt2gJWrYSvVbmjJcVfEugNo9XpNmHA==}
+  nuxt@3.13.2:
+    resolution: {integrity: sha512-Bjc2qRsipfBhjXsBEJCN+EUAukhdgFv/KoIR5HFB2hZOYRSqXBod3oWQs78k3ja1nlIhAEdBG533898KJxUtJw==}
     engines: {node: ^14.18.0 || >=16.10.0}
     hasBin: true
     peerDependencies:
@@ -4741,8 +4798,8 @@ packages:
   ofetch@1.3.4:
     resolution: {integrity: sha512-KLIET85ik3vhEfS+3fDlc/BAZiAp+43QEC/yCo5zkNoY2YaKvNkOaFr/6wCFgFH1kuYQM5pMNi0Tg8koiIemtw==}
 
-  ohash@1.1.3:
-    resolution: {integrity: sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==}
+  ohash@1.1.4:
+    resolution: {integrity: sha512-FlDryZAahJmEF3VR3w1KogSEdWX3WhA5GPakFx4J81kEAiHyLMpdLLElS8n8dfNadMgAne/MywcvmogzscVt4g==}
 
   on-finished@2.4.1:
     resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
@@ -4759,8 +4816,8 @@ packages:
     resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
     engines: {node: '>=12'}
 
-  oniguruma-to-js@0.3.3:
-    resolution: {integrity: sha512-m90/WEhgs8g4BxG37+Nu3YrMfJDs2YXtYtIllhsEPR+wP3+K4EZk6dDUvy2v2K4MNFDDOYKL4/yqYPXDqyozTQ==}
+  oniguruma-to-js@0.4.3:
+    resolution: {integrity: sha512-X0jWUcAlxORhOqqBREgPMgnshB7ZGYszBNspP+tS9hPD3l13CdaXcHbgImoHUHlrvGx/7AvFEkTRhAGYh+jzjQ==}
 
   open@10.1.0:
     resolution: {integrity: sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==}
@@ -4770,6 +4827,10 @@ packages:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
 
+  open@9.1.0:
+    resolution: {integrity: sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==}
+    engines: {node: '>=14.16'}
+
   openapi-typescript@6.7.6:
     resolution: {integrity: sha512-c/hfooPx+RBIOPM09GSxABOZhYPblDoyaGhqBkD/59vtpN21jEuWKDlM0KYTvqJVlSYjKs0tBcIdeXKChlSPtw==}
     hasBin: true
@@ -4956,8 +5017,8 @@ packages:
   pkg-types@1.2.0:
     resolution: {integrity: sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==}
 
-  playwright-core@1.47.0:
-    resolution: {integrity: sha512-1DyHT8OqkcfCkYUD9zzUTfg7EfTd+6a8MkD/NWOvjo0u/SCNd5YmY/lJwFvUZOxJbWNds+ei7ic2+R/cRz/PDg==}
+  playwright-core@1.47.1:
+    resolution: {integrity: sha512-i1iyJdLftqtt51mEk6AhYFaAJCDx0xQ/O5NU8EKaWFgMjItPVma542Nh/Aq8aLCjIJSzjaiEQGW/nyqLkGF1OQ==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -5146,8 +5207,8 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.4.45:
-    resolution: {integrity: sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==}
+  postcss@8.4.47:
+    resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
     engines: {node: ^10 || ^12 || >=14}
 
   prebuild-install@7.1.2:
@@ -5443,6 +5504,10 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  run-applescript@5.0.0:
+    resolution: {integrity: sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==}
+    engines: {node: '>=12'}
+
   run-applescript@7.0.0:
     resolution: {integrity: sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==}
     engines: {node: '>=18'}
@@ -5542,8 +5607,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  shiki@1.17.0:
-    resolution: {integrity: sha512-VZf8cPShRwfzPcaswv81+YP7qJEoFwRT+Ehy6bizim7M0zG9bk8Egug550C+xS9g7rKIOPhzAlp2uEyuCxbk/A==}
+  shiki@1.17.7:
+    resolution: {integrity: sha512-Zf6hNtWhFyF4XP5OOsXkBTEx9JFPiN0TQx4wSe+Vqeuczewgk2vT4IZhF4gka55uelm052BD5BaHavNqUNZd+A==}
 
   siginfo@2.0.0:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
@@ -5574,8 +5639,8 @@ packages:
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
-  site-config-stack@2.2.17:
-    resolution: {integrity: sha512-Es/jcull+V8yqVPkkgaKDv8n6YjX+SzV6cE8IEj6LKFn++pGAWqgL0JbblWz9XD84oAOU2rsUoE8h3tIUfgJdg==}
+  site-config-stack@2.2.18:
+    resolution: {integrity: sha512-kwyuCwYZBJikuLN3IB15cGT7SHQQxAitLaDs1b6eNZbb+tBHubVUhj0pnFZnZZi4+5eNCO+3HiZxaU3qpFxP2A==}
     peerDependencies:
       vue: ^3
 
@@ -5688,8 +5753,8 @@ packages:
     resolution: {integrity: sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==}
     engines: {node: '>=18'}
 
-  streamx@2.20.0:
-    resolution: {integrity: sha512-ZGd1LhDeGFucr1CUCTBOS58ZhEendd0ttpGT3usTvosS4ntIwKN9LJFp+OeCSprsCPL14BXVRZlHGRY1V9PVzQ==}
+  streamx@2.20.1:
+    resolution: {integrity: sha512-uTa0mU6WUC65iUvzKH4X9hEdvSW7rbPxPtwfWiLMSj3qTdQbAiUboZTxauKfpFuGIGa1C2BYijZ7wgdUXICJhA==}
 
   string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
@@ -5830,8 +5895,8 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  text-decoder@1.1.1:
-    resolution: {integrity: sha512-8zll7REEv4GDD3x4/0pW+ppIxSNs7H1J10IKFZsuOMscumCdM2a+toDGLPA3T+1+fLBql4zbt5z83GEQGGV5VA==}
+  text-decoder@1.2.0:
+    resolution: {integrity: sha512-n1yg1mOj9DNpk3NeZOx7T6jchTbyJS3i3cucbNN6FcdPriMZx7NsgrGpWWdWZZGxD7ES1XB+3uoqHMgOKaN+fg==}
 
   text-extensions@2.4.0:
     resolution: {integrity: sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==}
@@ -5858,10 +5923,6 @@ packages:
   tinyexec@0.3.0:
     resolution: {integrity: sha512-tVGE0mVJPGb0chKhqmsoosjsS+qUnJVGJpZgsHYQcGoPlG3B51R3PouqTgEGH2Dc9jjFyOqOpix6ZHNMXp1FZg==}
 
-  tinyglobby@0.2.5:
-    resolution: {integrity: sha512-Dlqgt6h0QkoHttG53/WGADNh9QhcjCAIZMTERAVhdpmIBEejSuLI9ZmGKWzB7tweBjlk30+s/ofi4SLmBeTYhw==}
-    engines: {node: '>=12.0.0'}
-
   tinyglobby@0.2.6:
     resolution: {integrity: sha512-NbBoFBpqfcgd1tCiO8Lkfdk+xrA7mlLR9zgvZcZWQQwU63XAfUePyd6wZBaU93Hqw347lHnwFzttAkemHzzz4g==}
     engines: {node: '>=12.0.0'}
@@ -5878,6 +5939,10 @@ packages:
     resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
     engines: {node: '>=14.0.0'}
 
+  titleize@3.0.0:
+    resolution: {integrity: sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==}
+    engines: {node: '>=12'}
+
   tmp@0.0.33:
     resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
     engines: {node: '>=0.6.0'}
@@ -6018,8 +6083,8 @@ packages:
   unenv@1.10.0:
     resolution: {integrity: sha512-wY5bskBQFL9n3Eca5XnhH6KbUo/tfvkwm9OpcdCvLaeA7piBNbavbOKJySEwQ1V0RH6HvNlSAFRTpvTqgKRQXQ==}
 
-  unhead@1.11.2:
-    resolution: {integrity: sha512-k/MA5yzPh5M4pksDzOXf2GBJn0XV4quWao1q173NF7NL3Ji4RQ3ZxvZcwA/nGr7wu3+twJIRoKti3Otc4JMNyw==}
+  unhead@1.11.6:
+    resolution: {integrity: sha512-TKTQGUzHKF925VZ4KZVbLfKFzTVTEWfPLaXKmkd/ptEY2FHEoJUF7xOpAWc3K7Jzy/ExS66TL7GnLLjtd4sISg==}
 
   unicode-emoji-modifier-base@1.0.0:
     resolution: {integrity: sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g==}
@@ -6038,8 +6103,8 @@ packages:
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
-  unimport@3.11.1:
-    resolution: {integrity: sha512-DuB1Uoq01LrrXTScxnwOoMSlTXxyKcULguFxbLrMDFcE/CO0ZWHpEiyhovN0mycPt7K6luAHe8laqvwvuoeUPg==}
+  unimport@3.12.0:
+    resolution: {integrity: sha512-5y8dSvNvyevsnw4TBQkIQR1Rjdbb+XjVSwQwxltpnVZrStBvvPkMPcZrh1kg5kY77kpx6+D4Ztd3W6FOBH/y2Q==}
 
   unique-string@3.0.0:
     resolution: {integrity: sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==}
@@ -6134,6 +6199,10 @@ packages:
       ioredis:
         optional: true
 
+  untildify@4.0.0:
+    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
+    engines: {node: '>=8'}
+
   untun@0.1.3:
     resolution: {integrity: sha512-4luGP9LMYszMRZwsvyUd9MrxgEGZdZuZgpVQHEEX0lCYFESasVRvZd0EYpCkOIbJKHMuv0LskpXc/8Un+MJzEQ==}
     hasBin: true
@@ -6202,13 +6271,13 @@ packages:
     peerDependencies:
       vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0
 
-  vite-node@2.0.5:
-    resolution: {integrity: sha512-LdsW4pxj0Ot69FAoXZ1yTnA9bjGohr2yNBU7QKRxpz8ITSkhuDl6h3zS/tvgz4qrNjeRnvrWeXQ8ZF7Um4W00Q==}
+  vite-node@2.1.1:
+    resolution: {integrity: sha512-N/mGckI1suG/5wQI35XeR9rsMsPqKXzq1CdUndzVstBj/HvyxxGctwnK6WX43NGt5L3Z5tcRf83g4TITKJhPrA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
 
-  vite-plugin-checker@0.7.2:
-    resolution: {integrity: sha512-xeYeJbG0gaCaT0QcUC4B2Zo4y5NR8ZhYenc5gPbttrZvraRFwkEADCYwq+BfEHl9zYz7yf85TxsiGoYwyyIjhw==}
+  vite-plugin-checker@0.8.0:
+    resolution: {integrity: sha512-UA5uzOGm97UvZRTdZHiQVYFnd86AVn8EVaD4L3PoVzxH+IZSfaAw14WGFwX9QS23UW3lV/5bVKZn6l0w+q9P0g==}
     engines: {node: '>=14.16'}
     peerDependencies:
       '@biomejs/biome': '>=1.7'
@@ -6220,7 +6289,7 @@ packages:
       vite: '>=2.0.0'
       vls: '*'
       vti: '*'
-      vue-tsc: '>=2.0.0'
+      vue-tsc: ~2.1.6
     peerDependenciesMeta:
       '@biomejs/biome':
         optional: true
@@ -6256,8 +6325,8 @@ packages:
     peerDependencies:
       vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
 
-  vite@5.4.4:
-    resolution: {integrity: sha512-RHFCkULitycHVTtelJ6jQLd+KSAAzOgEYorV32R2q++M6COBjKJR6BxqClwp5sf0XaBDjVMuJ9wnNfyAJwjMkA==}
+  vite@5.4.5:
+    resolution: {integrity: sha512-pXqR0qtb2bTwLkev4SE3r4abCNioP3GkjvIDLlzziPpXtHgiJIjuKl+1GN6ESOT3wMjG3JTeARopj2SwYaHTOA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -6290,15 +6359,15 @@ packages:
   vitest-environment-nuxt@1.0.1:
     resolution: {integrity: sha512-eBCwtIQriXW5/M49FjqNKfnlJYlG2LWMSNFsRVKomc8CaMqmhQPBS5LZ9DlgYL9T8xIVsiA6RZn2lk7vxov3Ow==}
 
-  vitest@2.0.5:
-    resolution: {integrity: sha512-8GUxONfauuIdeSl5f9GTgVEpg5BTOlplET4WEDaeY2QBiN8wSm68vxN/tb5z405OwppfoCavnwXafiaYBC/xOA==}
+  vitest@2.1.1:
+    resolution: {integrity: sha512-97We7/VC0e9X5zBVkvt7SGQMGrRtn3KtySFQG5fpaMlS+l62eeXRQO633AYhSTC3z7IMebnPPNjGXVGNRFlxBA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@types/node': ^18.0.0 || >=20.0.0
-      '@vitest/browser': 2.0.5
-      '@vitest/ui': 2.0.5
+      '@vitest/browser': 2.1.1
+      '@vitest/ui': 2.1.1
       happy-dom: 14.12.3
       jsdom: '*'
     peerDependenciesMeta:
@@ -6373,8 +6442,8 @@ packages:
     peerDependencies:
       eslint: '>=6.0.0'
 
-  vue-router@4.4.4:
-    resolution: {integrity: sha512-3MlnDqwRwZwCQVbtVfpsU+nrNymNjnXSsQtXName5925NVC1+326VVfYH9vSrA0N13teGEo8z5x7gbRnGjCDiQ==}
+  vue-router@4.4.5:
+    resolution: {integrity: sha512-4fKZygS8cH1yCyuabAXGUAsyi1b2/o/OKgu/RUb+znIYOxPRxdkytJEx+0wGcpBE1pX6vUgh5jwWOKRGvuA/7Q==}
     peerDependencies:
       vue: ^3.2.0
 
@@ -6389,8 +6458,8 @@ packages:
     peerDependencies:
       vue: ^3.0.11
 
-  vue@3.5.4:
-    resolution: {integrity: sha512-3yAj2gkmiY+i7+22A1PWM+kjOVXjU74UPINcTiN7grIVPyFFI0lpGwHlV/4xydDmobaBn7/xmi+YG8HeSlCTcg==}
+  vue@3.5.6:
+    resolution: {integrity: sha512-zv+20E2VIYbcJOzJPUWp03NOGFhMmpCKOfSxVTmCYyYFFko48H9tmuQFzYj7tu4qX1AeXlp9DmhIP89/sSxxhw==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -7107,7 +7176,7 @@ snapshots:
       eslint: 9.10.0(jiti@1.21.6)
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.11.0': {}
+  '@eslint-community/regexpp@4.11.1': {}
 
   '@eslint/compat@1.1.1': {}
 
@@ -7146,22 +7215,22 @@ snapshots:
 
   '@fastify/busboy@2.1.1': {}
 
-  '@floating-ui/core@1.6.7':
+  '@floating-ui/core@1.6.8':
     dependencies:
-      '@floating-ui/utils': 0.2.7
+      '@floating-ui/utils': 0.2.8
 
-  '@floating-ui/dom@1.6.10':
+  '@floating-ui/dom@1.6.11':
     dependencies:
-      '@floating-ui/core': 1.6.7
-      '@floating-ui/utils': 0.2.7
+      '@floating-ui/core': 1.6.8
+      '@floating-ui/utils': 0.2.8
 
-  '@floating-ui/utils@0.2.7': {}
+  '@floating-ui/utils@0.2.8': {}
 
-  '@floating-ui/vue@1.1.4(vue@3.5.4(typescript@5.6.2))':
+  '@floating-ui/vue@1.1.5(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@floating-ui/dom': 1.6.10
-      '@floating-ui/utils': 0.2.7
-      vue-demi: 0.14.10(vue@3.5.4(typescript@5.6.2))
+      '@floating-ui/dom': 1.6.11
+      '@floating-ui/utils': 0.2.8
+      vue-demi: 0.14.10(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -7184,21 +7253,21 @@ snapshots:
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify-json/simple-icons@1.2.2':
+  '@iconify-json/simple-icons@1.2.3':
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify-json/vscode-icons@1.2.1':
+  '@iconify-json/vscode-icons@1.2.2':
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@iconify/collections@1.0.459':
+  '@iconify/collections@1.0.461':
     dependencies:
       '@iconify/types': 2.0.0
 
   '@iconify/types@2.0.0': {}
 
-  '@iconify/utils@2.1.32':
+  '@iconify/utils@2.1.33':
     dependencies:
       '@antfu/install-pkg': 0.4.1
       '@antfu/utils': 0.7.10
@@ -7210,12 +7279,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@iconify/vue@4.1.3-beta.1(vue@3.5.4(typescript@5.6.2))':
+  '@iconify/vue@4.1.3-beta.1(vue@3.5.6(typescript@5.6.2))':
     dependencies:
       '@iconify/types': 2.0.0
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
 
-  '@inquirer/figures@1.0.5': {}
+  '@inquirer/figures@1.0.6': {}
 
   '@internationalized/date@3.5.5':
     dependencies:
@@ -7304,13 +7373,13 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.17.1
 
-  '@nuxt/content@2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))':
+  '@nuxt/content@2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
       '@nuxtjs/mdc': 0.8.3(magicast@0.3.5)(rollup@4.21.3)
-      '@vueuse/core': 10.11.1(vue@3.5.4(typescript@5.6.2))
-      '@vueuse/head': 2.0.0(vue@3.5.4(typescript@5.6.2))
-      '@vueuse/nuxt': 10.11.1(magicast@0.3.5)(nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))
+      '@vueuse/core': 10.11.1(vue@3.5.6(typescript@5.6.2))
+      '@vueuse/head': 2.0.0(vue@3.5.6(typescript@5.6.2))
+      '@vueuse/nuxt': 10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))
       consola: 3.2.3
       defu: 6.1.4
       destr: 2.0.3
@@ -7323,10 +7392,10 @@ snapshots:
       micromark-util-sanitize-uri: 2.0.0
       micromark-util-types: 2.0.0
       minisearch: 7.1.0
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       scule: 1.3.0
-      shiki: 1.17.0
+      shiki: 1.17.7
       slugify: 1.6.6
       socket.io-client: 4.7.5
       ufo: 1.5.4
@@ -7360,24 +7429,24 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))':
+  '@nuxt/devtools-kit@1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-      '@nuxt/schema': 3.13.1(rollup@3.29.4)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/schema': 3.13.2(rollup@3.29.4)
       execa: 7.2.0
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
     transitivePeerDependencies:
       - magicast
       - rollup
       - supports-color
       - webpack-sources
 
-  '@nuxt/devtools-kit@1.4.2(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))':
+  '@nuxt/devtools-kit@1.4.2(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
-      '@nuxt/schema': 3.13.1(rollup@4.21.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/schema': 3.13.2(rollup@4.21.3)
       execa: 7.2.0
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
     transitivePeerDependencies:
       - magicast
       - rollup
@@ -7397,13 +7466,13 @@ snapshots:
       rc9: 2.1.2
       semver: 7.6.3
 
-  '@nuxt/devtools@1.4.2(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))':
+  '@nuxt/devtools@1.4.2(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))':
     dependencies:
       '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
+      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
       '@nuxt/devtools-wizard': 1.4.2
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-      '@vue/devtools-core': 7.4.4(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
+      '@vue/devtools-core': 7.4.4(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
       '@vue/devtools-kit': 7.4.4
       birpc: 0.2.17
       consola: 3.2.3
@@ -7421,7 +7490,7 @@ snapshots:
       local-pkg: 0.5.0
       magicast: 0.3.5
       nypm: 0.3.11
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
@@ -7431,10 +7500,10 @@ snapshots:
       simple-git: 3.26.0
       sirv: 2.0.4
       tinyglobby: 0.2.6
-      unimport: 3.11.1(rollup@3.29.4)
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4))(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      vite-plugin-vue-inspector: 5.2.0(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
+      unimport: 3.12.0(rollup@3.29.4)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@3.29.4))(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
+      vite-plugin-vue-inspector: 5.2.0(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
       which: 3.0.1
       ws: 8.18.0
     transitivePeerDependencies:
@@ -7445,13 +7514,13 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@nuxt/devtools@1.4.2(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))':
+  '@nuxt/devtools@1.4.2(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))':
     dependencies:
       '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
+      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
       '@nuxt/devtools-wizard': 1.4.2
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
-      '@vue/devtools-core': 7.4.4(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@vue/devtools-core': 7.4.4(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
       '@vue/devtools-kit': 7.4.4
       birpc: 0.2.17
       consola: 3.2.3
@@ -7469,7 +7538,7 @@ snapshots:
       local-pkg: 0.5.0
       magicast: 0.3.5
       nypm: 0.3.11
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
@@ -7479,10 +7548,10 @@ snapshots:
       simple-git: 3.26.0
       sirv: 2.0.4
       tinyglobby: 0.2.6
-      unimport: 3.11.1(rollup@4.21.3)
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.3))(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      vite-plugin-vue-inspector: 5.2.0(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
+      unimport: 3.12.0(rollup@4.21.3)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@3.29.4))(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
+      vite-plugin-vue-inspector: 5.2.0(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
       which: 3.0.1
       ws: 8.18.0
     transitivePeerDependencies:
@@ -7504,7 +7573,7 @@ snapshots:
       eslint-config-flat-gitignore: 0.3.0(eslint@9.10.0(jiti@1.21.6))
       eslint-flat-config-utils: 0.4.0
       eslint-plugin-import-x: 4.2.1(eslint@9.10.0(jiti@1.21.6))(typescript@5.6.2)
-      eslint-plugin-jsdoc: 50.2.2(eslint@9.10.0(jiti@1.21.6))
+      eslint-plugin-jsdoc: 50.2.3(eslint@9.10.0(jiti@1.21.6))
       eslint-plugin-regexp: 2.6.0(eslint@9.10.0(jiti@1.21.6))
       eslint-plugin-unicorn: 55.0.0(eslint@9.10.0(jiti@1.21.6))
       eslint-plugin-vue: 9.28.0(eslint@9.10.0(jiti@1.21.6))
@@ -7525,10 +7594,10 @@ snapshots:
       - supports-color
       - typescript
 
-  '@nuxt/fonts@0.8.0(ioredis@5.4.1)(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))':
+  '@nuxt/fonts@0.8.0(ioredis@5.4.1)(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))':
     dependencies:
-      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
       chalk: 5.3.0
       css-tree: 2.3.1
       defu: 6.1.4
@@ -7539,7 +7608,7 @@ snapshots:
       magic-regexp: 0.8.0
       magic-string: 0.30.11
       node-fetch-native: 1.6.4
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       sirv: 2.0.4
       tinyglobby: 0.2.6
@@ -7568,14 +7637,14 @@ snapshots:
       - vite
       - webpack-sources
 
-  '@nuxt/icon@1.5.1(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))':
+  '@nuxt/icon@1.5.1(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@iconify/collections': 1.0.459
+      '@iconify/collections': 1.0.461
       '@iconify/types': 2.0.0
-      '@iconify/utils': 2.1.32
-      '@iconify/vue': 4.1.3-beta.1(vue@3.5.4(typescript@5.6.2))
-      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@iconify/utils': 2.1.33
+      '@iconify/vue': 4.1.3-beta.1(vue@3.5.6(typescript@5.6.2))
+      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
       consola: 3.2.3
       fast-glob: 3.3.2
       local-pkg: 0.5.0
@@ -7592,13 +7661,13 @@ snapshots:
 
   '@nuxt/image@1.8.0(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.21.3)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
       consola: 3.2.3
       defu: 6.1.4
       h3: 1.12.0
       image-meta: 0.2.1
       node-fetch-native: 1.6.4
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       std-env: 3.7.0
       ufo: 1.5.4
@@ -7624,9 +7693,9 @@ snapshots:
       - uWebSockets.js
       - webpack-sources
 
-  '@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4)':
+  '@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@3.29.4)':
     dependencies:
-      '@nuxt/schema': 3.13.1(rollup@3.29.4)
+      '@nuxt/schema': 3.13.2(rollup@3.29.4)
       c12: 1.11.2(magicast@0.3.5)
       consola: 3.2.3
       defu: 6.1.4
@@ -7644,7 +7713,7 @@ snapshots:
       semver: 7.6.3
       ufo: 1.5.4
       unctx: 2.3.1
-      unimport: 3.11.1(rollup@3.29.4)
+      unimport: 3.12.0(rollup@3.29.4)
       untyped: 1.4.2
     transitivePeerDependencies:
       - magicast
@@ -7652,9 +7721,9 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.3)':
+  '@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.21.3)':
     dependencies:
-      '@nuxt/schema': 3.13.1(rollup@4.21.3)
+      '@nuxt/schema': 3.13.2(rollup@4.21.3)
       c12: 1.11.2(magicast@0.3.5)
       consola: 3.2.3
       defu: 6.1.4
@@ -7672,7 +7741,7 @@ snapshots:
       semver: 7.6.3
       ufo: 1.5.4
       unctx: 2.3.1
-      unimport: 3.11.1(rollup@4.21.3)
+      unimport: 3.12.0(rollup@4.21.3)
       untyped: 1.4.2
     transitivePeerDependencies:
       - magicast
@@ -7680,15 +7749,15 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4))(nuxi@3.13.1)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))':
+  '@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@3.29.4))(nuxi@3.13.2)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
       citty: 0.1.6
       consola: 3.2.3
       defu: 6.1.4
       magic-regexp: 0.8.0
       mlly: 1.7.1
-      nuxi: 3.13.1
+      nuxi: 3.13.2
       pathe: 1.1.2
       pkg-types: 1.2.0
       tsconfck: 3.1.3(typescript@5.6.2)
@@ -7700,7 +7769,7 @@ snapshots:
       - vue-tsc
       - webpack-sources
 
-  '@nuxt/schema@3.13.1(rollup@3.29.4)':
+  '@nuxt/schema@3.13.2(rollup@3.29.4)':
     dependencies:
       compatx: 0.1.8
       consola: 3.2.3
@@ -7712,14 +7781,14 @@ snapshots:
       std-env: 3.7.0
       ufo: 1.5.4
       uncrypto: 0.1.3
-      unimport: 3.11.1(rollup@3.29.4)
+      unimport: 3.12.0(rollup@3.29.4)
       untyped: 1.4.2
     transitivePeerDependencies:
       - rollup
       - supports-color
       - webpack-sources
 
-  '@nuxt/schema@3.13.1(rollup@4.21.3)':
+  '@nuxt/schema@3.13.2(rollup@4.21.3)':
     dependencies:
       compatx: 0.1.8
       consola: 3.2.3
@@ -7731,7 +7800,7 @@ snapshots:
       std-env: 3.7.0
       ufo: 1.5.4
       uncrypto: 0.1.3
-      unimport: 3.11.1(rollup@4.21.3)
+      unimport: 3.12.0(rollup@4.21.3)
       untyped: 1.4.2
     transitivePeerDependencies:
       - rollup
@@ -7740,7 +7809,7 @@ snapshots:
 
   '@nuxt/telemetry@2.6.0(magicast@0.3.5)(rollup@3.29.4)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
       ci-info: 4.0.0
       consola: 3.2.3
       create-require: 1.1.1
@@ -7766,7 +7835,7 @@ snapshots:
 
   '@nuxt/telemetry@2.6.0(magicast@0.3.5)(rollup@4.21.3)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
       ci-info: 4.0.0
       consola: 3.2.3
       create-require: 1.1.1
@@ -7790,10 +7859,10 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/test-utils@3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))':
+  '@nuxt/test-utils@3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.1)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.1.1(@types/node@22.5.5)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-      '@nuxt/schema': 3.13.1(rollup@3.29.4)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/schema': 3.13.2(rollup@3.29.4)
       c12: 1.11.2(magicast@0.3.5)
       consola: 3.2.3
       defu: 6.1.4
@@ -7816,27 +7885,27 @@ snapshots:
       ufo: 1.5.4
       unenv: 1.10.0
       unplugin: 1.14.1
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
-      vue: 3.5.4(typescript@5.6.2)
-      vue-router: 4.4.4(vue@3.5.4(typescript@5.6.2))
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.1)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.1.1(@types/node@22.5.5)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2))
+      vue: 3.5.6(typescript@5.6.2)
+      vue-router: 4.4.5(vue@3.5.6(typescript@5.6.2))
     optionalDependencies:
       '@vue/test-utils': 2.4.6
       happy-dom: 14.12.3
-      playwright-core: 1.47.0
-      vitest: 2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0)
+      playwright-core: 1.47.1
+      vitest: 2.1.1(@types/node@22.5.5)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0)
     transitivePeerDependencies:
       - magicast
       - rollup
       - supports-color
       - webpack-sources
 
-  '@nuxt/ui-pro@2.0.0-alpha.2(magicast@0.3.5)(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))':
+  '@nuxt/ui-pro@2.0.0-alpha.2(magicast@0.3.5)(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
-      '@nuxt/schema': 3.13.1(rollup@4.21.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/schema': 3.13.2(rollup@4.21.3)
       '@nuxt/ui': 'link:'
-      '@vueuse/core': 11.0.3(vue@3.5.4(typescript@5.6.2))
+      '@vueuse/core': 11.1.0(vue@3.5.6(typescript@5.6.2))
       consola: 3.2.3
       defu: 6.1.4
       git-url-parse: 15.0.0
@@ -7844,7 +7913,7 @@ snapshots:
       parse-git-config: 3.0.0
       pkg-types: 1.2.0
       scule: 1.3.0
-      vue3-smooth-dnd: 0.0.6(vue@3.5.4(typescript@5.6.2))
+      vue3-smooth-dnd: 0.0.6(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -7853,16 +7922,16 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@nuxt/vite-builder@3.13.1(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.4(typescript@5.6.2))':
+  '@nuxt/vite-builder@3.13.2(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
       '@rollup/plugin-replace': 5.0.7(rollup@3.29.4)
-      '@vitejs/plugin-vue': 5.1.3(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      autoprefixer: 10.4.20(postcss@8.4.45)
+      '@vitejs/plugin-vue': 5.1.3(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
+      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
+      autoprefixer: 10.4.20(postcss@8.4.47)
       clear: 0.1.0
       consola: 3.2.3
-      cssnano: 7.0.6(postcss@8.4.45)
+      cssnano: 7.0.6(postcss@8.4.47)
       defu: 6.1.4
       esbuild: 0.23.1
       escape-string-regexp: 5.0.0
@@ -7873,21 +7942,21 @@ snapshots:
       knitwork: 1.1.0
       magic-string: 0.30.11
       mlly: 1.7.1
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
-      postcss: 8.4.45
+      postcss: 8.4.47
       rollup-plugin-visualizer: 5.12.0(rollup@3.29.4)
       std-env: 3.7.0
       strip-literal: 2.1.0
       ufo: 1.5.4
       unenv: 1.10.0
       unplugin: 1.14.1
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-node: 2.0.5(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-plugin-checker: 0.7.2(eslint@9.10.0(jiti@1.21.6))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue: 3.5.4(typescript@5.6.2)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+      vite-node: 2.1.1(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+      vite-plugin-checker: 0.8.0(eslint@9.10.0(jiti@1.21.6))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue: 3.5.6(typescript@5.6.2)
       vue-bundle-renderer: 2.1.0
     transitivePeerDependencies:
       - '@biomejs/biome'
@@ -7913,16 +7982,16 @@ snapshots:
       - vue-tsc
       - webpack-sources
 
-  '@nuxt/vite-builder@3.13.1(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.4(typescript@5.6.2))':
+  '@nuxt/vite-builder@3.13.2(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
       '@rollup/plugin-replace': 5.0.7(rollup@4.21.3)
-      '@vitejs/plugin-vue': 5.1.3(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      autoprefixer: 10.4.20(postcss@8.4.45)
+      '@vitejs/plugin-vue': 5.1.3(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
+      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
+      autoprefixer: 10.4.20(postcss@8.4.47)
       clear: 0.1.0
       consola: 3.2.3
-      cssnano: 7.0.6(postcss@8.4.45)
+      cssnano: 7.0.6(postcss@8.4.47)
       defu: 6.1.4
       esbuild: 0.23.1
       escape-string-regexp: 5.0.0
@@ -7933,21 +8002,21 @@ snapshots:
       knitwork: 1.1.0
       magic-string: 0.30.11
       mlly: 1.7.1
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
-      postcss: 8.4.45
+      postcss: 8.4.47
       rollup-plugin-visualizer: 5.12.0(rollup@4.21.3)
       std-env: 3.7.0
       strip-literal: 2.1.0
       ufo: 1.5.4
       unenv: 1.10.0
       unplugin: 1.14.1
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-node: 2.0.5(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-plugin-checker: 0.7.2(eslint@9.10.0(jiti@1.21.6))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue: 3.5.4(typescript@5.6.2)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+      vite-node: 2.1.1(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+      vite-plugin-checker: 0.8.0(eslint@9.10.0(jiti@1.21.6))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue: 3.5.6(typescript@5.6.2)
       vue-bundle-renderer: 2.1.0
     transitivePeerDependencies:
       - '@biomejs/biome'
@@ -7973,9 +8042,10 @@ snapshots:
       - vue-tsc
       - webpack-sources
 
-  '@nuxtjs/color-mode@3.4.4(magicast@0.3.5)(rollup@3.29.4)':
+  '@nuxtjs/color-mode@3.5.1(magicast@0.3.5)(rollup@3.29.4)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
+      changelogen: 0.5.5(magicast@0.3.5)
       pathe: 1.1.2
       pkg-types: 1.2.0
       semver: 7.6.3
@@ -7987,11 +8057,11 @@ snapshots:
 
   '@nuxtjs/mdc@0.8.3(magicast@0.3.5)(rollup@4.21.3)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
-      '@shikijs/transformers': 1.17.0
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@shikijs/transformers': 1.17.7
       '@types/hast': 3.0.4
       '@types/mdast': 4.0.4
-      '@vue/compiler-core': 3.5.4
+      '@vue/compiler-core': 3.5.6
       consola: 3.2.3
       debug: 4.3.7
       defu: 6.1.4
@@ -8001,7 +8071,7 @@ snapshots:
       hast-util-to-string: 3.0.0
       mdast-util-to-hast: 13.2.0
       micromark-util-sanitize-uri: 2.0.0
-      ohash: 1.1.3
+      ohash: 1.1.4
       parse5: 7.1.2
       pathe: 1.1.2
       property-information: 6.5.0
@@ -8016,7 +8086,7 @@ snapshots:
       remark-parse: 11.0.0
       remark-rehype: 11.1.0
       scule: 1.3.0
-      shiki: 1.17.0
+      shiki: 1.17.7
       ufo: 1.5.4
       unified: 11.0.5
       unist-builder: 4.0.0
@@ -8031,7 +8101,7 @@ snapshots:
   '@nuxtjs/plausible@1.0.2(magicast@0.3.5)(rollup@4.21.3)':
     dependencies:
       '@barbapapazes/plausible-tracker': 0.5.2
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
       defu: 6.1.4
     transitivePeerDependencies:
       - magicast
@@ -8473,31 +8543,31 @@ snapshots:
 
   '@sec-ant/readable-stream@0.4.1': {}
 
-  '@shikijs/core@1.17.0':
+  '@shikijs/core@1.17.7':
     dependencies:
-      '@shikijs/engine-javascript': 1.17.0
-      '@shikijs/engine-oniguruma': 1.17.0
-      '@shikijs/types': 1.17.0
+      '@shikijs/engine-javascript': 1.17.7
+      '@shikijs/engine-oniguruma': 1.17.7
+      '@shikijs/types': 1.17.7
       '@shikijs/vscode-textmate': 9.2.2
       '@types/hast': 3.0.4
-      hast-util-to-html: 9.0.2
+      hast-util-to-html: 9.0.3
 
-  '@shikijs/engine-javascript@1.17.0':
+  '@shikijs/engine-javascript@1.17.7':
     dependencies:
-      '@shikijs/types': 1.17.0
-      oniguruma-to-js: 0.3.3
-      regex: 4.3.2
+      '@shikijs/types': 1.17.7
+      '@shikijs/vscode-textmate': 9.2.2
+      oniguruma-to-js: 0.4.3
 
-  '@shikijs/engine-oniguruma@1.17.0':
+  '@shikijs/engine-oniguruma@1.17.7':
     dependencies:
-      '@shikijs/types': 1.17.0
+      '@shikijs/types': 1.17.7
       '@shikijs/vscode-textmate': 9.2.2
 
-  '@shikijs/transformers@1.17.0':
+  '@shikijs/transformers@1.17.7':
     dependencies:
-      shiki: 1.17.0
+      shiki: 1.17.7
 
-  '@shikijs/types@1.17.0':
+  '@shikijs/types@1.17.7':
     dependencies:
       '@shikijs/vscode-textmate': 9.2.2
       '@types/hast': 3.0.4
@@ -8594,32 +8664,32 @@ snapshots:
       '@tailwindcss/oxide-linux-x64-musl': 4.0.0-alpha.23
       '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-alpha.23
 
-  '@tailwindcss/postcss@4.0.0-alpha.23(postcss@8.4.45)':
+  '@tailwindcss/postcss@4.0.0-alpha.23(postcss@8.4.47)':
     dependencies:
       '@tailwindcss/node': 4.0.0-alpha.23
       '@tailwindcss/oxide': 4.0.0-alpha.23
       lightningcss: 1.27.0
-      postcss-import: 16.1.0(postcss@8.4.45)
+      postcss-import: 16.1.0(postcss@8.4.47)
       tailwindcss: 4.0.0-alpha.23
     transitivePeerDependencies:
       - postcss
 
-  '@tailwindcss/vite@4.0.0-alpha.23(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))':
+  '@tailwindcss/vite@4.0.0-alpha.23(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))':
     dependencies:
       '@tailwindcss/node': 4.0.0-alpha.23
       '@tailwindcss/oxide': 4.0.0-alpha.23
       lightningcss: 1.27.0
-      postcss: 8.4.45
-      postcss-import: 16.1.0(postcss@8.4.45)
+      postcss: 8.4.47
+      postcss-import: 16.1.0(postcss@8.4.47)
       tailwindcss: 4.0.0-alpha.23
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
 
   '@tanstack/virtual-core@3.10.7': {}
 
-  '@tanstack/vue-virtual@3.10.7(vue@3.5.4(typescript@5.6.2))':
+  '@tanstack/vue-virtual@3.10.7(vue@3.5.6(typescript@5.6.2))':
     dependencies:
       '@tanstack/virtual-core': 3.10.7
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
 
   '@tootallnate/quickjs-emscripten@0.23.0': {}
 
@@ -8639,7 +8709,7 @@ snapshots:
 
   '@types/http-proxy@1.17.15':
     dependencies:
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
 
   '@types/mdast@4.0.4':
     dependencies:
@@ -8647,7 +8717,7 @@ snapshots:
 
   '@types/ms@0.7.34': {}
 
-  '@types/node@22.5.4':
+  '@types/node@22.5.5':
     dependencies:
       undici-types: 6.19.8
 
@@ -8665,7 +8735,7 @@ snapshots:
 
   '@typescript-eslint/eslint-plugin@8.5.0(@typescript-eslint/parser@8.5.0(eslint@9.10.0(jiti@1.21.6))(typescript@5.6.2))(eslint@9.10.0(jiti@1.21.6))(typescript@5.6.2)':
     dependencies:
-      '@eslint-community/regexpp': 4.11.0
+      '@eslint-community/regexpp': 4.11.1
       '@typescript-eslint/parser': 8.5.0(eslint@9.10.0(jiti@1.21.6))(typescript@5.6.2)
       '@typescript-eslint/scope-manager': 8.5.0
       '@typescript-eslint/type-utils': 8.5.0(eslint@9.10.0(jiti@1.21.6))(typescript@5.6.2)
@@ -8746,33 +8816,33 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
-  '@unhead/dom@1.11.2':
+  '@unhead/dom@1.11.6':
     dependencies:
-      '@unhead/schema': 1.11.2
-      '@unhead/shared': 1.11.2
+      '@unhead/schema': 1.11.6
+      '@unhead/shared': 1.11.6
 
-  '@unhead/schema@1.11.2':
+  '@unhead/schema@1.11.6':
     dependencies:
       hookable: 5.5.3
       zhead: 2.2.4
 
-  '@unhead/shared@1.11.2':
+  '@unhead/shared@1.11.6':
     dependencies:
-      '@unhead/schema': 1.11.2
+      '@unhead/schema': 1.11.6
 
-  '@unhead/ssr@1.11.2':
+  '@unhead/ssr@1.11.6':
     dependencies:
-      '@unhead/schema': 1.11.2
-      '@unhead/shared': 1.11.2
+      '@unhead/schema': 1.11.6
+      '@unhead/shared': 1.11.6
 
-  '@unhead/vue@1.11.2(vue@3.5.4(typescript@5.6.2))':
+  '@unhead/vue@1.11.6(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@unhead/schema': 1.11.2
-      '@unhead/shared': 1.11.2
+      '@unhead/schema': 1.11.6
+      '@unhead/shared': 1.11.6
       defu: 6.1.4
       hookable: 5.5.3
-      unhead: 1.11.2
-      vue: 3.5.4(typescript@5.6.2)
+      unhead: 1.11.6
+      vue: 3.5.6(typescript@5.6.2)
 
   '@unocss/core@0.62.3': {}
 
@@ -8815,89 +8885,96 @@ snapshots:
       - encoding
       - supports-color
 
-  '@vitejs/plugin-vue-jsx@4.0.1(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))':
+  '@vitejs/plugin-vue-jsx@4.0.1(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/plugin-transform-typescript': 7.25.2(@babel/core@7.25.2)
       '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.25.2)
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vue: 3.5.4(typescript@5.6.2)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+      vue: 3.5.6(typescript@5.6.2)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.1.3(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))':
+  '@vitejs/plugin-vue@5.1.3(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vue: 3.5.4(typescript@5.6.2)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+      vue: 3.5.6(typescript@5.6.2)
 
-  '@vitest/expect@2.0.5':
+  '@vitest/expect@2.1.1':
     dependencies:
-      '@vitest/spy': 2.0.5
-      '@vitest/utils': 2.0.5
+      '@vitest/spy': 2.1.1
+      '@vitest/utils': 2.1.1
       chai: 5.1.1
       tinyrainbow: 1.2.0
 
-  '@vitest/pretty-format@2.0.5':
+  '@vitest/mocker@2.1.1(@vitest/spy@2.1.1)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))':
+    dependencies:
+      '@vitest/spy': 2.1.1
+      estree-walker: 3.0.3
+      magic-string: 0.30.11
+    optionalDependencies:
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+
+  '@vitest/pretty-format@2.1.1':
     dependencies:
       tinyrainbow: 1.2.0
 
-  '@vitest/runner@2.0.5':
+  '@vitest/runner@2.1.1':
     dependencies:
-      '@vitest/utils': 2.0.5
+      '@vitest/utils': 2.1.1
       pathe: 1.1.2
 
-  '@vitest/snapshot@2.0.5':
+  '@vitest/snapshot@2.1.1':
     dependencies:
-      '@vitest/pretty-format': 2.0.5
+      '@vitest/pretty-format': 2.1.1
       magic-string: 0.30.11
       pathe: 1.1.2
 
-  '@vitest/spy@2.0.5':
+  '@vitest/spy@2.1.1':
     dependencies:
       tinyspy: 3.0.2
 
-  '@vitest/utils@2.0.5':
+  '@vitest/utils@2.1.1':
     dependencies:
-      '@vitest/pretty-format': 2.0.5
-      estree-walker: 3.0.3
+      '@vitest/pretty-format': 2.1.1
       loupe: 3.1.1
       tinyrainbow: 1.2.0
 
-  '@volar/language-core@2.4.4':
+  '@volar/language-core@2.4.5':
     dependencies:
-      '@volar/source-map': 2.4.4
+      '@volar/source-map': 2.4.5
 
-  '@volar/source-map@2.4.4': {}
+  '@volar/source-map@2.4.5': {}
 
-  '@volar/typescript@2.4.4':
+  '@volar/typescript@2.4.5':
     dependencies:
-      '@volar/language-core': 2.4.4
+      '@volar/language-core': 2.4.5
       path-browserify: 1.0.1
       vscode-uri: 3.0.8
 
-  '@vue-macros/common@1.12.3(rollup@3.29.4)(vue@3.5.4(typescript@5.6.2))':
+  '@vue-macros/common@1.14.0(rollup@3.29.4)(vue@3.5.6(typescript@5.6.2))':
     dependencies:
       '@babel/types': 7.25.6
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      '@vue/compiler-sfc': 3.5.4
+      '@vue/compiler-sfc': 3.5.6
       ast-kit: 1.1.0
       local-pkg: 0.5.0
       magic-string-ast: 0.6.2
     optionalDependencies:
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
     transitivePeerDependencies:
       - rollup
 
-  '@vue-macros/common@1.12.3(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))':
+  '@vue-macros/common@1.14.0(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))':
     dependencies:
       '@babel/types': 7.25.6
       '@rollup/pluginutils': 5.1.0(rollup@4.21.3)
-      '@vue/compiler-sfc': 3.5.4
+      '@vue/compiler-sfc': 3.5.6
       ast-kit: 1.1.0
       local-pkg: 0.5.0
       magic-string-ast: 0.6.2
     optionalDependencies:
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
     transitivePeerDependencies:
       - rollup
 
@@ -8927,39 +9004,39 @@ snapshots:
       '@babel/helper-module-imports': 7.24.7
       '@babel/helper-plugin-utils': 7.24.8
       '@babel/parser': 7.25.6
-      '@vue/compiler-sfc': 3.5.4
+      '@vue/compiler-sfc': 3.5.6
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/compiler-core@3.5.4':
+  '@vue/compiler-core@3.5.6':
     dependencies:
       '@babel/parser': 7.25.6
-      '@vue/shared': 3.5.4
+      '@vue/shared': 3.5.6
       entities: 4.5.0
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.5.4':
+  '@vue/compiler-dom@3.5.6':
     dependencies:
-      '@vue/compiler-core': 3.5.4
-      '@vue/shared': 3.5.4
+      '@vue/compiler-core': 3.5.6
+      '@vue/shared': 3.5.6
 
-  '@vue/compiler-sfc@3.5.4':
+  '@vue/compiler-sfc@3.5.6':
     dependencies:
       '@babel/parser': 7.25.6
-      '@vue/compiler-core': 3.5.4
-      '@vue/compiler-dom': 3.5.4
-      '@vue/compiler-ssr': 3.5.4
-      '@vue/shared': 3.5.4
+      '@vue/compiler-core': 3.5.6
+      '@vue/compiler-dom': 3.5.6
+      '@vue/compiler-ssr': 3.5.6
+      '@vue/shared': 3.5.6
       estree-walker: 2.0.2
       magic-string: 0.30.11
-      postcss: 8.4.45
+      postcss: 8.4.47
       source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.5.4':
+  '@vue/compiler-ssr@3.5.6':
     dependencies:
-      '@vue/compiler-dom': 3.5.4
-      '@vue/shared': 3.5.4
+      '@vue/compiler-dom': 3.5.6
+      '@vue/shared': 3.5.6
 
   '@vue/compiler-vue2@2.7.16':
     dependencies:
@@ -8968,15 +9045,15 @@ snapshots:
 
   '@vue/devtools-api@6.6.4': {}
 
-  '@vue/devtools-core@7.4.4(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))':
+  '@vue/devtools-core@7.4.4(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))':
     dependencies:
       '@vue/devtools-kit': 7.4.4
       '@vue/devtools-shared': 7.4.5
       mitt: 3.0.1
       nanoid: 3.3.7
       pathe: 1.1.2
-      vite-hot-client: 0.2.3(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      vue: 3.5.4(typescript@5.6.2)
+      vite-hot-client: 0.2.3(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
+      vue: 3.5.6(typescript@5.6.2)
     transitivePeerDependencies:
       - vite
 
@@ -8996,10 +9073,10 @@ snapshots:
 
   '@vue/language-core@2.1.6(typescript@5.6.2)':
     dependencies:
-      '@volar/language-core': 2.4.4
-      '@vue/compiler-dom': 3.5.4
+      '@volar/language-core': 2.4.5
+      '@vue/compiler-dom': 3.5.6
       '@vue/compiler-vue2': 2.7.16
-      '@vue/shared': 3.5.4
+      '@vue/shared': 3.5.6
       computeds: 0.0.1
       minimatch: 9.0.5
       muggle-string: 0.4.1
@@ -9007,68 +9084,68 @@ snapshots:
     optionalDependencies:
       typescript: 5.6.2
 
-  '@vue/reactivity@3.5.4':
+  '@vue/reactivity@3.5.6':
     dependencies:
-      '@vue/shared': 3.5.4
+      '@vue/shared': 3.5.6
 
-  '@vue/runtime-core@3.5.4':
+  '@vue/runtime-core@3.5.6':
     dependencies:
-      '@vue/reactivity': 3.5.4
-      '@vue/shared': 3.5.4
+      '@vue/reactivity': 3.5.6
+      '@vue/shared': 3.5.6
 
-  '@vue/runtime-dom@3.5.4':
+  '@vue/runtime-dom@3.5.6':
     dependencies:
-      '@vue/reactivity': 3.5.4
-      '@vue/runtime-core': 3.5.4
-      '@vue/shared': 3.5.4
+      '@vue/reactivity': 3.5.6
+      '@vue/runtime-core': 3.5.6
+      '@vue/shared': 3.5.6
       csstype: 3.1.3
 
-  '@vue/server-renderer@3.5.4(vue@3.5.4(typescript@5.6.2))':
+  '@vue/server-renderer@3.5.6(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@vue/compiler-ssr': 3.5.4
-      '@vue/shared': 3.5.4
-      vue: 3.5.4(typescript@5.6.2)
+      '@vue/compiler-ssr': 3.5.6
+      '@vue/shared': 3.5.6
+      vue: 3.5.6(typescript@5.6.2)
 
-  '@vue/shared@3.5.4': {}
+  '@vue/shared@3.5.6': {}
 
   '@vue/test-utils@2.4.6':
     dependencies:
       js-beautify: 1.15.1
       vue-component-type-helpers: 2.1.6
 
-  '@vueuse/core@10.11.1(vue@3.5.4(typescript@5.6.2))':
+  '@vueuse/core@10.11.1(vue@3.5.6(typescript@5.6.2))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.11.1
-      '@vueuse/shared': 10.11.1(vue@3.5.4(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.4(typescript@5.6.2))
+      '@vueuse/shared': 10.11.1(vue@3.5.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/core@11.0.3(vue@3.5.4(typescript@5.6.2))':
+  '@vueuse/core@11.1.0(vue@3.5.6(typescript@5.6.2))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 11.0.3
-      '@vueuse/shared': 11.0.3(vue@3.5.4(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.4(typescript@5.6.2))
+      '@vueuse/metadata': 11.1.0
+      '@vueuse/shared': 11.1.0(vue@3.5.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/head@2.0.0(vue@3.5.4(typescript@5.6.2))':
+  '@vueuse/head@2.0.0(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@unhead/dom': 1.11.2
-      '@unhead/schema': 1.11.2
-      '@unhead/ssr': 1.11.2
-      '@unhead/vue': 1.11.2(vue@3.5.4(typescript@5.6.2))
-      vue: 3.5.4(typescript@5.6.2)
+      '@unhead/dom': 1.11.6
+      '@unhead/schema': 1.11.6
+      '@unhead/ssr': 1.11.6
+      '@unhead/vue': 1.11.6(vue@3.5.6(typescript@5.6.2))
+      vue: 3.5.6(typescript@5.6.2)
 
-  '@vueuse/integrations@11.0.3(fuse.js@7.0.0)(vue@3.5.4(typescript@5.6.2))':
+  '@vueuse/integrations@11.1.0(fuse.js@7.0.0)(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@vueuse/core': 11.0.3(vue@3.5.4(typescript@5.6.2))
-      '@vueuse/shared': 11.0.3(vue@3.5.4(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.4(typescript@5.6.2))
+      '@vueuse/core': 11.1.0(vue@3.5.6(typescript@5.6.2))
+      '@vueuse/shared': 11.1.0(vue@3.5.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.6(typescript@5.6.2))
     optionalDependencies:
       fuse.js: 7.0.0
     transitivePeerDependencies:
@@ -9077,16 +9154,16 @@ snapshots:
 
   '@vueuse/metadata@10.11.1': {}
 
-  '@vueuse/metadata@11.0.3': {}
+  '@vueuse/metadata@11.1.0': {}
 
-  '@vueuse/nuxt@10.11.1(magicast@0.3.5)(nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))':
+  '@vueuse/nuxt@10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
-      '@vueuse/core': 10.11.1(vue@3.5.4(typescript@5.6.2))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@vueuse/core': 10.11.1(vue@3.5.6(typescript@5.6.2))
       '@vueuse/metadata': 10.11.1
       local-pkg: 0.5.0
-      nuxt: 3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.4(typescript@5.6.2))
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -9095,14 +9172,14 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@vueuse/nuxt@11.0.3(magicast@0.3.5)(nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))':
+  '@vueuse/nuxt@11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
-      '@vueuse/core': 11.0.3(vue@3.5.4(typescript@5.6.2))
-      '@vueuse/metadata': 11.0.3
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@vueuse/core': 11.1.0(vue@3.5.6(typescript@5.6.2))
+      '@vueuse/metadata': 11.1.0
       local-pkg: 0.5.0
-      nuxt: 3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.4(typescript@5.6.2))
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -9111,16 +9188,16 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@vueuse/shared@10.11.1(vue@3.5.4(typescript@5.6.2))':
+  '@vueuse/shared@10.11.1(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.4(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/shared@11.0.3(vue@3.5.4(typescript@5.6.2))':
+  '@vueuse/shared@11.1.0(vue@3.5.6(typescript@5.6.2))':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.4(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -9259,14 +9336,14 @@ snapshots:
 
   async@3.2.6: {}
 
-  autoprefixer@10.4.20(postcss@8.4.45):
+  autoprefixer@10.4.20(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.3
       caniuse-lite: 1.0.30001660
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.1.0
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
   b4a@1.6.6: {}
@@ -9278,25 +9355,25 @@ snapshots:
   bare-events@2.4.2:
     optional: true
 
-  bare-fs@2.3.4:
+  bare-fs@2.3.5:
     dependencies:
       bare-events: 2.4.2
       bare-path: 2.1.3
       bare-stream: 2.3.0
     optional: true
 
-  bare-os@2.4.3:
+  bare-os@2.4.4:
     optional: true
 
   bare-path@2.1.3:
     dependencies:
-      bare-os: 2.4.3
+      bare-os: 2.4.4
     optional: true
 
   bare-stream@2.3.0:
     dependencies:
       b4a: 1.6.6
-      streamx: 2.20.0
+      streamx: 2.20.1
     optional: true
 
   base64-js@0.0.8: {}
@@ -9309,6 +9386,8 @@ snapshots:
 
   before-after-hook@3.0.2: {}
 
+  big-integer@1.6.52: {}
+
   binary-extensions@2.3.0: {}
 
   bindings@1.5.0:
@@ -9338,6 +9417,10 @@ snapshots:
       widest-line: 4.0.1
       wrap-ansi: 8.1.0
 
+  bplist-parser@0.2.0:
+    dependencies:
+      big-integer: 1.6.52
+
   brace-expansion@1.1.11:
     dependencies:
       balanced-match: 1.0.2
@@ -9358,7 +9441,7 @@ snapshots:
   browserslist@4.23.3:
     dependencies:
       caniuse-lite: 1.0.30001660
-      electron-to-chromium: 1.5.20
+      electron-to-chromium: 1.5.23
       node-releases: 2.0.18
       update-browserslist-db: 1.1.0(browserslist@4.23.3)
 
@@ -9378,6 +9461,10 @@ snapshots:
 
   builtin-modules@3.3.0: {}
 
+  bundle-name@3.0.0:
+    dependencies:
+      run-applescript: 5.0.0
+
   bundle-name@4.1.0:
     dependencies:
       run-applescript: 7.0.0
@@ -9391,7 +9478,7 @@ snapshots:
       giget: 1.2.3
       jiti: 1.21.6
       mlly: 1.7.1
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
@@ -9451,6 +9538,26 @@ snapshots:
 
   chalk@5.3.0: {}
 
+  changelogen@0.5.5(magicast@0.3.5):
+    dependencies:
+      c12: 1.11.2(magicast@0.3.5)
+      colorette: 2.0.20
+      consola: 3.2.3
+      convert-gitmoji: 0.1.5
+      execa: 8.0.1
+      mri: 1.2.0
+      node-fetch-native: 1.6.4
+      ofetch: 1.3.4
+      open: 9.1.0
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      scule: 1.3.0
+      semver: 7.6.3
+      std-env: 3.7.0
+      yaml: 2.5.1
+    transitivePeerDependencies:
+      - magicast
+
   char-regex@1.0.2: {}
 
   character-entities-html4@2.1.0: {}
@@ -9484,7 +9591,7 @@ snapshots:
 
   chrome-launcher@1.1.2:
     dependencies:
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
       escape-string-regexp: 4.0.0
       is-wsl: 2.2.0
       lighthouse-logger: 2.0.1
@@ -9565,6 +9672,8 @@ snapshots:
 
   colord@2.9.3: {}
 
+  colorette@2.0.20: {}
+
   comma-separated-tokens@2.0.3: {}
 
   commander@10.0.1: {}
@@ -9704,6 +9813,8 @@ snapshots:
       git-semver-tags: 7.0.1
       meow: 12.1.1
 
+  convert-gitmoji@0.1.5: {}
+
   convert-source-map@2.0.0: {}
 
   cookie-es@1.2.2: {}
@@ -9764,9 +9875,9 @@ snapshots:
 
   css-color-keywords@1.0.0: {}
 
-  css-declaration-sorter@7.2.0(postcss@8.4.45):
+  css-declaration-sorter@7.2.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
   css-select@5.1.0:
     dependencies:
@@ -9799,49 +9910,49 @@ snapshots:
   cssfilter@0.0.10:
     optional: true
 
-  cssnano-preset-default@7.0.6(postcss@8.4.45):
+  cssnano-preset-default@7.0.6(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.3
-      css-declaration-sorter: 7.2.0(postcss@8.4.45)
-      cssnano-utils: 5.0.0(postcss@8.4.45)
-      postcss: 8.4.45
-      postcss-calc: 10.0.2(postcss@8.4.45)
-      postcss-colormin: 7.0.2(postcss@8.4.45)
-      postcss-convert-values: 7.0.4(postcss@8.4.45)
-      postcss-discard-comments: 7.0.3(postcss@8.4.45)
-      postcss-discard-duplicates: 7.0.1(postcss@8.4.45)
-      postcss-discard-empty: 7.0.0(postcss@8.4.45)
-      postcss-discard-overridden: 7.0.0(postcss@8.4.45)
-      postcss-merge-longhand: 7.0.4(postcss@8.4.45)
-      postcss-merge-rules: 7.0.4(postcss@8.4.45)
-      postcss-minify-font-values: 7.0.0(postcss@8.4.45)
-      postcss-minify-gradients: 7.0.0(postcss@8.4.45)
-      postcss-minify-params: 7.0.2(postcss@8.4.45)
-      postcss-minify-selectors: 7.0.4(postcss@8.4.45)
-      postcss-normalize-charset: 7.0.0(postcss@8.4.45)
-      postcss-normalize-display-values: 7.0.0(postcss@8.4.45)
-      postcss-normalize-positions: 7.0.0(postcss@8.4.45)
-      postcss-normalize-repeat-style: 7.0.0(postcss@8.4.45)
-      postcss-normalize-string: 7.0.0(postcss@8.4.45)
-      postcss-normalize-timing-functions: 7.0.0(postcss@8.4.45)
-      postcss-normalize-unicode: 7.0.2(postcss@8.4.45)
-      postcss-normalize-url: 7.0.0(postcss@8.4.45)
-      postcss-normalize-whitespace: 7.0.0(postcss@8.4.45)
-      postcss-ordered-values: 7.0.1(postcss@8.4.45)
-      postcss-reduce-initial: 7.0.2(postcss@8.4.45)
-      postcss-reduce-transforms: 7.0.0(postcss@8.4.45)
-      postcss-svgo: 7.0.1(postcss@8.4.45)
-      postcss-unique-selectors: 7.0.3(postcss@8.4.45)
-
-  cssnano-utils@5.0.0(postcss@8.4.45):
-    dependencies:
-      postcss: 8.4.45
-
-  cssnano@7.0.6(postcss@8.4.45):
-    dependencies:
-      cssnano-preset-default: 7.0.6(postcss@8.4.45)
+      css-declaration-sorter: 7.2.0(postcss@8.4.47)
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-calc: 10.0.2(postcss@8.4.47)
+      postcss-colormin: 7.0.2(postcss@8.4.47)
+      postcss-convert-values: 7.0.4(postcss@8.4.47)
+      postcss-discard-comments: 7.0.3(postcss@8.4.47)
+      postcss-discard-duplicates: 7.0.1(postcss@8.4.47)
+      postcss-discard-empty: 7.0.0(postcss@8.4.47)
+      postcss-discard-overridden: 7.0.0(postcss@8.4.47)
+      postcss-merge-longhand: 7.0.4(postcss@8.4.47)
+      postcss-merge-rules: 7.0.4(postcss@8.4.47)
+      postcss-minify-font-values: 7.0.0(postcss@8.4.47)
+      postcss-minify-gradients: 7.0.0(postcss@8.4.47)
+      postcss-minify-params: 7.0.2(postcss@8.4.47)
+      postcss-minify-selectors: 7.0.4(postcss@8.4.47)
+      postcss-normalize-charset: 7.0.0(postcss@8.4.47)
+      postcss-normalize-display-values: 7.0.0(postcss@8.4.47)
+      postcss-normalize-positions: 7.0.0(postcss@8.4.47)
+      postcss-normalize-repeat-style: 7.0.0(postcss@8.4.47)
+      postcss-normalize-string: 7.0.0(postcss@8.4.47)
+      postcss-normalize-timing-functions: 7.0.0(postcss@8.4.47)
+      postcss-normalize-unicode: 7.0.2(postcss@8.4.47)
+      postcss-normalize-url: 7.0.0(postcss@8.4.47)
+      postcss-normalize-whitespace: 7.0.0(postcss@8.4.47)
+      postcss-ordered-values: 7.0.1(postcss@8.4.47)
+      postcss-reduce-initial: 7.0.2(postcss@8.4.47)
+      postcss-reduce-transforms: 7.0.0(postcss@8.4.47)
+      postcss-svgo: 7.0.1(postcss@8.4.47)
+      postcss-unique-selectors: 7.0.3(postcss@8.4.47)
+
+  cssnano-utils@5.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+
+  cssnano@7.0.6(postcss@8.4.47):
+    dependencies:
+      cssnano-preset-default: 7.0.6(postcss@8.4.47)
       lilconfig: 3.1.2
-      postcss: 8.4.45
+      postcss: 8.4.47
 
   csso@5.0.5:
     dependencies:
@@ -9887,8 +9998,20 @@ snapshots:
 
   deepmerge@4.3.1: {}
 
+  default-browser-id@3.0.0:
+    dependencies:
+      bplist-parser: 0.2.0
+      untildify: 4.0.0
+
   default-browser-id@5.0.0: {}
 
+  default-browser@4.0.0:
+    dependencies:
+      bundle-name: 3.0.0
+      default-browser-id: 3.0.0
+      execa: 7.2.0
+      titleize: 3.0.0
+
   default-browser@5.2.1:
     dependencies:
       bundle-name: 4.1.0
@@ -9995,7 +10118,7 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  electron-to-chromium@1.5.20: {}
+  electron-to-chromium@1.5.23: {}
 
   emoji-regex@10.4.0: {}
 
@@ -10209,7 +10332,7 @@ snapshots:
       - supports-color
       - typescript
 
-  eslint-plugin-jsdoc@50.2.2(eslint@9.10.0(jiti@1.21.6)):
+  eslint-plugin-jsdoc@50.2.3(eslint@9.10.0(jiti@1.21.6)):
     dependencies:
       '@es-joy/jsdoccomment': 0.48.0
       are-docs-informative: 0.0.2
@@ -10229,7 +10352,7 @@ snapshots:
   eslint-plugin-regexp@2.6.0(eslint@9.10.0(jiti@1.21.6)):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@9.10.0(jiti@1.21.6))
-      '@eslint-community/regexpp': 4.11.0
+      '@eslint-community/regexpp': 4.11.1
       comment-parser: 1.4.1
       eslint: 9.10.0(jiti@1.21.6)
       jsdoc-type-pratt-parser: 4.1.0
@@ -10288,7 +10411,7 @@ snapshots:
   eslint@9.10.0(jiti@1.21.6):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@9.10.0(jiti@1.21.6))
-      '@eslint-community/regexpp': 4.11.0
+      '@eslint-community/regexpp': 4.11.1
       '@eslint/config-array': 0.18.0
       '@eslint/eslintrc': 3.1.0
       '@eslint/js': 9.10.0
@@ -10621,7 +10744,7 @@ snapshots:
       defu: 6.1.4
       node-fetch-native: 1.6.4
       nypm: 0.3.11
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       tar: 6.2.1
 
@@ -10760,7 +10883,7 @@ snapshots:
       defu: 6.1.4
       destr: 2.0.3
       iron-webcrypto: 1.2.1
-      ohash: 1.1.3
+      ohash: 1.1.4
       radix3: 1.1.2
       ufo: 1.5.4
       uncrypto: 0.1.3
@@ -10834,7 +10957,7 @@ snapshots:
       web-namespaces: 2.0.1
       zwitch: 2.0.4
 
-  hast-util-to-html@9.0.2:
+  hast-util-to-html@9.0.3:
     dependencies:
       '@types/hast': 3.0.4
       '@types/unist': 3.0.3
@@ -10998,7 +11121,7 @@ snapshots:
 
   inquirer@9.3.2:
     dependencies:
-      '@inquirer/figures': 1.0.5
+      '@inquirer/figures': 1.0.6
       ansi-escapes: 4.3.2
       cli-width: 4.1.0
       external-editor: 3.1.0
@@ -11870,9 +11993,9 @@ snapshots:
 
   mkdist@1.5.9(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2)):
     dependencies:
-      autoprefixer: 10.4.20(postcss@8.4.45)
+      autoprefixer: 10.4.20(postcss@8.4.47)
       citty: 0.1.6
-      cssnano: 7.0.6(postcss@8.4.45)
+      cssnano: 7.0.6(postcss@8.4.47)
       defu: 6.1.4
       esbuild: 0.23.1
       fast-glob: 3.3.2
@@ -11880,8 +12003,8 @@ snapshots:
       mlly: 1.7.1
       pathe: 1.1.2
       pkg-types: 1.2.0
-      postcss: 8.4.45
-      postcss-nested: 6.2.0(postcss@8.4.45)
+      postcss: 8.4.47
+      postcss-nested: 6.2.0(postcss@8.4.47)
       semver: 7.6.3
     optionalDependencies:
       typescript: 5.6.2
@@ -11972,7 +12095,7 @@ snapshots:
       mri: 1.2.0
       node-fetch-native: 1.6.4
       ofetch: 1.3.4
-      ohash: 1.1.3
+      ohash: 1.1.4
       openapi-typescript: 6.7.6
       pathe: 1.1.2
       perfect-debounce: 1.0.0
@@ -11990,7 +12113,7 @@ snapshots:
       uncrypto: 0.1.3
       unctx: 2.3.1
       unenv: 1.10.0
-      unimport: 3.11.1(rollup@4.21.3)
+      unimport: 3.12.0(rollup@4.21.3)
       unstorage: 1.12.0(ioredis@5.4.1)
       unwasm: 0.3.9
     transitivePeerDependencies:
@@ -12098,13 +12221,27 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nuxi@3.13.1:
+  nuxi@3.13.2:
     optionalDependencies:
       fsevents: 2.3.3
 
+  nuxt-component-meta@0.8.2(magicast@0.3.5)(rollup@3.29.4):
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
+      citty: 0.1.6
+      mlly: 1.7.1
+      scule: 1.3.0
+      typescript: 5.6.2
+      vue-component-meta: 2.1.6(typescript@5.6.2)
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
   nuxt-component-meta@0.8.2(magicast@0.3.5)(rollup@4.21.3):
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
       citty: 0.1.6
       mlly: 1.7.1
       scule: 1.3.0
@@ -12116,10 +12253,10 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  nuxt-og-image@3.0.1(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2)):
+  nuxt-og-image@3.0.2(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2)):
     dependencies:
-      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
       '@resvg/resvg-js': 2.6.2
       '@resvg/resvg-wasm': 2.6.2
       '@unocss/core': 0.62.3
@@ -12129,14 +12266,14 @@ snapshots:
       execa: 9.3.1
       image-size: 1.1.1
       magic-string: 0.30.11
-      nuxt-site-config: 2.2.17(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      nuxt-site-config-kit: 2.2.17(magicast@0.3.5)(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))
+      nuxt-site-config: 2.2.18(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
+      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))
       nypm: 0.3.11
       ofetch: 1.3.4
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       pkg-types: 1.2.0
-      playwright-core: 1.47.0
+      playwright-core: 1.47.1
       radix3: 1.1.2
       satori: 0.10.14
       satori-html: 0.3.2
@@ -12155,12 +12292,12 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt-site-config-kit@2.2.17(magicast@0.3.5)(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2)):
+  nuxt-site-config-kit@2.2.18(magicast@0.3.5)(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2)):
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
-      '@nuxt/schema': 3.13.1(rollup@4.21.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/schema': 3.13.2(rollup@4.21.3)
       pkg-types: 1.2.0
-      site-config-stack: 2.2.17(vue@3.5.4(typescript@5.6.2))
+      site-config-stack: 2.2.18(vue@3.5.6(typescript@5.6.2))
       std-env: 3.7.0
       ufo: 1.5.4
     transitivePeerDependencies:
@@ -12170,16 +12307,16 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt-site-config@2.2.17(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2)):
+  nuxt-site-config@2.2.18(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2)):
     dependencies:
-      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
-      '@nuxt/schema': 3.13.1(rollup@4.21.3)
-      nuxt-site-config-kit: 2.2.17(magicast@0.3.5)(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))
+      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/schema': 3.13.2(rollup@4.21.3)
+      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))
       pathe: 1.1.2
       pkg-types: 1.2.0
       sirv: 2.0.4
-      site-config-stack: 2.2.17(vue@3.5.4(typescript@5.6.2))
+      site-config-stack: 2.2.18(vue@3.5.6(typescript@5.6.2))
       ufo: 1.5.4
     transitivePeerDependencies:
       - magicast
@@ -12189,18 +12326,19 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)):
+  nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)):
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.4.2(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
-      '@nuxt/schema': 3.13.1(rollup@3.29.4)
+      '@nuxt/devtools': 1.4.2(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/schema': 3.13.2(rollup@3.29.4)
       '@nuxt/telemetry': 2.6.0(magicast@0.3.5)(rollup@3.29.4)
-      '@nuxt/vite-builder': 3.13.1(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.4(typescript@5.6.2))
-      '@unhead/dom': 1.11.2
-      '@unhead/ssr': 1.11.2
-      '@unhead/vue': 1.11.2(vue@3.5.4(typescript@5.6.2))
-      '@vue/shared': 3.5.4
+      '@nuxt/vite-builder': 3.13.2(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.6(typescript@5.6.2))
+      '@unhead/dom': 1.11.6
+      '@unhead/shared': 1.11.6
+      '@unhead/ssr': 1.11.6
+      '@unhead/vue': 1.11.6(vue@3.5.6(typescript@5.6.2))
+      '@vue/shared': 3.5.6
       acorn: 8.12.1
       c12: 1.11.2(magicast@0.3.5)
       chokidar: 3.6.0
@@ -12226,10 +12364,10 @@ snapshots:
       mlly: 1.7.1
       nanotar: 0.1.1
       nitropack: 2.9.7(magicast@0.3.5)
-      nuxi: 3.13.1
+      nuxi: 3.13.2
       nypm: 0.3.11
       ofetch: 1.3.4
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
@@ -12238,24 +12376,25 @@ snapshots:
       semver: 7.6.3
       std-env: 3.7.0
       strip-literal: 2.1.0
-      tinyglobby: 0.2.5
+      tinyglobby: 0.2.6
       ufo: 1.5.4
       ultrahtml: 1.5.3
       uncrypto: 0.1.3
       unctx: 2.3.1
       unenv: 1.10.0
-      unimport: 3.11.1(rollup@3.29.4)
+      unhead: 1.11.6
+      unimport: 3.12.0(rollup@3.29.4)
       unplugin: 1.14.1
-      unplugin-vue-router: 0.10.8(rollup@3.29.4)(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
+      unplugin-vue-router: 0.10.8(rollup@3.29.4)(vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2))
       unstorage: 1.12.0(ioredis@5.4.1)
       untyped: 1.4.2
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
       vue-bundle-renderer: 2.1.0
       vue-devtools-stub: 0.1.0
-      vue-router: 4.4.4(vue@3.5.4(typescript@5.6.2))
+      vue-router: 4.4.5(vue@3.5.6(typescript@5.6.2))
     optionalDependencies:
       '@parcel/watcher': 2.4.1
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -12300,18 +12439,19 @@ snapshots:
       - webpack-sources
       - xml2js
 
-  nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)):
+  nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)):
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.4.2(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.4(typescript@5.6.2))
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
-      '@nuxt/schema': 3.13.1(rollup@4.21.3)
+      '@nuxt/devtools': 1.4.2(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue@3.5.6(typescript@5.6.2))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/schema': 3.13.2(rollup@4.21.3)
       '@nuxt/telemetry': 2.6.0(magicast@0.3.5)(rollup@4.21.3)
-      '@nuxt/vite-builder': 3.13.1(@types/node@22.5.4)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.4(typescript@5.6.2))
-      '@unhead/dom': 1.11.2
-      '@unhead/ssr': 1.11.2
-      '@unhead/vue': 1.11.2(vue@3.5.4(typescript@5.6.2))
-      '@vue/shared': 3.5.4
+      '@nuxt/vite-builder': 3.13.2(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.6(typescript@5.6.2))
+      '@unhead/dom': 1.11.6
+      '@unhead/shared': 1.11.6
+      '@unhead/ssr': 1.11.6
+      '@unhead/vue': 1.11.6(vue@3.5.6(typescript@5.6.2))
+      '@vue/shared': 3.5.6
       acorn: 8.12.1
       c12: 1.11.2(magicast@0.3.5)
       chokidar: 3.6.0
@@ -12337,10 +12477,10 @@ snapshots:
       mlly: 1.7.1
       nanotar: 0.1.1
       nitropack: 2.9.7(magicast@0.3.5)
-      nuxi: 3.13.1
+      nuxi: 3.13.2
       nypm: 0.3.11
       ofetch: 1.3.4
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
@@ -12349,24 +12489,25 @@ snapshots:
       semver: 7.6.3
       std-env: 3.7.0
       strip-literal: 2.1.0
-      tinyglobby: 0.2.5
+      tinyglobby: 0.2.6
       ufo: 1.5.4
       ultrahtml: 1.5.3
       uncrypto: 0.1.3
       unctx: 2.3.1
       unenv: 1.10.0
-      unimport: 3.11.1(rollup@4.21.3)
+      unhead: 1.11.6
+      unimport: 3.12.0(rollup@4.21.3)
       unplugin: 1.14.1
-      unplugin-vue-router: 0.10.8(rollup@4.21.3)(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
+      unplugin-vue-router: 0.10.8(rollup@4.21.3)(vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2))
       unstorage: 1.12.0(ioredis@5.4.1)
       untyped: 1.4.2
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
       vue-bundle-renderer: 2.1.0
       vue-devtools-stub: 0.1.0
-      vue-router: 4.4.4(vue@3.5.4(typescript@5.6.2))
+      vue-router: 4.4.5(vue@3.5.6(typescript@5.6.2))
     optionalDependencies:
       '@parcel/watcher': 2.4.1
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -12428,7 +12569,7 @@ snapshots:
       node-fetch-native: 1.6.4
       ufo: 1.5.4
 
-  ohash@1.1.3: {}
+  ohash@1.1.4: {}
 
   on-finished@2.4.1:
     dependencies:
@@ -12446,7 +12587,9 @@ snapshots:
     dependencies:
       mimic-fn: 4.0.0
 
-  oniguruma-to-js@0.3.3: {}
+  oniguruma-to-js@0.4.3:
+    dependencies:
+      regex: 4.3.2
 
   open@10.1.0:
     dependencies:
@@ -12461,6 +12604,13 @@ snapshots:
       is-docker: 2.2.1
       is-wsl: 2.2.0
 
+  open@9.1.0:
+    dependencies:
+      default-browser: 4.0.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      is-wsl: 2.2.0
+
   openapi-typescript@6.7.6:
     dependencies:
       ansi-colors: 4.1.3
@@ -12673,158 +12823,158 @@ snapshots:
       mlly: 1.7.1
       pathe: 1.1.2
 
-  playwright-core@1.47.0: {}
+  playwright-core@1.47.1: {}
 
   pluralize@8.0.0: {}
 
-  postcss-calc@10.0.2(postcss@8.4.45):
+  postcss-calc@10.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
 
-  postcss-colormin@7.0.2(postcss@8.4.45):
+  postcss-colormin@7.0.2(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.3
       caniuse-api: 3.0.0
       colord: 2.9.3
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-convert-values@7.0.4(postcss@8.4.45):
+  postcss-convert-values@7.0.4(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.3
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-discard-comments@7.0.3(postcss@8.4.45):
+  postcss-discard-comments@7.0.3(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-discard-duplicates@7.0.1(postcss@8.4.45):
+  postcss-discard-duplicates@7.0.1(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-discard-empty@7.0.0(postcss@8.4.45):
+  postcss-discard-empty@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-discard-overridden@7.0.0(postcss@8.4.45):
+  postcss-discard-overridden@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-import@16.1.0(postcss@8.4.45):
+  postcss-import@16.1.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
 
-  postcss-merge-longhand@7.0.4(postcss@8.4.45):
+  postcss-merge-longhand@7.0.4(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
-      stylehacks: 7.0.4(postcss@8.4.45)
+      stylehacks: 7.0.4(postcss@8.4.47)
 
-  postcss-merge-rules@7.0.4(postcss@8.4.45):
+  postcss-merge-rules@7.0.4(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.3
       caniuse-api: 3.0.0
-      cssnano-utils: 5.0.0(postcss@8.4.45)
-      postcss: 8.4.45
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-minify-font-values@7.0.0(postcss@8.4.45):
+  postcss-minify-font-values@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-minify-gradients@7.0.0(postcss@8.4.45):
+  postcss-minify-gradients@7.0.0(postcss@8.4.47):
     dependencies:
       colord: 2.9.3
-      cssnano-utils: 5.0.0(postcss@8.4.45)
-      postcss: 8.4.45
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-minify-params@7.0.2(postcss@8.4.45):
+  postcss-minify-params@7.0.2(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.3
-      cssnano-utils: 5.0.0(postcss@8.4.45)
-      postcss: 8.4.45
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-minify-selectors@7.0.4(postcss@8.4.45):
+  postcss-minify-selectors@7.0.4(postcss@8.4.47):
     dependencies:
       cssesc: 3.0.0
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-nested@6.2.0(postcss@8.4.45):
+  postcss-nested@6.2.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-normalize-charset@7.0.0(postcss@8.4.45):
+  postcss-normalize-charset@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-normalize-display-values@7.0.0(postcss@8.4.45):
+  postcss-normalize-display-values@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-positions@7.0.0(postcss@8.4.45):
+  postcss-normalize-positions@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-repeat-style@7.0.0(postcss@8.4.45):
+  postcss-normalize-repeat-style@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-string@7.0.0(postcss@8.4.45):
+  postcss-normalize-string@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-timing-functions@7.0.0(postcss@8.4.45):
+  postcss-normalize-timing-functions@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-unicode@7.0.2(postcss@8.4.45):
+  postcss-normalize-unicode@7.0.2(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.3
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-url@7.0.0(postcss@8.4.45):
+  postcss-normalize-url@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-whitespace@7.0.0(postcss@8.4.45):
+  postcss-normalize-whitespace@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-ordered-values@7.0.1(postcss@8.4.45):
+  postcss-ordered-values@7.0.1(postcss@8.4.47):
     dependencies:
-      cssnano-utils: 5.0.0(postcss@8.4.45)
-      postcss: 8.4.45
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-reduce-initial@7.0.2(postcss@8.4.45):
+  postcss-reduce-initial@7.0.2(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.3
       caniuse-api: 3.0.0
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-reduce-transforms@7.0.0(postcss@8.4.45):
+  postcss-reduce-transforms@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
   postcss-selector-parser@6.1.2:
@@ -12832,20 +12982,20 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-svgo@7.0.1(postcss@8.4.45):
+  postcss-svgo@7.0.1(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
       svgo: 3.3.2
 
-  postcss-unique-selectors@7.0.3(postcss@8.4.45):
+  postcss-unique-selectors@7.0.3(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.4.45:
+  postcss@8.4.47:
     dependencies:
       nanoid: 3.3.7
       picocolors: 1.1.0
@@ -12931,20 +13081,20 @@ snapshots:
 
   quick-lru@5.1.1: {}
 
-  radix-vue@1.9.5(vue@3.5.4(typescript@5.6.2)):
+  radix-vue@1.9.5(vue@3.5.6(typescript@5.6.2)):
     dependencies:
-      '@floating-ui/dom': 1.6.10
-      '@floating-ui/vue': 1.1.4(vue@3.5.4(typescript@5.6.2))
+      '@floating-ui/dom': 1.6.11
+      '@floating-ui/vue': 1.1.5(vue@3.5.6(typescript@5.6.2))
       '@internationalized/date': 3.5.5
       '@internationalized/number': 3.5.3
-      '@tanstack/vue-virtual': 3.10.7(vue@3.5.4(typescript@5.6.2))
-      '@vueuse/core': 10.11.1(vue@3.5.4(typescript@5.6.2))
-      '@vueuse/shared': 10.11.1(vue@3.5.4(typescript@5.6.2))
+      '@tanstack/vue-virtual': 3.10.7(vue@3.5.6(typescript@5.6.2))
+      '@vueuse/core': 10.11.1(vue@3.5.6(typescript@5.6.2))
+      '@vueuse/shared': 10.11.1(vue@3.5.6(typescript@5.6.2))
       aria-hidden: 1.2.4
       defu: 6.1.4
       fast-deep-equal: 3.1.3
       nanoid: 5.0.7
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -13042,13 +13192,13 @@ snapshots:
 
   refa@0.12.1:
     dependencies:
-      '@eslint-community/regexpp': 4.11.0
+      '@eslint-community/regexpp': 4.11.1
 
   regex@4.3.2: {}
 
   regexp-ast-analysis@0.7.1:
     dependencies:
-      '@eslint-community/regexpp': 4.11.0
+      '@eslint-community/regexpp': 4.11.1
       refa: 0.12.1
 
   regexp-tree@0.1.27: {}
@@ -13290,6 +13440,10 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.21.3
       fsevents: 2.3.3
 
+  run-applescript@5.0.0:
+    dependencies:
+      execa: 5.1.1
+
   run-applescript@7.0.0: {}
 
   run-async@3.0.0: {}
@@ -13327,7 +13481,7 @@ snapshots:
 
   scslre@0.3.0:
     dependencies:
-      '@eslint-community/regexpp': 4.11.0
+      '@eslint-community/regexpp': 4.11.1
       refa: 0.12.1
       regexp-ast-analysis: 0.7.1
 
@@ -13410,10 +13564,12 @@ snapshots:
       interpret: 1.4.0
       rechoir: 0.6.2
 
-  shiki@1.17.0:
+  shiki@1.17.7:
     dependencies:
-      '@shikijs/core': 1.17.0
-      '@shikijs/types': 1.17.0
+      '@shikijs/core': 1.17.7
+      '@shikijs/engine-javascript': 1.17.7
+      '@shikijs/engine-oniguruma': 1.17.7
+      '@shikijs/types': 1.17.7
       '@shikijs/vscode-textmate': 9.2.2
       '@types/hast': 3.0.4
 
@@ -13454,10 +13610,10 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
-  site-config-stack@2.2.17(vue@3.5.4(typescript@5.6.2)):
+  site-config-stack@2.2.18(vue@3.5.6(typescript@5.6.2)):
     dependencies:
       ufo: 1.5.4
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
 
   skin-tone@2.0.0:
     dependencies:
@@ -13558,11 +13714,11 @@ snapshots:
 
   stdin-discarder@0.2.2: {}
 
-  streamx@2.20.0:
+  streamx@2.20.1:
     dependencies:
       fast-fifo: 1.3.2
       queue-tick: 1.0.1
-      text-decoder: 1.1.1
+      text-decoder: 1.2.0
     optionalDependencies:
       bare-events: 2.4.2
 
@@ -13625,10 +13781,10 @@ snapshots:
     dependencies:
       js-tokens: 9.0.0
 
-  stylehacks@7.0.4(postcss@8.4.45):
+  stylehacks@7.0.4(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.3
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
   superjson@2.2.1:
@@ -13690,7 +13846,7 @@ snapshots:
       pump: 3.0.2
       tar-stream: 3.1.7
     optionalDependencies:
-      bare-fs: 2.3.4
+      bare-fs: 2.3.5
       bare-path: 2.1.3
     optional: true
 
@@ -13707,7 +13863,7 @@ snapshots:
     dependencies:
       b4a: 1.6.6
       fast-fifo: 1.3.2
-      streamx: 2.20.0
+      streamx: 2.20.1
 
   tar@6.2.1:
     dependencies:
@@ -13725,7 +13881,7 @@ snapshots:
       commander: 2.20.3
       source-map-support: 0.5.21
 
-  text-decoder@1.1.1:
+  text-decoder@1.2.0:
     dependencies:
       b4a: 1.6.6
 
@@ -13745,11 +13901,6 @@ snapshots:
 
   tinyexec@0.3.0: {}
 
-  tinyglobby@0.2.5:
-    dependencies:
-      fdir: 6.3.0(picomatch@4.0.2)
-      picomatch: 4.0.2
-
   tinyglobby@0.2.6:
     dependencies:
       fdir: 6.3.0(picomatch@4.0.2)
@@ -13761,6 +13912,8 @@ snapshots:
 
   tinyspy@3.0.2: {}
 
+  titleize@3.0.0: {}
+
   tmp@0.0.33:
     dependencies:
       os-tmpdir: 1.0.2
@@ -13893,11 +14046,11 @@ snapshots:
       node-fetch-native: 1.6.4
       pathe: 1.1.2
 
-  unhead@1.11.2:
+  unhead@1.11.6:
     dependencies:
-      '@unhead/dom': 1.11.2
-      '@unhead/schema': 1.11.2
-      '@unhead/shared': 1.11.2
+      '@unhead/dom': 1.11.6
+      '@unhead/schema': 1.11.6
+      '@unhead/shared': 1.11.6
       hookable: 5.5.3
 
   unicode-emoji-modifier-base@1.0.0: {}
@@ -13924,7 +14077,7 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
-  unimport@3.11.1(rollup@3.29.4):
+  unimport@3.12.0(rollup@3.29.4):
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
       acorn: 8.12.1
@@ -13943,7 +14096,7 @@ snapshots:
       - rollup
       - webpack-sources
 
-  unimport@3.11.1(rollup@4.21.3):
+  unimport@3.12.0(rollup@4.21.3):
     dependencies:
       '@rollup/pluginutils': 5.1.0(rollup@4.21.3)
       acorn: 8.12.1
@@ -13999,11 +14152,11 @@ snapshots:
 
   universalify@2.0.1: {}
 
-  unplugin-vue-router@0.10.8(rollup@3.29.4)(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2)):
+  unplugin-vue-router@0.10.8(rollup@3.29.4)(vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2)):
     dependencies:
       '@babel/types': 7.25.6
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      '@vue-macros/common': 1.12.3(rollup@3.29.4)(vue@3.5.4(typescript@5.6.2))
+      '@vue-macros/common': 1.14.0(rollup@3.29.4)(vue@3.5.6(typescript@5.6.2))
       ast-walker-scope: 0.6.2
       chokidar: 3.6.0
       fast-glob: 3.3.2
@@ -14016,17 +14169,17 @@ snapshots:
       unplugin: 1.14.1
       yaml: 2.5.1
     optionalDependencies:
-      vue-router: 4.4.4(vue@3.5.4(typescript@5.6.2))
+      vue-router: 4.4.5(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - rollup
       - vue
       - webpack-sources
 
-  unplugin-vue-router@0.10.8(rollup@4.21.3)(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2)):
+  unplugin-vue-router@0.10.8(rollup@4.21.3)(vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2)):
     dependencies:
       '@babel/types': 7.25.6
       '@rollup/pluginutils': 5.1.0(rollup@4.21.3)
-      '@vue-macros/common': 1.12.3(rollup@4.21.3)(vue@3.5.4(typescript@5.6.2))
+      '@vue-macros/common': 1.14.0(rollup@4.21.3)(vue@3.5.6(typescript@5.6.2))
       ast-walker-scope: 0.6.2
       chokidar: 3.6.0
       fast-glob: 3.3.2
@@ -14039,7 +14192,7 @@ snapshots:
       unplugin: 1.14.1
       yaml: 2.5.1
     optionalDependencies:
-      vue-router: 4.4.4(vue@3.5.4(typescript@5.6.2))
+      vue-router: 4.4.5(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - rollup
       - vue
@@ -14067,6 +14220,8 @@ snapshots:
     transitivePeerDependencies:
       - uWebSockets.js
 
+  untildify@4.0.0: {}
+
   untun@0.1.3:
     dependencies:
       citty: 0.1.6
@@ -14138,11 +14293,11 @@ snapshots:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
 
-  vaul-vue@0.2.0(radix-vue@1.9.5(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2)):
+  vaul-vue@0.2.0(radix-vue@1.9.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2)):
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.4(typescript@5.6.2))
-      radix-vue: 1.9.5(vue@3.5.4(typescript@5.6.2))
-      vue: 3.5.4(typescript@5.6.2)
+      '@vueuse/core': 10.11.1(vue@3.5.6(typescript@5.6.2))
+      radix-vue: 1.9.5(vue@3.5.6(typescript@5.6.2))
+      vue: 3.5.6(typescript@5.6.2)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -14161,17 +14316,16 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  vite-hot-client@0.2.3(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)):
+  vite-hot-client@0.2.3(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)):
     dependencies:
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
 
-  vite-node@2.0.5(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0):
+  vite-node@2.1.1(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0):
     dependencies:
       cac: 6.7.14
       debug: 4.3.7
       pathe: 1.1.2
-      tinyrainbow: 1.2.0
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -14183,7 +14337,7 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-checker@0.7.2(eslint@9.10.0(jiti@1.21.6))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)):
+  vite-plugin-checker@0.8.0(eslint@9.10.0(jiti@1.21.6))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2)):
     dependencies:
       '@babel/code-frame': 7.24.7
       ansi-escapes: 4.3.2
@@ -14195,7 +14349,7 @@ snapshots:
       npm-run-path: 4.0.1
       strip-ansi: 6.0.1
       tiny-invariant: 1.3.3
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
       vscode-languageclient: 7.0.0
       vscode-languageserver: 7.0.0
       vscode-languageserver-textdocument: 1.0.12
@@ -14206,7 +14360,7 @@ snapshots:
       typescript: 5.6.2
       vue-tsc: 2.1.6(typescript@5.6.2)
 
-  vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@3.29.4))(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)):
+  vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@3.29.4))(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
@@ -14217,14 +14371,14 @@ snapshots:
       perfect-debounce: 1.0.0
       picocolors: 1.1.0
       sirv: 2.0.4
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
     optionalDependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@3.29.4)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.3))(rollup@4.21.3)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)):
+  vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@3.29.4))(rollup@4.21.3)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)):
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.1.0(rollup@4.21.3)
@@ -14235,14 +14389,14 @@ snapshots:
       perfect-debounce: 1.0.0
       picocolors: 1.1.0
       sirv: 2.0.4
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
     optionalDependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-vue-inspector@5.2.0(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)):
+  vite-plugin-vue-inspector@5.2.0(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)):
     dependencies:
       '@babel/core': 7.25.2
       '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.25.2)
@@ -14250,27 +14404,27 @@ snapshots:
       '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.2)
       '@babel/plugin-transform-typescript': 7.25.2(@babel/core@7.25.2)
       '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.25.2)
-      '@vue/compiler-dom': 3.5.4
+      '@vue/compiler-dom': 3.5.6
       kolorist: 1.8.0
       magic-string: 0.30.11
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0):
+  vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0):
     dependencies:
       esbuild: 0.21.5
-      postcss: 8.4.45
+      postcss: 8.4.47
       rollup: 4.21.3
     optionalDependencies:
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
       fsevents: 2.3.3
       lightningcss: 1.27.0
       terser: 5.32.0
 
-  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2)):
+  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.1)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.1.1(@types/node@22.5.5)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2)):
     dependencies:
-      '@nuxt/test-utils': 3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.0)(rollup@3.29.4)(vite@5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
+      '@nuxt/test-utils': 3.14.2(@vue/test-utils@2.4.6)(h3@1.12.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.1)(rollup@3.29.4)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vitest@2.1.1(@types/node@22.5.5)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0))(vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)))(vue@3.5.6(typescript@5.6.2))
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'
@@ -14292,33 +14446,34 @@ snapshots:
       - vue-router
       - webpack-sources
 
-  vitest@2.0.5(@types/node@22.5.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0):
+  vitest@2.1.1(@types/node@22.5.5)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.32.0):
     dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@vitest/expect': 2.0.5
-      '@vitest/pretty-format': 2.0.5
-      '@vitest/runner': 2.0.5
-      '@vitest/snapshot': 2.0.5
-      '@vitest/spy': 2.0.5
-      '@vitest/utils': 2.0.5
+      '@vitest/expect': 2.1.1
+      '@vitest/mocker': 2.1.1(@vitest/spy@2.1.1)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))
+      '@vitest/pretty-format': 2.1.1
+      '@vitest/runner': 2.1.1
+      '@vitest/snapshot': 2.1.1
+      '@vitest/spy': 2.1.1
+      '@vitest/utils': 2.1.1
       chai: 5.1.1
       debug: 4.3.7
-      execa: 8.0.1
       magic-string: 0.30.11
       pathe: 1.1.2
       std-env: 3.7.0
       tinybench: 2.9.0
+      tinyexec: 0.3.0
       tinypool: 1.0.1
       tinyrainbow: 1.2.0
-      vite: 5.4.4(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
-      vite-node: 2.0.5(@types/node@22.5.4)(lightningcss@1.27.0)(terser@5.32.0)
+      vite: 5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
+      vite-node: 2.1.1(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
       happy-dom: 14.12.3
     transitivePeerDependencies:
       - less
       - lightningcss
+      - msw
       - sass
       - sass-embedded
       - stylus
@@ -14355,7 +14510,7 @@ snapshots:
 
   vue-component-meta@2.1.6(typescript@5.6.2):
     dependencies:
-      '@volar/typescript': 2.4.4
+      '@volar/typescript': 2.4.5
       '@vue/language-core': 2.1.6(typescript@5.6.2)
       path-browserify: 1.0.1
       vue-component-type-helpers: 2.1.6
@@ -14364,9 +14519,9 @@ snapshots:
 
   vue-component-type-helpers@2.1.6: {}
 
-  vue-demi@0.14.10(vue@3.5.4(typescript@5.6.2)):
+  vue-demi@0.14.10(vue@3.5.6(typescript@5.6.2)):
     dependencies:
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
 
   vue-devtools-stub@0.1.0: {}
 
@@ -14383,30 +14538,30 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-router@4.4.4(vue@3.5.4(typescript@5.6.2)):
+  vue-router@4.4.5(vue@3.5.6(typescript@5.6.2)):
     dependencies:
       '@vue/devtools-api': 6.6.4
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
 
   vue-tsc@2.1.6(typescript@5.6.2):
     dependencies:
-      '@volar/typescript': 2.4.4
+      '@volar/typescript': 2.4.5
       '@vue/language-core': 2.1.6(typescript@5.6.2)
       semver: 7.6.3
       typescript: 5.6.2
 
-  vue3-smooth-dnd@0.0.6(vue@3.5.4(typescript@5.6.2)):
+  vue3-smooth-dnd@0.0.6(vue@3.5.6(typescript@5.6.2)):
     dependencies:
       smooth-dnd: 0.12.1
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.2)
 
-  vue@3.5.4(typescript@5.6.2):
+  vue@3.5.6(typescript@5.6.2):
     dependencies:
-      '@vue/compiler-dom': 3.5.4
-      '@vue/compiler-sfc': 3.5.4
-      '@vue/runtime-dom': 3.5.4
-      '@vue/server-renderer': 3.5.4(vue@3.5.4(typescript@5.6.2))
-      '@vue/shared': 3.5.4
+      '@vue/compiler-dom': 3.5.6
+      '@vue/compiler-sfc': 3.5.6
+      '@vue/runtime-dom': 3.5.6
+      '@vue/server-renderer': 3.5.6(vue@3.5.6(typescript@5.6.2))
+      '@vue/shared': 3.5.6
     optionalDependencies:
       typescript: 5.6.2
 
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 7834a8edf4..28afb303a9 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -3,3 +3,4 @@ packages:
   - "cli"
   - "docs"
   - "playground"
+  - "devtools"
diff --git a/src/devtools/components/Devtools.vue b/src/devtools/ComponentRenderer.vue
similarity index 66%
rename from src/devtools/components/Devtools.vue
rename to src/devtools/ComponentRenderer.vue
index 56716cbaf7..99b9d84154 100644
--- a/src/devtools/components/Devtools.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,15 +1,12 @@
 <script setup lang="ts">
-import { ref, computed } from 'vue'
-import * as ui from '#build/ui'
-import { pascalCase } from 'scule'
-import { updateAppConfig } from '#app'
-import { definePageMeta, resolveComponent } from '#imports'
+import { camelCase, upperFirst } from 'scule'
+import { computed, resolveComponent } from '#imports'
 
-definePageMeta({
-  layout: false
-})
+const props = defineProps<{
+  slug: string
+}>()
 
-const componentExample = {
+const componentExamples: Record<string, any> = {
   accordion: {
     component: resolveComponent('UAccordion'),
     props: {
@@ -255,127 +252,22 @@ const componentExample = {
     props: {}
   }
 }
-const appConfig = useAppConfig()
 
-const components = Object.keys(ui).map((key) => {
-  const slots = (ui as any)[key].slots
-
-  return {
-    key,
-    value: key,
-    label: `U${pascalCase(key)}`,
-    slots: slots
-      ? Object.keys(slots)?.map(id => ({
-        id,
-        value: appConfig.ui?.[key]?.slots?.[id] // TODO: default to app.config value
-      }))
-      : [{ id: 'base', value: '' }]
-  }
-})
-
-const component = ref(components.find(c => c.key === 'button'))
-
-const preview = ref()
-const computedUI = computed(() => {
-  if (!component.value) return
-
-  return component.value.slots?.reduce(
-    (acc, slot) => {
-      acc[slot.id] = slot.value
-      return acc
-    },
-    {} as Record<string, any>
-  )
-})
-
-function onHover(slotId: string) {
-  const element = preview.value.querySelector(`[data-slot=${slotId}]`)
-  if (element) {
-    element.classList.add('highlight')
-  }
-}
-
-function onLeave(slotId: string) {
-  const element = preview.value.querySelector(`[data-slot=${slotId}]`)
-  if (element) {
-    element.classList.remove('highlight')
-  }
-}
-
-function saveConfig() {
-  if (!component.value) return
-  updateAppConfig({
-    ui: { [component.value.key]: { slots: computedUI.value } }
-  })
-
-  $fetch('/_ui/config', {
-    method: 'POST',
-    body: appConfig
-  })
-}
+const component = computed(() => componentExamples[props.slug])
 </script>
 
 <template>
-  <div class="relative w-full h-screen">
-    <div
-      class="top-0 h-[49px] border-b border-gray-100 bg-white flex justify-center items-center"
-    >
-      <UInputMenu
-        v-model="component"
-        variant="none"
-        :items="components"
-        class="grow"
-        placeholder="Search component..."
-      />
-
-      <UButton variant="ghost" @click="saveConfig">
-        Save config
-      </UButton>
-    </div>
-    <div
-      class="absolute top-[49px] inset-x-0 bottom-0 overflow-y-scroll grid grid-cols-3 gap-4"
-    >
-      <div
-        v-if="component"
-        ref="preview"
-        class="col-span-2 flex justify-center items-center p-8"
-      >
-        <component
-          :is="componentExample[component.key].component"
-          v-bind="{ ui: computedUI, ...componentExample[component.key].props, class: computedUI.base }"
-        />
-      </div>
-
-      <div class="border-l border-gray-200 overflow-y-scroll">
-        <div
-          v-for="slot in component?.slots"
-          :id="slot.id"
-          :key="slot.id"
-          ref="slotsRef"
-          class="border-b p-4 border-gray-200 font-mono hover:bg-gray-50 transition ease"
-          @mouseenter="onHover(slot.id)"
-          @mouseleave="onLeave(slot.id)"
-        >
-          <p class="text-sm">
-            {{ slot.id }}
-          </p>
-          <UInput v-model="slot.value" variant="ghost" class="w-full px-0" />
-        </div>
-      </div>
-
-      <!-- This is to include tailwind css classes for testing -->
-      <div
-        class="hidden rounded-full bg-black border border-4 border-black border-cool-100 border-red-800 text-black p-1 p-2 p-3 p-4"
-      />
-    </div>
+  <div class="nuxt-ui-component-renderer h-screen w-screen p-8">
+    <component :is="component.component" v-if="component" v-bind="component.props" />
   </div>
 </template>
 
 <style>
-.highlight {
-  outline: dashed;
-  outline-color: blue;
-  outline-width: 1.5px;
-  outline-offset: 2px;
+.nuxt-ui-component-renderer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cpath fill='none' stroke='hsla(0, 0%25, 98%25, 1)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
+  background-size: 40px 40px;
 }
 </style>
diff --git a/src/devtools/nuxt-root.vue b/src/devtools/nuxt-root.vue
index a11bd29e53..fa8ec46c93 100644
--- a/src/devtools/nuxt-root.vue
+++ b/src/devtools/nuxt-root.vue
@@ -13,7 +13,7 @@
       :is="SingleRenderer"
       v-else-if="SingleRenderer"
     />
-    <Devtools v-else-if="url === '/_ui/devtools'" />
+    <ComponentRenderer v-else-if="url.startsWith('/_ui/components')" :slug="url?.replace('/_ui/components/', '')" />
     <AppComponent v-else />
   </Suspense>
 </template>
@@ -24,7 +24,7 @@ import AppComponent from '#build/app-component.mjs'
 import ErrorComponent from '#build/error-component.mjs'
 // @ts-expect-error virtual file
 import { componentIslands } from '#build/nuxt.config.mjs'
-import Devtools from './components/Devtools.vue'
+import ComponentRenderer from './ComponentRenderer.vue'
 
 const IslandRenderer = import.meta.server && componentIslands
   ? defineAsyncComponent(() => import('./island-renderer').then(r => r.default || r))
diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
new file mode 100644
index 0000000000..479bbc07ab
--- /dev/null
+++ b/src/devtools/rpc.ts
@@ -0,0 +1,36 @@
+import type { ComponentMeta } from 'vue-component-meta'
+import { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'
+import * as theme from '../theme'
+import type { ModuleOptions } from '../module'
+import { upperFirst, camelCase } from 'scule'
+
+export type Component = {
+  slug: string
+  label: string
+  props: ComponentMeta['props']
+  slots: Record<string, string>
+  variants: Record<string, any>
+}
+
+export interface ServerFunctions {
+  getComponents: () => Promise<Array<Pick<Component, 'slug' | 'label'>>>
+}
+
+export interface ClientFunctions {
+
+}
+
+export function setupDevtoolsClient(options: ModuleOptions) {
+  onDevToolsInitialized(async () => {
+    const _rpc = extendServerRpc<ClientFunctions, ServerFunctions>('nuxt/ui/devtools', {
+      async getComponents() {
+        return Object.keys(theme).map(slug => ({
+          slug,
+          label: options.prefix + upperFirst(camelCase(slug)),
+          slots: theme[slug]?.slots,
+          variants: theme[slug]?.variants
+        }))
+      }
+    })
+  })
+}
diff --git a/src/module.ts b/src/module.ts
index 29f8a3f6dd..0b64ce8281 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -3,6 +3,8 @@ import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addV
 import { addTemplates } from './templates'
 import icons from './theme/icons'
 import { addCustomTab } from '@nuxt/devtools-kit'
+import sirv from 'sirv'
+import { setupDevtoolsClient } from './devtools/rpc'
 
 export type * from './runtime/types'
 
@@ -119,7 +121,20 @@ export default defineNuxtModule<ModuleOptions>({
 
     addTemplates(options, nuxt)
 
-    if (nuxt.options.dev) {
+    if (nuxt.options.dev && nuxt.options.devtools.enabled) {
+      // installModule('nuxt-component-meta')
+
+      setupDevtoolsClient(options)
+
+      nuxt.options.nitro.routeRules['_ui/**'] = { ssr: false }
+
+      nuxt.hook('vite:serverCreated', async (server) => {
+        server.middlewares.use('/_ui/devtools', sirv(resolve('../devtools/dist'), {
+          single: true,
+          dev: true
+        }))
+      })
+
       nuxt.hook('app:resolve', (app) => {
         app.rootComponent = resolve('./devtools/nuxt-root.vue')
       })
@@ -133,12 +148,10 @@ export default defineNuxtModule<ModuleOptions>({
       extendPages((pages) => {
         pages.unshift({
           name: 'ui-devtools',
-          path: '/_ui/devtools'
+          path: '/_ui/components/:component'
         })
       })
 
-      nuxt.options.nitro.routeRules['_ui/**'] = { ssr: false }
-
       addCustomTab({
         name: 'nuxt-ui',
         title: 'Nuxt UI',

From 8853690fcb79f085e709c27109cf021fb43270f4 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 22 Sep 2024 16:35:53 +0200
Subject: [PATCH 05/92] feat(devtools): setup local development configuration

---
 devtools/nuxt.config.ts            |  9 +++++
 package.json                       |  1 +
 src/devtools/ComponentRenderer.vue |  1 -
 src/module.ts                      | 56 +++++++++++++++++++++++++-----
 4 files changed, 57 insertions(+), 10 deletions(-)

diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 5a0bce2ad8..9e1be15abe 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -19,5 +19,14 @@ export default defineNuxtConfig({
   future: {
     compatibilityVersion: 4
   },
+
+  vite: {
+    server: {
+      hmr: {
+        clientPort: process.env.PORT ? +process.env.PORT : undefined
+      }
+    }
+  },
+
   compatibilityDate: '2024-04-03'
 })
diff --git a/package.json b/package.json
index 92891d6b34..cd6c6c4afa 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,7 @@
     "docs": "DEV=true nuxi dev docs",
     "docs:build": "nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",
+    "devtools": "NUXT_UI_DEVTOOLS_LOCAL=true nuxi dev playground",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "typecheck": "vue-tsc --noEmit && nuxi typecheck playground && nuxi typecheck docs",
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index 99b9d84154..f93b724782 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { camelCase, upperFirst } from 'scule'
 import { computed, resolveComponent } from '#imports'
 
 const props = defineProps<{
diff --git a/src/module.ts b/src/module.ts
index 0b64ce8281..1c7fe7bb90 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -2,11 +2,10 @@ import { defu } from 'defu'
 import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addVitePlugin, addPlugin, installModule, extendPages, addServerHandler, hasNuxtModule } from '@nuxt/kit'
 import { addTemplates } from './templates'
 import icons from './theme/icons'
-import { addCustomTab } from '@nuxt/devtools-kit'
+import { addCustomTab, startSubprocess } from '@nuxt/devtools-kit'
 import sirv from 'sirv'
 import { setupDevtoolsClient } from './devtools/rpc'
-
-export type * from './runtime/types'
+import { getPort } from 'get-port-please'
 
 export interface ModuleOptions {
   /**
@@ -126,14 +125,53 @@ export default defineNuxtModule<ModuleOptions>({
 
       setupDevtoolsClient(options)
 
+      nuxt.options.nitro.routeRules ||= {}
       nuxt.options.nitro.routeRules['_ui/**'] = { ssr: false }
 
-      nuxt.hook('vite:serverCreated', async (server) => {
-        server.middlewares.use('/_ui/devtools', sirv(resolve('../devtools/dist'), {
-          single: true,
-          dev: true
-        }))
-      })
+      // Runs UI devtools in a subprocess for local development
+      if (process.env.NUXT_UI_DEVTOOLS_LOCAL) {
+        const PORT = await getPort({ port: 42124 })
+        nuxt.hook('app:resolve', () => {
+          startSubprocess(
+            {
+              command: 'pnpm',
+              args: ['nuxi', 'dev'],
+              cwd: './devtools',
+              stdio: 'pipe',
+              env: {
+                PORT: PORT.toString()
+              }
+            },
+            {
+              id: 'ui:devtools:local',
+              name: 'Nuxt UI DevTools Local',
+              icon: 'logos-nuxt-icon'
+            },
+            nuxt
+          )
+        })
+
+        nuxt.hook('vite:extendConfig', (config) => {
+          config.server ||= {}
+          // add proxy to client
+          config.server.proxy ||= {}
+          // TODO: ws proxy is not working
+          config.server.proxy['/_ui/devtools'] = {
+            target: `http://localhost:${PORT}`,
+            changeOrigin: true,
+            followRedirects: true,
+            ws: true,
+            rewriteWsOrigin: true
+          }
+        })
+      } else {
+        nuxt.hook('vite:serverCreated', async (server) => {
+          server.middlewares.use('/_ui/devtools', sirv(resolve('../devtools/dist'), {
+            single: true,
+            dev: true
+          }))
+        })
+      }
 
       nuxt.hook('app:resolve', (app) => {
         app.rootComponent = resolve('./devtools/nuxt-root.vue')

From 3f8e790c23419699dfc4939c3164106d4096cd94 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 22 Sep 2024 18:16:55 +0200
Subject: [PATCH 06/92] fix(devtools): disable devtools in component view

---
 devtools/app/app.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index c3264330f9..c04d4d43aa 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -15,6 +15,9 @@ onDevtoolsClientConnected(async (client) => {
     component.value = components.value.find(comp => comp.slug === 'button')
   }
 })
+
+// Disable devtools in component renderer iframe
+window.__NUXT_DEVTOOLS_DISABLE__ = true
 </script>
 
 <template>

From dd6693cfb07b5d156fe270696632b67630dd1b16 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 24 Sep 2024 00:55:27 +0200
Subject: [PATCH 07/92] feat(devtools): add slots and props customization

---
 devtools/app/app.vue                          | 127 +++++++++++++++---
 .../app/components/ComponentPropInput.vue     |  33 +++++
 devtools/nuxt.config.ts                       |   7 +-
 devtools/package.json                         |   5 +-
 pnpm-lock.yaml                                |  49 +++++++
 src/devtools/ComponentRenderer.vue            |  40 +++++-
 src/devtools/nuxt-root.vue                    |   2 +-
 src/devtools/rpc.ts                           |  29 ++--
 src/module.ts                                 |  36 +++--
 9 files changed, 288 insertions(+), 40 deletions(-)
 create mode 100644 devtools/app/components/ComponentPropInput.vue

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index c04d4d43aa..5b70bb26c4 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -1,45 +1,142 @@
 <script setup lang="ts">
 import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
 import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
+import type { BirpcReturn } from 'birpc'
+import { watchDebounced } from '@vueuse/core'
+import defu from 'defu'
 
-const components = useState<Array<Component & { value: string }>>('ui-devtools-components')
-const component = useState<Component>('ui-devtools-component')
+// @ts-ignore
+// Disable devtools in component renderer iframe
+window.__NUXT_DEVTOOLS_DISABLE__ = true
 
-onDevtoolsClientConnected(async (client) => {
-  const rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
+const components = useState<Array<Component & { value: string }>>('__ui-devtools-components')
+const component = useState<Component | undefined>('__ui-devtools-component')
+const state = useState<Record<string, any>>('__ui-devtools-state', () => ({}))
 
-  // call server RPC functions
+let rpc: BirpcReturn<ServerFunctions, ClientFunctions> | null = null
+
+onDevtoolsClientConnected(async (client) => {
+  rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
   components.value = (await rpc.getComponents()).map(component => ({ ...component, value: component.slug }))
 
-  if (!component.value || !components.value.find(c => c.slug === component.value.slug)) {
+  if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
     component.value = components.value.find(comp => comp.slug === 'button')
   }
+
+  state.value.props = defu(state.value.props, components.value?.reduce((acc, comp) => {
+    acc[comp.slug] = comp.defaultVariants ?? {}
+    return acc
+  }, {} as Record<string, any>))
+
+  state.value.slots = defu(state.value.slots, components.value.reduce((acc, comp) => {
+    acc[comp.slug] = {} // comp.slots ?? {}
+    return acc
+  }, {} as Record<string, any>))
 })
 
-// Disable devtools in component renderer iframe
-window.__NUXT_DEVTOOLS_DISABLE__ = true
+function updateRenderer() {
+  if (!component.value) return
+
+  const event: Event & { data?: any } = new Event('nuxt-ui-devtools:update-renderer')
+  event.data = { props: state.value.props?.[component.value.slug], slots: state.value.slots?.[component.value?.slug] }
+
+  window.dispatchEvent(event)
+}
+
+watchDebounced(state, updateRenderer, { deep: true, debounce: 200, maxWait: 500 })
+
+onMounted(() => {
+  window.addEventListener('nuxt-ui-devtools:component-loaded', (event: Event & { data?: any }) => {
+    if (!component.value) return
+    state.value.props[component.value.slug] = defu(state.value.props[component.value.slug], event.data?.props)
+  })
+})
+
+const accordionItems = computed(() => {
+  if (!component.value) return
+
+  const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
+
+  return [
+    { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', description: `${component.value.meta.props.length} props`, disabled: !component.value.meta.props?.length },
+    { label: 'Theme', slot: 'theme', icon: 'i-heroicons-paint-brush', description: `${themeCount} theme slots`, disabled: !themeCount }
+  ]
+})
+
+function onSlotHover(slot: string) {
+  const event: Event & { data?: any } = new Event('nuxt-ui-devtools:slot-hover')
+  event.data = { slot }
+  window.dispatchEvent(event)
+}
+
+function onSlotLeave(slot: string) {
+  const event: Event & { data?: any } = new Event('nuxt-ui-devtools:slot-leave')
+  event.data = { slot }
+  window.dispatchEvent(event)
+}
 </script>
 
 <template>
-  <UApp class="h-screen w-full relative">
+  <UApp class="h-screen w-full relative font-sans">
     <div
-      class="top-0 h-[49px] border-b border-gray-200 bg-white flex justify-center items-center px-2"
+      class="top-0 h-[49px] border-b border-gray-200 bg-white flex px-2"
     >
       <UInputMenu
         v-model="component"
         variant="none"
         :items="components"
+        trailing-icon="i-heroicons-magnifying-glass-20-solid"
         class="grow"
         placeholder="Search component..."
-        size="xl"
       />
     </div>
-    <div v-if="component" class="absolute top-[49px] bottom-0 inset-x-0 grid grid-cols-2 border-l border-gray-100">
-      <div class="bg-white">
-        <!-- TODO: Add component configuration and documentation -->
+    <div v-if="component" class="absolute top-[49px] bottom-0 inset-x-0 grid grid-cols-2">
+      <div class="bg-white border-r border-gray-200 flex flex-col overflow-y-scroll">
+        <UAccordion :items="accordionItems" class="border-b border-gray-200" multiple :ui="{ trigger: 'px-2.5 py-4.5 text-start hover:bg-gray-100 transition ease duration-150 gap-2.5 data-[state=closed]:opacity-80' }">
+          <template #leading="{ item }">
+            <UIcon :name="item.icon" class="size-6 text-gray-700" />
+          </template>
+
+          <template #="{ item }">
+            <p class="font-sans font-medium">
+              {{ item.label }}
+            </p>
+            <p class="text-sm font-sans text-gray-500">
+              {{ item.description }}
+            </p>
+          </template>
+
+          <template #props>
+            <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" class="p-3">
+              <UFormField :name="prop.name">
+                <template #label>
+                  <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-50">
+                    {{ prop?.name }}
+                  </p>
+                </template>
+                <template #description>
+                  <MDC v-if="prop.description" :value="prop.description" class="text-gray-600 dark:text-gray-300 mt-1" />
+                </template>
+                <ComponentPropInput v-bind="prop" v-model="state.props[component.slug][prop.name]" class="mt-2" />
+              </UFormField>
+            </div>
+          </template>
+          <template #theme>
+            <div v-for="(_value, slot) in component.slots" class="p-3 hover:bg-gray-50 transition">
+              <UFormField :name="slot" @mouseenter="onSlotHover(slot)" @mouseleave="onSlotLeave(slot)">
+                <template #label>
+                  <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-100">
+                    {{ slot }}
+                  </p>
+                </template>
+                <UTextarea v-model="state.slots[component.slug][slot]" autoresize class="mt-2 w-full font-mono" />
+              </UFormField>
+            </div>
+          </template>
+        </UAccordion>
       </div>
       <div>
-        <iframe class="h-full w-full" :src="`/_ui/components/${component.slug}`" />
+        <iframe class="h-full w-full" :src="`/__nuxt_ui__/components/${component.slug}`" />
       </div>
     </div>
   </UApp>
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
new file mode 100644
index 0000000000..e243b36bd6
--- /dev/null
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import type { PropertyMeta } from 'vue-component-meta'
+
+defineProps<Partial<PropertyMeta>>()
+const modelValue = defineModel<any>()
+
+function parseEnumValues(propMeta: PropertyMeta['schema'] | PropertyMeta['schema'][]) {
+  const meta = Array.isArray(propMeta) ? propMeta[0] : propMeta
+  if (!meta) return
+  return Object.values(propMeta).map((value: string) => typeof value === 'string' ? value.replaceAll('"', '') : value).filter(value => value !== 'undefined')
+}
+</script>
+
+<template>
+  <div v-if="schema">
+    <UInput v-if="type?.includes('string')" v-model="modelValue" />
+    <UInput v-else-if="type?.includes('number')" v-model="modelValue" type="number" />
+    <UCheckbox v-else-if="type?.includes('boolean')" v-model="modelValue" />
+    <span v-else-if="typeof schema === 'string' || !schema.schema " />
+    <USelectMenu v-else-if="schema?.kind === 'enum' && name === 'color'" v-model="modelValue" :items="parseEnumValues(schema.schema)" class="w-48">
+      <template #item="{ item }">
+        <div class="flex items-baseline gap-2">
+          <span class="size-2 rounded-full" :class="`bg-${item}-500`" />
+          <p>{{ item }}</p>
+        </div>
+      </template>
+      <template #leading="{ modelValue: color }">
+        <span v-if="color" class="size-2 rounded-full" :class="`bg-${color}-500`" />
+      </template>
+    </USelectMenu>
+    <USelectMenu v-else-if="schema?.kind === 'enum'" v-model="modelValue" :items="parseEnumValues(schema.schema)" class="w-48" />
+  </div>
+</template>
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 9e1be15abe..23d9421f18 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -10,10 +10,13 @@ export default defineNuxtConfig({
     }
   },
 
-  modules: ['../src/module'],
+  modules: [
+    '../src/module',
+    '@nuxtjs/mdc'
+  ],
 
   app: {
-    baseURL: '/_ui/devtools'
+    baseURL: '/__nuxt_ui__/devtools'
   },
 
   future: {
diff --git a/devtools/package.json b/devtools/package.json
index 5296502d59..8ad4f6c44c 100644
--- a/devtools/package.json
+++ b/devtools/package.json
@@ -9,7 +9,8 @@
     "preview": "nuxt preview"
   },
   "dependencies": {
-    "nuxt": "^3.13.1",
-    "@nuxt/ui": "latest"
+    "@nuxt/ui": "latest",
+    "@nuxtjs/mdc": "^0.9.0",
+    "nuxt": "^3.13.1"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2356a4f673..5bffff4c75 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -142,6 +142,9 @@ importers:
       '@nuxt/ui':
         specifier: workspace:*
         version: link:..
+      '@nuxtjs/mdc':
+        specifier: ^0.9.0
+        version: 0.9.0(magicast@0.3.5)(rollup@4.21.3)
       nuxt:
         specifier: ^3.13.1
         version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.10.0(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
@@ -1248,6 +1251,9 @@ packages:
   '@nuxtjs/mdc@0.8.3':
     resolution: {integrity: sha512-FqvJFWkBN9u2FeWog+7+C0aIOx0WIu61TYgAXPmmIOVVua6s2mXQsMyF3fXY2M56QBIaYJzK/SYN+5FGr5GNTQ==}
 
+  '@nuxtjs/mdc@0.9.0':
+    resolution: {integrity: sha512-dkdfWK0C0gKjDI7Y2W23A9uWwky9pIlH/N1no2l9y+2DHBz4/7JDdXmxGivDXYvyaTb6xAi+53E6Xphlmai8+A==}
+
   '@nuxtjs/plausible@1.0.2':
     resolution: {integrity: sha512-AT5GoVddqgvbp39OY1/DtWHUgjn+6LGjJXB75imdEUxPok2uAVGtr3oZ0F7merC9T3y0rIqZx8HzpUmCcipBnQ==}
 
@@ -8098,6 +8104,49 @@ snapshots:
       - supports-color
       - webpack-sources
 
+  '@nuxtjs/mdc@0.9.0(magicast@0.3.5)(rollup@4.21.3)':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@shikijs/transformers': 1.17.7
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@vue/compiler-core': 3.5.6
+      consola: 3.2.3
+      debug: 4.3.7
+      defu: 6.1.4
+      destr: 2.0.3
+      detab: 3.0.2
+      github-slugger: 2.0.0
+      hast-util-to-string: 3.0.0
+      mdast-util-to-hast: 13.2.0
+      micromark-util-sanitize-uri: 2.0.0
+      ohash: 1.1.4
+      parse5: 7.1.2
+      pathe: 1.1.2
+      property-information: 6.5.0
+      rehype-external-links: 3.0.0
+      rehype-raw: 7.0.0
+      rehype-slug: 6.0.0
+      rehype-sort-attribute-values: 5.0.0
+      rehype-sort-attributes: 5.0.0
+      remark-emoji: 5.0.1
+      remark-gfm: 4.0.0
+      remark-mdc: 3.2.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.0
+      scule: 1.3.0
+      shiki: 1.17.7
+      ufo: 1.5.4
+      unified: 11.0.5
+      unist-builder: 4.0.0
+      unist-util-visit: 5.0.0
+      unwasm: 0.3.9
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
   '@nuxtjs/plausible@1.0.2(magicast@0.3.5)(rollup@4.21.3)':
     dependencies:
       '@barbapapazes/plausible-tracker': 0.5.2
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index f93b724782..b2d4339582 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, resolveComponent } from '#imports'
+import { onMounted, computed, ref, reactive, resolveComponent } from 'vue'
 
 const props = defineProps<{
   slug: string
@@ -253,11 +253,40 @@ const componentExamples: Record<string, any> = {
 }
 
 const component = computed(() => componentExamples[props.slug])
+
+const state = reactive<{ slots?: any, props?: any }>({})
+
+onMounted(() => {
+  window.parent.addEventListener('nuxt-ui-devtools:update-renderer', (event: Event & { data?: any }) => {
+    state.props = { ...event.data.props }
+    state.slots = { ...event.data.slots }
+  })
+
+  window.parent.addEventListener('nuxt-ui-devtools:slot-hover', (event: Event & { data?: any }) => {
+    const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
+    if (element) {
+      element.classList.add('nuxt-ui-slot-highlight')
+    }
+  })
+
+  window.parent.addEventListener('nuxt-ui-devtools:slot-leave', (event: Event & { data?: any }) => {
+    const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
+    if (element) {
+      element.classList.remove('nuxt-ui-slot-highlight')
+    }
+  })
+})
+
+onMounted(() => {
+  const event: Event & { data?: any } = new Event('nuxt-ui-devtools:component-loaded')
+  event.data = componentExamples[props.slug]
+  window.parent.dispatchEvent(event)
+})
 </script>
 
 <template>
   <div class="nuxt-ui-component-renderer h-screen w-screen p-8">
-    <component :is="component.component" v-if="component" v-bind="component.props" />
+    <component :is="component.component" v-if="component" v-bind="{ ...component?.props, ...state.props }" :class="state?.slots?.base" :ui="state.slots" />
   </div>
 </template>
 
@@ -269,4 +298,11 @@ const component = computed(() => componentExamples[props.slug])
   background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cpath fill='none' stroke='hsla(0, 0%25, 98%25, 1)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
   background-size: 40px 40px;
 }
+
+.nuxt-ui-slot-highlight {
+  outline-color: blue !important;
+  outline-width: 1.5px !important;
+  outline-offset: 2px !important;
+  outline-style: dashed !important;
+}
 </style>
diff --git a/src/devtools/nuxt-root.vue b/src/devtools/nuxt-root.vue
index fa8ec46c93..6c3195ac5a 100644
--- a/src/devtools/nuxt-root.vue
+++ b/src/devtools/nuxt-root.vue
@@ -13,7 +13,7 @@
       :is="SingleRenderer"
       v-else-if="SingleRenderer"
     />
-    <ComponentRenderer v-else-if="url.startsWith('/_ui/components')" :slug="url?.replace('/_ui/components/', '')" />
+    <ComponentRenderer v-else-if="url.startsWith('/__nuxt_ui__/components')" :slug="url?.replace('/__nuxt_ui__/components/', '')" />
     <AppComponent v-else />
   </Suspense>
 </template>
diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
index 479bbc07ab..47b0e90581 100644
--- a/src/devtools/rpc.ts
+++ b/src/devtools/rpc.ts
@@ -3,32 +3,45 @@ import { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'
 import * as theme from '../theme'
 import type { ModuleOptions } from '../module'
 import { upperFirst, camelCase } from 'scule'
+import type { Nuxt } from '@nuxt/schema'
 
 export type Component = {
   slug: string
   label: string
-  props: ComponentMeta['props']
   slots: Record<string, string>
   variants: Record<string, any>
+  defaultVariants: Record<string, any>
+  meta: ComponentMeta
 }
 
 export interface ServerFunctions {
-  getComponents: () => Promise<Array<Pick<Component, 'slug' | 'label'>>>
+  getComponents: () => Promise<Array<Component>>
 }
 
 export interface ClientFunctions {
 
 }
 
-export function setupDevtoolsClient(options: ModuleOptions) {
+export function setupDevtoolsClient(options: ModuleOptions, nuxt: Nuxt) {
   onDevToolsInitialized(async () => {
     const _rpc = extendServerRpc<ClientFunctions, ServerFunctions>('nuxt/ui/devtools', {
       async getComponents() {
-        return Object.keys(theme).map(slug => ({
-          slug,
-          label: options.prefix + upperFirst(camelCase(slug)),
-          slots: theme[slug]?.slots,
-          variants: theme[slug]?.variants
+        return await Promise.all(Object.keys(theme).map(async (slug) => {
+          const label = options.prefix + upperFirst(camelCase(slug))
+
+          // TODO: Properly configure the host
+          return fetch(`http://localhost:3000/api/component-meta/${label}.json`).then(async (resp) => {
+            const template = typeof (theme as any)[slug] === 'function' ? (theme as any)[slug](options) : theme
+            const data = await resp.json()
+            return {
+              slug,
+              label,
+              slots: Array.isArray(template.slots) ? template.slots.join(' ') : template.slots,
+              variants: template.variants,
+              defaultVariants: template.defaultVariants,
+              meta: data?.meta
+            }
+          })
         }))
       }
     })
diff --git a/src/module.ts b/src/module.ts
index 1c7fe7bb90..6fe2de5c8d 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -53,7 +53,6 @@ export default defineNuxtModule<ModuleOptions>({
   },
   async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url)
-
     options.colors = options.colors?.length ? [...new Set(['primary', 'error', ...options.colors])] : ['primary', 'error', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose']
 
     nuxt.options.ui = options
@@ -121,12 +120,29 @@ export default defineNuxtModule<ModuleOptions>({
     addTemplates(options, nuxt)
 
     if (nuxt.options.dev && nuxt.options.devtools.enabled) {
-      // installModule('nuxt-component-meta')
-
-      setupDevtoolsClient(options)
+      installModule('nuxt-component-meta')
+
+      // @ts-ignore
+      nuxt.options.componentMeta ||= {}
+      // @ts-ignore
+      nuxt.options.componentMeta.exclude ||= []
+      // @ts-ignore
+      nuxt.options.componentMeta.exclude.push(
+        '@nuxt/content',
+        '@nuxt/icon',
+        '@nuxt/image',
+        '@nuxt/ui-pro',
+        '@nuxtjs/color-mode',
+        '@nuxtjs/mdc',
+        '@nuxtjs/plausible',
+        'nuxt/dist',
+        'nuxt-og-image'
+      )
+
+      setupDevtoolsClient(options, nuxt)
 
       nuxt.options.nitro.routeRules ||= {}
-      nuxt.options.nitro.routeRules['_ui/**'] = { ssr: false }
+      nuxt.options.nitro.routeRules['__nuxt_ui__/**'] = { ssr: false }
 
       // Runs UI devtools in a subprocess for local development
       if (process.env.NUXT_UI_DEVTOOLS_LOCAL) {
@@ -156,7 +172,7 @@ export default defineNuxtModule<ModuleOptions>({
           // add proxy to client
           config.server.proxy ||= {}
           // TODO: ws proxy is not working
-          config.server.proxy['/_ui/devtools'] = {
+          config.server.proxy['/__nuxt_ui__/devtools'] = {
             target: `http://localhost:${PORT}`,
             changeOrigin: true,
             followRedirects: true,
@@ -166,7 +182,7 @@ export default defineNuxtModule<ModuleOptions>({
         })
       } else {
         nuxt.hook('vite:serverCreated', async (server) => {
-          server.middlewares.use('/_ui/devtools', sirv(resolve('../devtools/dist'), {
+          server.middlewares.use('/__nuxt_ui__/devtools', sirv(resolve('../devtools/dist'), {
             single: true,
             dev: true
           }))
@@ -178,7 +194,7 @@ export default defineNuxtModule<ModuleOptions>({
       })
 
       addServerHandler({
-        route: '/_ui/config',
+        route: '/api/__nuxt_ui__/config',
         handler: resolve('./devtools/server/config.post.ts'),
         method: 'POST'
       })
@@ -186,7 +202,7 @@ export default defineNuxtModule<ModuleOptions>({
       extendPages((pages) => {
         pages.unshift({
           name: 'ui-devtools',
-          path: '/_ui/components/:component'
+          path: '/__nuxt_ui__/components/:component'
         })
       })
 
@@ -196,7 +212,7 @@ export default defineNuxtModule<ModuleOptions>({
         icon: 'bx:paint',
         view: {
           type: 'iframe',
-          src: '/_ui/devtools'
+          src: '/__nuxt_ui__/devtools'
         }
       })
     }

From 6133fe82ea623552c1504c2f9e20ebbb8004cc57 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 24 Sep 2024 12:18:02 +0200
Subject: [PATCH 08/92] feat(devtools): add code preview

---
 devtools/app/app.vue                          | 86 ++++++++++++++++---
 devtools/app/composables/useMarkdownParser.ts | 50 +++++++++++
 devtools/app/plugins/prettier.ts              | 69 +++++++++++++++
 devtools/app/workers/prettier.js              | 29 +++++++
 devtools/nuxt.config.ts                       | 11 ++-
 devtools/package.json                         |  4 +-
 src/devtools/ComponentRenderer.vue            |  2 +-
 src/devtools/rpc.ts                           |  3 +-
 src/module.ts                                 |  8 +-
 9 files changed, 239 insertions(+), 23 deletions(-)
 create mode 100644 devtools/app/composables/useMarkdownParser.ts
 create mode 100644 devtools/app/plugins/prettier.ts
 create mode 100644 devtools/app/workers/prettier.js

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 5b70bb26c4..5972d959e7 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -2,10 +2,12 @@
 import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
 import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
 import type { BirpcReturn } from 'birpc'
-import { watchDebounced } from '@vueuse/core'
+import { watchDebounced, useClipboard } from '@vueuse/core'
 import defu from 'defu'
+import { kebabCase } from 'scule'
+import { genObjectFromValues } from 'knitwork'
 
-// @ts-ignore
+// @ts-expect-error - Nuxt Devtools internal value
 // Disable devtools in component renderer iframe
 window.__NUXT_DEVTOOLS_DISABLE__ = true
 
@@ -54,7 +56,6 @@ onMounted(() => {
 
 const accordionItems = computed(() => {
   if (!component.value) return
-
   const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
 
   return [
@@ -74,6 +75,54 @@ function onSlotLeave(slot: string) {
   event.data = { slot }
   window.dispatchEvent(event)
 }
+
+const code = ref()
+watchDebounced([state, component], () => {
+  if (!component.value) return
+
+  const props = state.value.props?.[component.value?.slug ?? '']
+  const slots = state.value.slots?.[component.value?.slug ?? '']
+
+  const propsTemplate = Object.entries(props ?? {}).map(([key, value]: [string, any]) => {
+    if (value === true) return kebabCase(key)
+    if (value === false) return
+    if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
+    if (Array.isArray(value) ?? typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
+    return `${kebabCase(key)}="${value}"`
+  }).filter(Boolean).join('\n')
+
+  const slotsTemplate = genObjectFromValues(Object.keys(slots).filter(key => key !== 'base').reduce((acc, key) => {
+    acc[key] = slots[key]
+    return acc
+  }, {} as Record<string, string>))
+
+  code.value = `\`\`\`vue
+  <${component.value.label}
+    ${propsTemplate}
+    ${slots.base ? `:class="${slots.base}"` : ''}
+    ${slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : ''}
+  ></${component.value.label}>
+\`\`\``
+}, { deep: true, debounce: 200, maxWait: 500 })
+
+const { $prettier } = useNuxtApp()
+const { parseMarkdown } = useMarkdownParser()
+
+const { data: ast } = await useAsyncData('component-code', async () => {
+  let formatted = ''
+  try {
+    formatted = await $prettier.format(code.value, {
+      trailingComma: 'none',
+      semi: false,
+      singleQuote: true
+    })
+  } catch {
+    return
+  }
+  return await parseMarkdown(formatted)
+}, { watch: [code], immediate: false, server: false })
+
+const { copy, copied } = useClipboard()
 </script>
 
 <template>
@@ -92,22 +141,22 @@ function onSlotLeave(slot: string) {
     </div>
     <div v-if="component" class="absolute top-[49px] bottom-0 inset-x-0 grid grid-cols-2">
       <div class="bg-white border-r border-gray-200 flex flex-col overflow-y-scroll">
-        <UAccordion :items="accordionItems" class="border-b border-gray-200" multiple :ui="{ trigger: 'px-2.5 py-4.5 text-start hover:bg-gray-100 transition ease duration-150 gap-2.5 data-[state=closed]:opacity-80' }">
+        <UAccordion :items="accordionItems" class="border-b border-gray-200" type="multiple" :ui="{ trigger: 'px-2.5 py-4.5 text-start hover:bg-gray-100 transition ease duration-150 gap-2.5 data-[state=closed]:opacity-80' }">
           <template #leading="{ item }">
             <UIcon :name="item.icon" class="size-6 text-gray-700" />
           </template>
 
-          <template #="{ item }">
-            <p class="font-sans font-medium">
+          <template #default="{ item }">
+            <p>
               {{ item.label }}
             </p>
-            <p class="text-sm font-sans text-gray-500">
+            <p class="text-sm text-gray-400">
               {{ item.description }}
             </p>
           </template>
 
           <template #props>
-            <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" class="p-3">
+            <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="p-3">
               <UFormField :name="prop.name">
                 <template #label>
                   <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-50">
@@ -122,7 +171,7 @@ function onSlotLeave(slot: string) {
             </div>
           </template>
           <template #theme>
-            <div v-for="(_value, slot) in component.slots" class="p-3 hover:bg-gray-50 transition">
+            <div v-for="(_value, slot) in component?.slots" :key="'slots-' + slot" class="p-3 hover:bg-gray-50 transition">
               <UFormField :name="slot" @mouseenter="onSlotHover(slot)" @mouseleave="onSlotLeave(slot)">
                 <template #label>
                   <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-100">
@@ -135,8 +184,19 @@ function onSlotLeave(slot: string) {
           </template>
         </UAccordion>
       </div>
-      <div>
-        <iframe class="h-full w-full" :src="`/__nuxt_ui__/components/${component.slug}`" />
+      <div class="flex flex-col">
+        <iframe class="grow w-full" :src="`/__nuxt_ui__/components/${component.slug}`" />
+        <div class="relative min-h-40 max-h-72 w-full border-t border-gray-200 overflow-y-scroll bg-gray-50">
+          <MDCRenderer v-if="ast" :body="ast.body" :data="ast.data" class="p-4" />
+          <UButton
+            v-if="ast"
+            color="gray"
+            variant="link"
+            :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
+            class="absolute top-4 right-4"
+            @click="copy(ast?.body?.children?.[0]?.props.code)"
+          />
+        </div>
       </div>
     </div>
   </UApp>
@@ -145,4 +205,8 @@ function onSlotLeave(slot: string) {
 <style>
 @import 'tailwindcss';
 @import '@nuxt/ui';
+
+@theme {
+  --font-family-sans: 'DM Sans', sans-serif;
+}
 </style>
diff --git a/devtools/app/composables/useMarkdownParser.ts b/devtools/app/composables/useMarkdownParser.ts
new file mode 100644
index 0000000000..21c7563374
--- /dev/null
+++ b/devtools/app/composables/useMarkdownParser.ts
@@ -0,0 +1,50 @@
+import {
+  createMarkdownParser,
+  rehypeHighlight,
+  createShikiHighlighter
+} from '@nuxtjs/mdc/runtime'
+
+import MaterialThemePalenight from 'shiki/themes/material-theme-palenight.mjs'
+import HtmlLang from 'shiki/langs/html.mjs'
+import MdcLang from 'shiki/langs/mdc.mjs'
+import TsLang from 'shiki/langs/typescript.mjs'
+import VueLang from 'shiki/langs/vue.mjs'
+
+export default function useMarkdownParser() {
+  let parser: Awaited<ReturnType<typeof createMarkdownParser>>
+
+  const parseMarkdown = async (markdown: string) => {
+    if (!parser) {
+      parser = await createMarkdownParser({
+        rehype: {
+          plugins: {
+            highlight: {
+              instance: rehypeHighlight,
+              options: {
+                // Pass in your desired theme(s)
+                theme: 'material-theme-palenight',
+                // Create the Shiki highlighter
+                highlighter: createShikiHighlighter({
+                  bundledThemes: {
+                    'material-theme-palenight': MaterialThemePalenight
+                  },
+                  // Configure the bundled languages
+                  bundledLangs: {
+                    html: HtmlLang,
+                    mdc: MdcLang,
+                    vue: VueLang,
+                    ts: TsLang,
+                    typescript: TsLang
+                  }
+                })
+              }
+            }
+          }
+        }
+      })
+    }
+    return parser(markdown)
+  }
+
+  return { parseMarkdown }
+}
diff --git a/devtools/app/plugins/prettier.ts b/devtools/app/plugins/prettier.ts
new file mode 100644
index 0000000000..013cab61cf
--- /dev/null
+++ b/devtools/app/plugins/prettier.ts
@@ -0,0 +1,69 @@
+import type { Options } from 'prettier'
+import { defu } from 'defu'
+import PrettierWorker from '@/workers/prettier.js?worker&inline'
+
+export interface SimplePrettier {
+  format: (source: string, options?: Options) => Promise<string>
+}
+
+function createPrettierWorkerApi(worker: Worker): SimplePrettier {
+  let counter = 0
+  const handlers: any = {}
+
+  worker.addEventListener('message', (event) => {
+    const { uid, message, error } = event.data
+
+    if (!handlers[uid]) {
+      return
+    }
+
+    const [resolve, reject] = handlers[uid]
+    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+    delete handlers[uid]
+
+    if (error) {
+      reject(error)
+    } else {
+      resolve(message)
+    }
+  })
+
+  function postMessage<T>(message: any) {
+    const uid = ++counter
+    return new Promise<T>((resolve, reject) => {
+      handlers[uid] = [resolve, reject]
+      worker.postMessage({ uid, message })
+    })
+  }
+
+  return {
+    format(source: string, options?: Options) {
+      return postMessage({ type: 'format', source, options })
+    }
+  }
+}
+
+export default defineNuxtPlugin({
+  async setup() {
+    let prettier: SimplePrettier
+    if (import.meta.server) {
+      const prettierModule = await import('prettier')
+      prettier = {
+        format(source, options = {}) {
+          return prettierModule.format(source, defu(options, {
+            parser: 'markdown'
+          }))
+        }
+      }
+    } else {
+      const worker = new PrettierWorker()
+      prettier = createPrettierWorkerApi(worker)
+    }
+
+    return {
+      provide: {
+        prettier
+      }
+    }
+  }
+})
diff --git a/devtools/app/workers/prettier.js b/devtools/app/workers/prettier.js
new file mode 100644
index 0000000000..719e38cd0b
--- /dev/null
+++ b/devtools/app/workers/prettier.js
@@ -0,0 +1,29 @@
+/* eslint-disable no-undef */
+import('https://unpkg.com/prettier@3.3.3/standalone.js')
+import('https://unpkg.com/prettier@3.3.3/plugins/html.js')
+import('https://unpkg.com/prettier@3.3.3/plugins/markdown.js')
+
+self.onmessage = async function (event) {
+  self.postMessage({
+    uid: event.data.uid,
+    message: await handleMessage(event.data.message)
+  })
+}
+
+function handleMessage(message) {
+  switch (message.type) {
+    case 'format':
+      return handleFormatMessage(message)
+  }
+}
+
+async function handleFormatMessage(message) {
+  const { options, source } = message
+  const formatted = await prettier.format(source, {
+    parser: 'markdown',
+    plugins: prettierPlugins,
+    ...options
+  })
+
+  return formatted
+}
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 23d9421f18..3e1597437e 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -10,10 +10,7 @@ export default defineNuxtConfig({
     }
   },
 
-  modules: [
-    '../src/module',
-    '@nuxtjs/mdc'
-  ],
+  modules: ['../src/module', '@nuxtjs/mdc', '@nuxt/content'],
 
   app: {
     baseURL: '/__nuxt_ui__/devtools'
@@ -31,5 +28,11 @@ export default defineNuxtConfig({
     }
   },
 
+  content: {
+    highlight: {
+      langs: ['bash', 'ts', 'diff', 'vue', 'json', 'yml', 'css', 'mdc']
+    }
+  },
+
   compatibilityDate: '2024-04-03'
 })
diff --git a/devtools/package.json b/devtools/package.json
index 8ad4f6c44c..eca1d0384a 100644
--- a/devtools/package.json
+++ b/devtools/package.json
@@ -11,6 +11,8 @@
   "dependencies": {
     "@nuxt/ui": "latest",
     "@nuxtjs/mdc": "^0.9.0",
-    "nuxt": "^3.13.1"
+    "knitwork": "^1.1.0",
+    "nuxt": "^3.13.1",
+    "prettier": "^3.3.3"
   }
 }
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index b2d4339582..6c61cee32d 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, computed, ref, reactive, resolveComponent } from 'vue'
+import { onMounted, computed, reactive, resolveComponent } from 'vue'
 
 const props = defineProps<{
   slug: string
diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
index 47b0e90581..ca1804aacb 100644
--- a/src/devtools/rpc.ts
+++ b/src/devtools/rpc.ts
@@ -3,7 +3,6 @@ import { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'
 import * as theme from '../theme'
 import type { ModuleOptions } from '../module'
 import { upperFirst, camelCase } from 'scule'
-import type { Nuxt } from '@nuxt/schema'
 
 export type Component = {
   slug: string
@@ -22,7 +21,7 @@ export interface ClientFunctions {
 
 }
 
-export function setupDevtoolsClient(options: ModuleOptions, nuxt: Nuxt) {
+export function setupDevtoolsClient(options: ModuleOptions) {
   onDevToolsInitialized(async () => {
     const _rpc = extendServerRpc<ClientFunctions, ServerFunctions>('nuxt/ui/devtools', {
       async getComponents() {
diff --git a/src/module.ts b/src/module.ts
index 6fe2de5c8d..d38fac93f9 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -122,11 +122,11 @@ export default defineNuxtModule<ModuleOptions>({
     if (nuxt.options.dev && nuxt.options.devtools.enabled) {
       installModule('nuxt-component-meta')
 
-      // @ts-ignore
+      // @ts-expect-error - no types available
       nuxt.options.componentMeta ||= {}
-      // @ts-ignore
+      // @ts-expect-error - no types available
       nuxt.options.componentMeta.exclude ||= []
-      // @ts-ignore
+      // @ts-expect-error - no types available
       nuxt.options.componentMeta.exclude.push(
         '@nuxt/content',
         '@nuxt/icon',
@@ -139,7 +139,7 @@ export default defineNuxtModule<ModuleOptions>({
         'nuxt-og-image'
       )
 
-      setupDevtoolsClient(options, nuxt)
+      setupDevtoolsClient(options)
 
       nuxt.options.nitro.routeRules ||= {}
       nuxt.options.nitro.routeRules['__nuxt_ui__/**'] = { ssr: false }

From 6a48789521c4586b7cf7ae4020bf5c371076ed41 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Wed, 25 Sep 2024 10:01:41 +0200
Subject: [PATCH 09/92] feat(devtools): ui rework

---
 devtools/app/app.config.ts                    |  2 +-
 devtools/app/app.vue                          | 89 ++++++++++---------
 .../app/components/ComponentPropInput.vue     | 11 ---
 devtools/nuxt.config.ts                       |  6 ++
 src/devtools/ComponentRenderer.vue            | 46 ++++++----
 src/devtools/island-renderer.ts               |  2 -
 6 files changed, 81 insertions(+), 75 deletions(-)

diff --git a/devtools/app/app.config.ts b/devtools/app/app.config.ts
index 7d70ca73ac..04a65abd06 100644
--- a/devtools/app/app.config.ts
+++ b/devtools/app/app.config.ts
@@ -6,7 +6,7 @@ export default defineAppConfig({
   },
   ui: {
     colors: {
-      primary: 'sky',
+      primary: 'green',
       gray: 'cool'
     }
   }
diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 5972d959e7..0a2fcbc74d 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -48,19 +48,25 @@ function updateRenderer() {
 watchDebounced(state, updateRenderer, { deep: true, debounce: 200, maxWait: 500 })
 
 onMounted(() => {
-  window.addEventListener('nuxt-ui-devtools:component-loaded', (event: Event & { data?: any }) => {
-    if (!component.value) return
-    state.value.props[component.value.slug] = defu(state.value.props[component.value.slug], event.data?.props)
-  })
+  window.addEventListener('nuxt-ui-devtools:component-loaded', onComponentLoaded)
 })
 
+onUnmounted(() => {
+  window.removeEventListener('nuxt-ui-devtools:component-loaded', onComponentLoaded)
+})
+
+function onComponentLoaded(event: Event & { data?: any }) {
+  if (!component.value) return
+  state.value.props[component.value.slug] = defu(state.value.props[component.value.slug], event.data?.props)
+}
+
 const accordionItems = computed(() => {
   if (!component.value) return
   const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
 
   return [
-    { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', description: `${component.value.meta.props.length} props`, disabled: !component.value.meta.props?.length },
-    { label: 'Theme', slot: 'theme', icon: 'i-heroicons-paint-brush', description: `${themeCount} theme slots`, disabled: !themeCount }
+    { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', disabled: !component.value.meta.props?.length },
+    { label: 'Theme', slot: 'theme', icon: 'i-heroicons-paint-brush', disabled: !themeCount }
   ]
 })
 
@@ -128,36 +134,47 @@ const { copy, copied } = useClipboard()
 <template>
   <UApp class="h-screen w-full relative font-sans">
     <div
-      class="top-0 h-[49px] border-b border-gray-200 bg-white flex px-2"
+      class="top-0 h-[49px] border-b border-gray-200 bg-white flex"
     >
-      <UInputMenu
+      <USelectMenu
         v-model="component"
         variant="none"
         :items="components"
-        trailing-icon="i-heroicons-magnifying-glass-20-solid"
+        leading-icon="i-heroicons-magnifying-glass-20-solid"
         class="grow"
         placeholder="Search component..."
+        :ui="{ content: 'max-h-96' }"
       />
     </div>
-    <div v-if="component" class="absolute top-[49px] bottom-0 inset-x-0 grid grid-cols-2">
-      <div class="bg-white border-r border-gray-200 flex flex-col overflow-y-scroll">
-        <UAccordion :items="accordionItems" class="border-b border-gray-200" type="multiple" :ui="{ trigger: 'px-2.5 py-4.5 text-start hover:bg-gray-100 transition ease duration-150 gap-2.5 data-[state=closed]:opacity-80' }">
-          <template #leading="{ item }">
-            <UIcon :name="item.icon" class="size-6 text-gray-700" />
-          </template>
-
-          <template #default="{ item }">
-            <p>
-              {{ item.label }}
-            </p>
-            <p class="text-sm text-gray-400">
-              {{ item.description }}
-            </p>
-          </template>
+    <div v-if="component" class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-6">
+      <div class="col-span-1 border-r border-gray-200 hidden xl:block overflow-y-auto bg-white">
+        <UNavigationMenu
+          :model-value="component?.slug"
+          :items="components.map((c) => ({ ...c, select: () => component = c }))"
+          orientation="vertical"
+          highlight
+        />
+      </div>
 
+      <div class="flex flex-col xl:col-span-4 col-span-3">
+        <iframe class="grow w-full" :src="`/__nuxt_ui__/components/${component.slug}`" />
+        <div class="relative min-h-40 max-h-72 w-full border-t border-gray-200 overflow-y-auto bg-gray-50">
+          <MDCRenderer v-if="ast" :body="ast.body" :data="ast.data" class="p-4" />
+          <UButton
+            v-if="ast"
+            color="gray"
+            variant="link"
+            :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
+            class="absolute top-4 right-4"
+            @click="copy(ast?.body?.children?.[0]?.props.code)"
+          />
+        </div>
+      </div>
+      <div class="bg-white border-l border-gray-200 flex flex-col overflow-y-auto col-span-3">
+        <UTabs color="gray" variant="link" :items="accordionItems">
           <template #props>
-            <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="p-3">
-              <UFormField :name="prop.name">
+            <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-gray-200">
+              <UFormField :name="prop.name" class="grid grid-cols-2 gap-8 items-baseline">
                 <template #label>
                   <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-50">
                     {{ prop?.name }}
@@ -166,12 +183,12 @@ const { copy, copied } = useClipboard()
                 <template #description>
                   <MDC v-if="prop.description" :value="prop.description" class="text-gray-600 dark:text-gray-300 mt-1" />
                 </template>
-                <ComponentPropInput v-bind="prop" v-model="state.props[component.slug][prop.name]" class="mt-2" />
+                <ComponentPropInput v-bind="prop" v-model="state.props[component.slug][prop.name]" />
               </UFormField>
             </div>
           </template>
           <template #theme>
-            <div v-for="(_value, slot) in component?.slots" :key="'slots-' + slot" class="p-3 hover:bg-gray-50 transition">
+            <div v-for="(_value, slot) in component?.slots" :key="'slots-' + slot" class="px-3 py-5 hover:bg-gray-50 transition">
               <UFormField :name="slot" @mouseenter="onSlotHover(slot)" @mouseleave="onSlotLeave(slot)">
                 <template #label>
                   <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-100">
@@ -182,21 +199,7 @@ const { copy, copied } = useClipboard()
               </UFormField>
             </div>
           </template>
-        </UAccordion>
-      </div>
-      <div class="flex flex-col">
-        <iframe class="grow w-full" :src="`/__nuxt_ui__/components/${component.slug}`" />
-        <div class="relative min-h-40 max-h-72 w-full border-t border-gray-200 overflow-y-scroll bg-gray-50">
-          <MDCRenderer v-if="ast" :body="ast.body" :data="ast.data" class="p-4" />
-          <UButton
-            v-if="ast"
-            color="gray"
-            variant="link"
-            :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
-            class="absolute top-4 right-4"
-            @click="copy(ast?.body?.children?.[0]?.props.code)"
-          />
-        </div>
+        </UTabs>
       </div>
     </div>
   </UApp>
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index e243b36bd6..b017b19c2c 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -17,17 +17,6 @@ function parseEnumValues(propMeta: PropertyMeta['schema'] | PropertyMeta['schema
     <UInput v-else-if="type?.includes('number')" v-model="modelValue" type="number" />
     <UCheckbox v-else-if="type?.includes('boolean')" v-model="modelValue" />
     <span v-else-if="typeof schema === 'string' || !schema.schema " />
-    <USelectMenu v-else-if="schema?.kind === 'enum' && name === 'color'" v-model="modelValue" :items="parseEnumValues(schema.schema)" class="w-48">
-      <template #item="{ item }">
-        <div class="flex items-baseline gap-2">
-          <span class="size-2 rounded-full" :class="`bg-${item}-500`" />
-          <p>{{ item }}</p>
-        </div>
-      </template>
-      <template #leading="{ modelValue: color }">
-        <span v-if="color" class="size-2 rounded-full" :class="`bg-${color}-500`" />
-      </template>
-    </USelectMenu>
     <USelectMenu v-else-if="schema?.kind === 'enum'" v-model="modelValue" :items="parseEnumValues(schema.schema)" class="w-48" />
   </div>
 </template>
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 3e1597437e..62eb64d25d 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -28,6 +28,12 @@ export default defineNuxtConfig({
     }
   },
 
+  ui: {
+    theme: {
+      colors: ['green', 'red']
+    }
+  },
+
   content: {
     highlight: {
       langs: ['bash', 'ts', 'diff', 'vue', 'json', 'yml', 'css', 'mdc']
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index 6c61cee32d..4511ec3267 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, computed, reactive, resolveComponent } from 'vue'
+import { onUnmounted, onMounted, computed, reactive, resolveComponent } from 'vue'
 
 const props = defineProps<{
   slug: string
@@ -256,25 +256,35 @@ const component = computed(() => componentExamples[props.slug])
 
 const state = reactive<{ slots?: any, props?: any }>({})
 
-onMounted(() => {
-  window.parent.addEventListener('nuxt-ui-devtools:update-renderer', (event: Event & { data?: any }) => {
-    state.props = { ...event.data.props }
-    state.slots = { ...event.data.slots }
-  })
+function onUpdateRenderer(event: Event & { data?: any }) {
+  state.props = { ...event.data.props }
+  state.slots = { ...event.data.slots }
+}
 
-  window.parent.addEventListener('nuxt-ui-devtools:slot-hover', (event: Event & { data?: any }) => {
-    const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
-    if (element) {
-      element.classList.add('nuxt-ui-slot-highlight')
-    }
-  })
+function onSlotHover(event: Event & { data?: any }) {
+  const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
+  if (element) {
+    element.classList.add('nuxt-ui-slot-highlight')
+  }
+}
 
-  window.parent.addEventListener('nuxt-ui-devtools:slot-leave', (event: Event & { data?: any }) => {
-    const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
-    if (element) {
-      element.classList.remove('nuxt-ui-slot-highlight')
-    }
-  })
+function onSlotLeave(event: Event & { data?: any }) {
+  const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
+  if (element) {
+    element.classList.remove('nuxt-ui-slot-highlight')
+  }
+}
+
+onMounted(() => {
+  window.parent.addEventListener('nuxt-ui-devtools:update-renderer', onUpdateRenderer)
+  window.parent.addEventListener('nuxt-ui-devtools:slot-hover', onSlotHover)
+  window.parent.addEventListener('nuxt-ui-devtools:slot-leave', onSlotLeave)
+})
+
+onUnmounted(() => {
+  window.parent.removeEventListener('nuxt-ui-devtools:update-renderer', onUpdateRenderer)
+  window.parent.removeEventListener('nuxt-ui-devtools:slot-hover', onSlotHover)
+  window.parent.removeEventListener('nuxt-ui-devtools:slot-leave', onSlotLeave)
 })
 
 onMounted(() => {
diff --git a/src/devtools/island-renderer.ts b/src/devtools/island-renderer.ts
index b1ec26cc94..47bf6d3e7c 100644
--- a/src/devtools/island-renderer.ts
+++ b/src/devtools/island-renderer.ts
@@ -2,8 +2,6 @@ import type { defineAsyncComponent } from 'vue'
 import { createVNode, defineComponent, onErrorCaptured } from 'vue'
 
 import { injectHead } from '@unhead/vue'
-
-// @ts-expect-error virtual file
 import { islandComponents } from '#build/components.islands.mjs'
 
 export default defineComponent({

From 999408366fe4cfd9bb0fe412ad94bb48e4ef55c8 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 28 Sep 2024 13:05:37 +0200
Subject: [PATCH 10/92] feat(devtools): code block improvements

---
 devtools/app/app.vue | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 0a2fcbc74d..0a55d9cec2 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -3,9 +3,9 @@ import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
 import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
 import type { BirpcReturn } from 'birpc'
 import { watchDebounced, useClipboard } from '@vueuse/core'
-import defu from 'defu'
+import { defu } from 'defu'
 import { kebabCase } from 'scule'
-import { genObjectFromValues } from 'knitwork'
+import { genObjectFromValues, genArrayFromRaw } from 'knitwork'
 
 // @ts-expect-error - Nuxt Devtools internal value
 // Disable devtools in component renderer iframe
@@ -60,7 +60,7 @@ function onComponentLoaded(event: Event & { data?: any }) {
   state.value.props[component.value.slug] = defu(state.value.props[component.value.slug], event.data?.props)
 }
 
-const accordionItems = computed(() => {
+const tabs = computed(() => {
   if (!component.value) return
   const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
 
@@ -93,7 +93,8 @@ watchDebounced([state, component], () => {
     if (value === true) return kebabCase(key)
     if (value === false) return
     if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
-    if (Array.isArray(value) ?? typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
+    if (Array.isArray(value)) return `:${kebabCase(key)}="${genArrayFromRaw(value)}"`
+    if (typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
     return `${kebabCase(key)}="${value}"`
   }).filter(Boolean).join('\n')
 
@@ -105,7 +106,7 @@ watchDebounced([state, component], () => {
   code.value = `\`\`\`vue
   <${component.value.label}
     ${propsTemplate}
-    ${slots.base ? `:class="${slots.base}"` : ''}
+    ${slots.base ? `class="${slots.base}"` : ''}
     ${slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : ''}
   ></${component.value.label}>
 \`\`\``
@@ -120,7 +121,8 @@ const { data: ast } = await useAsyncData('component-code', async () => {
     formatted = await $prettier.format(code.value, {
       trailingComma: 'none',
       semi: false,
-      singleQuote: true
+      singleQuote: true,
+      printWidth: 30
     })
   } catch {
     return
@@ -158,20 +160,21 @@ const { copy, copied } = useClipboard()
 
       <div class="flex flex-col xl:col-span-4 col-span-3">
         <iframe class="grow w-full" :src="`/__nuxt_ui__/components/${component.slug}`" />
-        <div class="relative min-h-40 max-h-72 w-full border-t border-gray-200 overflow-y-auto bg-gray-50">
-          <MDCRenderer v-if="ast" :body="ast.body" :data="ast.data" class="p-4" />
+        <div class="relative  w-full p-3">
+          <MDCRenderer v-if="ast" :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 overflow-y-auto rounded-lg border border-gray-200 bg-gray-50" />
           <UButton
             v-if="ast"
             color="gray"
+            size="sm"
             variant="link"
             :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
-            class="absolute top-4 right-4"
+            class="absolute top-6 right-6"
             @click="copy(ast?.body?.children?.[0]?.props.code)"
           />
         </div>
       </div>
-      <div class="bg-white border-l border-gray-200 flex flex-col overflow-y-auto col-span-3">
-        <UTabs color="gray" variant="link" :items="accordionItems">
+      <div class="bg-white border-l border-gray-200 flex flex-col col-span-3 overflow-y-auto">
+        <UTabs color="gray" variant="link" :items="tabs" :class="{ content: 'overflow-y-auto' }">
           <template #props>
             <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-gray-200">
               <UFormField :name="prop.name" class="grid grid-cols-2 gap-8 items-baseline">
@@ -180,13 +183,16 @@ const { copy, copied } = useClipboard()
                     {{ prop?.name }}
                   </p>
                 </template>
+
                 <template #description>
                   <MDC v-if="prop.description" :value="prop.description" class="text-gray-600 dark:text-gray-300 mt-1" />
                 </template>
+
                 <ComponentPropInput v-bind="prop" v-model="state.props[component.slug][prop.name]" />
               </UFormField>
             </div>
           </template>
+
           <template #theme>
             <div v-for="(_value, slot) in component?.slots" :key="'slots-' + slot" class="px-3 py-5 hover:bg-gray-50 transition">
               <UFormField :name="slot" @mouseenter="onSlotHover(slot)" @mouseleave="onSlotLeave(slot)">

From 5a84bf83cb32ca98d72548baa142364f24918f0c Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 28 Sep 2024 13:06:33 +0200
Subject: [PATCH 11/92] chore: update pnpm-lock

---
 pnpm-lock.yaml | 87 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 87 insertions(+)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 735a163394..efcd2a8221 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -88,12 +88,21 @@ importers:
       joi:
         specifier: ^17.13.3
         version: 17.13.3
+      knitwork:
+        specifier: ^1.1.0
+        version: 1.1.0
       nuxt:
         specifier: ^3.13.2
         version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.11.1(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@3.29.4)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+      nuxt-component-meta:
+        specifier: ^0.8.2
+        version: 0.8.2(magicast@0.3.5)(rollup@3.29.4)
       release-it:
         specifier: ^17.6.0
         version: 17.6.0(typescript@5.6.2)
+      sirv:
+        specifier: ^2.0.4
+        version: 2.0.4
       valibot:
         specifier: ^0.42.1
         version: 0.42.1(typescript@5.6.2)
@@ -128,6 +137,24 @@ importers:
         specifier: ^1.3.0
         version: 1.3.0
 
+  devtools:
+    dependencies:
+      '@nuxt/ui':
+        specifier: workspace:*
+        version: link:..
+      '@nuxtjs/mdc':
+        specifier: ^0.9.0
+        version: 0.9.0(magicast@0.3.5)(rollup@4.21.3)
+      knitwork:
+        specifier: ^1.1.0
+        version: 1.1.0
+      nuxt:
+        specifier: ^3.13.1
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@9.11.1(jiti@1.21.6))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.21.3)(terser@5.32.0)(typescript@5.6.2)(vite@5.4.5(@types/node@22.5.5)(lightningcss@1.27.0)(terser@5.32.0))(vue-tsc@2.1.6(typescript@5.6.2))
+      prettier:
+        specifier: ^3.3.3
+        version: 3.3.3
+
   docs:
     dependencies:
       '@iconify-json/heroicons':
@@ -1399,6 +1426,9 @@ packages:
   '@nuxtjs/mdc@0.8.3':
     resolution: {integrity: sha512-FqvJFWkBN9u2FeWog+7+C0aIOx0WIu61TYgAXPmmIOVVua6s2mXQsMyF3fXY2M56QBIaYJzK/SYN+5FGr5GNTQ==}
 
+  '@nuxtjs/mdc@0.9.0':
+    resolution: {integrity: sha512-dkdfWK0C0gKjDI7Y2W23A9uWwky9pIlH/N1no2l9y+2DHBz4/7JDdXmxGivDXYvyaTb6xAi+53E6Xphlmai8+A==}
+
   '@nuxtjs/plausible@1.0.2':
     resolution: {integrity: sha512-AT5GoVddqgvbp39OY1/DtWHUgjn+6LGjJXB75imdEUxPok2uAVGtr3oZ0F7merC9T3y0rIqZx8HzpUmCcipBnQ==}
 
@@ -8410,6 +8440,49 @@ snapshots:
       - supports-color
       - webpack-sources
 
+  '@nuxtjs/mdc@0.9.0(magicast@0.3.5)(rollup@4.21.3)':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)
+      '@shikijs/transformers': 1.17.7
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@vue/compiler-core': 3.5.6
+      consola: 3.2.3
+      debug: 4.3.7
+      defu: 6.1.4
+      destr: 2.0.3
+      detab: 3.0.2
+      github-slugger: 2.0.0
+      hast-util-to-string: 3.0.0
+      mdast-util-to-hast: 13.2.0
+      micromark-util-sanitize-uri: 2.0.0
+      ohash: 1.1.4
+      parse5: 7.1.2
+      pathe: 1.1.2
+      property-information: 6.5.0
+      rehype-external-links: 3.0.0
+      rehype-raw: 7.0.0
+      rehype-slug: 6.0.0
+      rehype-sort-attribute-values: 5.0.0
+      rehype-sort-attributes: 5.0.0
+      remark-emoji: 5.0.1
+      remark-gfm: 4.0.0
+      remark-mdc: 3.2.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.0
+      scule: 1.3.0
+      shiki: 1.17.7
+      ufo: 1.5.4
+      unified: 11.0.5
+      unist-builder: 4.0.0
+      unist-util-visit: 5.0.0
+      unwasm: 0.3.9
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
   '@nuxtjs/plausible@1.0.2(magicast@0.3.5)(rollup@4.21.3)':
     dependencies:
       '@barbapapazes/plausible-tracker': 0.5.2
@@ -12588,6 +12661,20 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
+  nuxt-component-meta@0.8.2(magicast@0.3.5)(rollup@3.29.4):
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@3.29.4)
+      citty: 0.1.6
+      mlly: 1.7.1
+      scule: 1.3.0
+      typescript: 5.6.2
+      vue-component-meta: 2.1.6(typescript@5.6.2)
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
   nuxt-component-meta@0.8.2(magicast@0.3.5)(rollup@4.21.3):
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.21.3)

From 78d791ea8208989504e5cd9f7eeccf061024c206 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 28 Sep 2024 13:07:07 +0200
Subject: [PATCH 12/92] chore: tailwind playground notes

---
 src/devtools/ComponentRenderer.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index 4511ec3267..77e1bbb44f 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { onUnmounted, onMounted, computed, reactive, resolveComponent } from 'vue'
+import { useHead } from '#imports'
 
 const props = defineProps<{
   slug: string
@@ -292,6 +293,12 @@ onMounted(() => {
   event.data = componentExamples[props.slug]
   window.parent.dispatchEvent(event)
 })
+
+// TODO: This conflicts with the existing tailwind setup and clears classes defined by @nuxt/ui. We should wait for
+// the Tailwind v4 equivalent or find another way to include all tailwindcss classes in the playground.
+// useHead({
+//   script: [{ src: 'https://cdn.tailwindcss.com/3.4.5' }]
+// })
 </script>
 
 <template>

From bdf973e2d406626177c0e80491fb7747c9c0b74e Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 28 Sep 2024 15:03:25 +0200
Subject: [PATCH 13/92] refactor(devtools): component preview

---
 devtools/app/app.vue                          | 203 +++++++-----------
 devtools/app/components/ComponentPreview.vue  |  94 ++++++++
 devtools/app/composables/useMarkdownParser.ts |   3 +-
 devtools/app/plugins/prettier.ts              |  34 ++-
 devtools/app/workers/prettier.js              |  10 +-
 5 files changed, 194 insertions(+), 150 deletions(-)
 create mode 100644 devtools/app/components/ComponentPreview.vue

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 0a55d9cec2..65560a05b6 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -2,10 +2,8 @@
 import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
 import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
 import type { BirpcReturn } from 'birpc'
-import { watchDebounced, useClipboard } from '@vueuse/core'
+import { watchDebounced } from '@vueuse/core'
 import { defu } from 'defu'
-import { kebabCase } from 'scule'
-import { genObjectFromValues, genArrayFromRaw } from 'knitwork'
 
 // @ts-expect-error - Nuxt Devtools internal value
 // Disable devtools in component renderer iframe
@@ -60,16 +58,6 @@ function onComponentLoaded(event: Event & { data?: any }) {
   state.value.props[component.value.slug] = defu(state.value.props[component.value.slug], event.data?.props)
 }
 
-const tabs = computed(() => {
-  if (!component.value) return
-  const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
-
-  return [
-    { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', disabled: !component.value.meta.props?.length },
-    { label: 'Theme', slot: 'theme', icon: 'i-heroicons-paint-brush', disabled: !themeCount }
-  ]
-})
-
 function onSlotHover(slot: string) {
   const event: Event & { data?: any } = new Event('nuxt-ui-devtools:slot-hover')
   event.data = { slot }
@@ -82,132 +70,93 @@ function onSlotLeave(slot: string) {
   window.dispatchEvent(event)
 }
 
-const code = ref()
-watchDebounced([state, component], () => {
-  if (!component.value) return
+const searchTerm = ref<string>()
 
-  const props = state.value.props?.[component.value?.slug ?? '']
-  const slots = state.value.slots?.[component.value?.slug ?? '']
-
-  const propsTemplate = Object.entries(props ?? {}).map(([key, value]: [string, any]) => {
-    if (value === true) return kebabCase(key)
-    if (value === false) return
-    if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
-    if (Array.isArray(value)) return `:${kebabCase(key)}="${genArrayFromRaw(value)}"`
-    if (typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
-    return `${kebabCase(key)}="${value}"`
-  }).filter(Boolean).join('\n')
-
-  const slotsTemplate = genObjectFromValues(Object.keys(slots).filter(key => key !== 'base').reduce((acc, key) => {
-    acc[key] = slots[key]
-    return acc
-  }, {} as Record<string, string>))
-
-  code.value = `\`\`\`vue
-  <${component.value.label}
-    ${propsTemplate}
-    ${slots.base ? `class="${slots.base}"` : ''}
-    ${slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : ''}
-  ></${component.value.label}>
-\`\`\``
-}, { deep: true, debounce: 200, maxWait: 500 })
-
-const { $prettier } = useNuxtApp()
-const { parseMarkdown } = useMarkdownParser()
-
-const { data: ast } = await useAsyncData('component-code', async () => {
-  let formatted = ''
-  try {
-    formatted = await $prettier.format(code.value, {
-      trailingComma: 'none',
-      semi: false,
-      singleQuote: true,
-      printWidth: 30
-    })
-  } catch {
-    return
-  }
-  return await parseMarkdown(formatted)
-}, { watch: [code], immediate: false, server: false })
+const tabs = computed(() => {
+  if (!component.value) return
+  const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
 
-const { copy, copied } = useClipboard()
+  return [
+    { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', disabled: !component.value.meta.props?.length },
+    { label: 'Theme', slot: 'theme', icon: 'i-heroicons-paint-brush', disabled: !themeCount }
+  ]
+})
 </script>
 
 <template>
   <UApp class="h-screen w-full relative font-sans">
-    <div
-      class="top-0 h-[49px] border-b border-gray-200 bg-white flex"
-    >
-      <USelectMenu
-        v-model="component"
-        variant="none"
-        :items="components"
-        leading-icon="i-heroicons-magnifying-glass-20-solid"
-        class="grow"
-        placeholder="Search component..."
-        :ui="{ content: 'max-h-96' }"
-      />
-    </div>
-    <div v-if="component" class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-6">
-      <div class="col-span-1 border-r border-gray-200 hidden xl:block overflow-y-auto bg-white">
-        <UNavigationMenu
-          :model-value="component?.slug"
-          :items="components.map((c) => ({ ...c, select: () => component = c }))"
-          orientation="vertical"
-          highlight
+    <div v-if="!components || !component" class="h-screen w-screen" />
+    <template v-else>
+      <div
+        class="top-0 h-[49px] border-b border-gray-200 bg-white flex"
+      >
+        <UCommandPalette
+          v-model="component"
+          v-model:search-term="searchTerm"
+          variant="none"
+          :groups="[{ id: 'component', items: components }]"
+          leading-icon="i-heroicons-magnifying-glass-20-solid"
+          class="grow"
+          placeholder="Search component..."
+          :fuse="{
+            fuseOptions: {
+              includeMatches: true
+            }
+          }"
+          :ui="{ content: 'max-h-96' }"
         />
       </div>
 
-      <div class="flex flex-col xl:col-span-4 col-span-3">
-        <iframe class="grow w-full" :src="`/__nuxt_ui__/components/${component.slug}`" />
-        <div class="relative  w-full p-3">
-          <MDCRenderer v-if="ast" :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 overflow-y-auto rounded-lg border border-gray-200 bg-gray-50" />
-          <UButton
-            v-if="ast"
-            color="gray"
-            size="sm"
-            variant="link"
-            :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
-            class="absolute top-6 right-6"
-            @click="copy(ast?.body?.children?.[0]?.props.code)"
+      <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-6">
+        <div class="col-span-1 border-r border-gray-200 hidden xl:block overflow-y-auto bg-white">
+          <UNavigationMenu
+            :model-value="component?.slug"
+            :items="components.map((c) => ({ ...c, select: () => component = c }))"
+            orientation="vertical"
+            highlight
           />
         </div>
+
+        <div class="xl:col-span-4 col-span-3">
+          <ComponentPreview :component="component" :props="state.props[component.slug]" :theme-slots="state.slots[component.slug]" class="h-full" />
+        </div>
+
+        <div class="bg-white border-l border-gray-200 flex flex-col col-span-3 overflow-y-auto">
+          <UTabs color="gray" variant="link" :items="tabs" :class="{ content: 'overflow-y-auto' }">
+            <template #props>
+              <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-gray-200">
+                <UFormField :name="prop.name" class="grid grid-cols-2 gap-8 items-baseline">
+                  <template #label>
+                    <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-50">
+                      {{ prop?.name }}
+                    </p>
+                  </template>
+
+                  <template #description>
+                    <MDC v-if="prop.description" :value="prop.description" class="text-gray-600 dark:text-gray-300 mt-1" />
+                  </template>
+
+                  <ComponentPropInput v-bind="prop" v-model="state.props[component.slug][prop.name]" />
+                </UFormField>
+              </div>
+            </template>
+
+            <template #theme>
+              <div v-for="(_value, slot) in component?.slots" :key="'slots-' + slot" class="px-3 py-5 hover:bg-gray-50 transition">
+                <UFormField :name="slot" @mouseenter="onSlotHover(slot)" @mouseleave="onSlotLeave(slot)">
+                  <template #label>
+                    <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-100">
+                      {{ slot }}
+                    </p>
+                  </template>
+                  <UTextarea v-model="state.slots[component.slug][slot]" autoresize class="mt-2 w-full font-mono" />
+                </UFormField>
+              </div>
+            </template>
+          </UTabs>
+        </div>
       </div>
-      <div class="bg-white border-l border-gray-200 flex flex-col col-span-3 overflow-y-auto">
-        <UTabs color="gray" variant="link" :items="tabs" :class="{ content: 'overflow-y-auto' }">
-          <template #props>
-            <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-gray-200">
-              <UFormField :name="prop.name" class="grid grid-cols-2 gap-8 items-baseline">
-                <template #label>
-                  <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-50">
-                    {{ prop?.name }}
-                  </p>
-                </template>
-
-                <template #description>
-                  <MDC v-if="prop.description" :value="prop.description" class="text-gray-600 dark:text-gray-300 mt-1" />
-                </template>
-
-                <ComponentPropInput v-bind="prop" v-model="state.props[component.slug][prop.name]" />
-              </UFormField>
-            </div>
-          </template>
-
-          <template #theme>
-            <div v-for="(_value, slot) in component?.slots" :key="'slots-' + slot" class="px-3 py-5 hover:bg-gray-50 transition">
-              <UFormField :name="slot" @mouseenter="onSlotHover(slot)" @mouseleave="onSlotLeave(slot)">
-                <template #label>
-                  <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-100">
-                    {{ slot }}
-                  </p>
-                </template>
-                <UTextarea v-model="state.slots[component.slug][slot]" autoresize class="mt-2 w-full font-mono" />
-              </UFormField>
-            </div>
-          </template>
-        </UTabs>
-      </div>
-    </div>
+    </template>
   </UApp>
 </template>
 
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
new file mode 100644
index 0000000000..e97a06f23a
--- /dev/null
+++ b/devtools/app/components/ComponentPreview.vue
@@ -0,0 +1,94 @@
+<script setup lang="ts">
+import type { Component } from '../../../src/devtools/rpc'
+import { useClipboard } from '@vueuse/core'
+import { kebabCase } from 'scule'
+import { genObjectFromValues, genArrayFromRaw } from 'knitwork'
+
+const props = defineProps<{ component?: Component, props?: object, themeSlots?: Record<string, any> }>()
+
+const code = computed(() => {
+  if (!props.component) return
+
+  const propsTemplate = Object.entries(props.props ?? {}).map(([key, value]: [string, any]) => {
+    if (value === true) return kebabCase(key)
+    if (value === false) return
+    if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
+    if (Array.isArray(value)) return `:${kebabCase(key)}="${genArrayFromRaw(value)}"`
+    if (typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
+    return `${kebabCase(key)}="${value}"`
+  }).filter(Boolean).join('\n')
+
+  const slotsTemplate = props.themeSlots
+    ? genObjectFromValues(Object.keys(props.themeSlots).filter(key => key !== 'base').reduce((acc, key) => {
+      acc[key] = props.themeSlots?.[key]
+      return acc
+    }, {} as Record<string, string>))
+    : undefined
+
+  return `\`\`\`vue
+  <${props.component.label}
+    ${propsTemplate}
+    ${props.themeSlots?.base ? `class="${props.themeSlots.base}"` : ''}
+    ${slotsTemplate && slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : ''}
+  ></${props.component.label}>
+\`\`\``
+})
+
+const { parseMarkdown } = useMarkdownParser()
+
+const { data: ast } = await useAsyncData('component-code', async () => {
+  if (!code.value) return
+
+  const { $prettier } = useNuxtApp()
+  const formatted = await $prettier.format(code.value, {
+    trailingComma: 'none',
+    semi: false,
+    singleQuote: true,
+    printWidth: 30
+  })
+
+  return await parseMarkdown(formatted)
+}, { watch: [code] })
+
+const { copy, copied } = useClipboard()
+
+const renderer = ref()
+const rendererReady = ref(false)
+function onRendererReady() {
+  rendererReady.value = true
+}
+
+watch(() => props.component, () => rendererReady.value = false)
+</script>
+
+<template>
+  <div class="flex flex-col bg-grid">
+    <iframe
+      v-if="component"
+      v-show="rendererReady"
+      ref="renderer"
+      class="grow w-full"
+      :src="`/__nuxt_ui__/components/${component.slug}`"
+      @load="onRendererReady"
+    />
+
+    <div v-if="ast" v-show="rendererReady" class="relative w-full p-3">
+      <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 overflow-y-auto rounded-lg border border-gray-200 bg-gray-50" />
+      <UButton
+        color="gray"
+        size="sm"
+        variant="link"
+        :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
+        class="absolute top-6 right-6"
+        @click="copy(ast?.body?.children?.[0]?.props.code)"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.bg-grid {
+  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cpath fill='none' stroke='hsla(0, 0%25, 98%25, 1)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
+  background-size: 40px 40px;
+}
+</style>
diff --git a/devtools/app/composables/useMarkdownParser.ts b/devtools/app/composables/useMarkdownParser.ts
index 21c7563374..4d14c8e059 100644
--- a/devtools/app/composables/useMarkdownParser.ts
+++ b/devtools/app/composables/useMarkdownParser.ts
@@ -13,7 +13,7 @@ import VueLang from 'shiki/langs/vue.mjs'
 export default function useMarkdownParser() {
   let parser: Awaited<ReturnType<typeof createMarkdownParser>>
 
-  const parseMarkdown = async (markdown: string) => {
+  async function parseMarkdown(markdown: string) {
     if (!parser) {
       parser = await createMarkdownParser({
         rehype: {
@@ -43,6 +43,7 @@ export default function useMarkdownParser() {
         }
       })
     }
+
     return parser(markdown)
   }
 
diff --git a/devtools/app/plugins/prettier.ts b/devtools/app/plugins/prettier.ts
index 013cab61cf..01ab19e58e 100644
--- a/devtools/app/plugins/prettier.ts
+++ b/devtools/app/plugins/prettier.ts
@@ -43,27 +43,25 @@ function createPrettierWorkerApi(worker: Worker): SimplePrettier {
   }
 }
 
-export default defineNuxtPlugin({
-  async setup() {
-    let prettier: SimplePrettier
-    if (import.meta.server) {
-      const prettierModule = await import('prettier')
-      prettier = {
-        format(source, options = {}) {
-          return prettierModule.format(source, defu(options, {
-            parser: 'markdown'
-          }))
-        }
+export default defineNuxtPlugin(async () => {
+  let prettier: SimplePrettier
+  if (import.meta.server) {
+    const prettierModule = await import('prettier')
+    prettier = {
+      format(source, options = {}) {
+        return prettierModule.format(source, defu(options, {
+          parser: 'markdown'
+        }))
       }
-    } else {
-      const worker = new PrettierWorker()
-      prettier = createPrettierWorkerApi(worker)
     }
+  } else {
+    const worker = new PrettierWorker()
+    prettier = createPrettierWorkerApi(worker)
+  }
 
-    return {
-      provide: {
-        prettier
-      }
+  return {
+    provide: {
+      prettier
     }
   }
 })
diff --git a/devtools/app/workers/prettier.js b/devtools/app/workers/prettier.js
index 719e38cd0b..1a0f8f98b2 100644
--- a/devtools/app/workers/prettier.js
+++ b/devtools/app/workers/prettier.js
@@ -1,8 +1,4 @@
 /* eslint-disable no-undef */
-import('https://unpkg.com/prettier@3.3.3/standalone.js')
-import('https://unpkg.com/prettier@3.3.3/plugins/html.js')
-import('https://unpkg.com/prettier@3.3.3/plugins/markdown.js')
-
 self.onmessage = async function (event) {
   self.postMessage({
     uid: event.data.uid,
@@ -18,6 +14,12 @@ function handleMessage(message) {
 }
 
 async function handleFormatMessage(message) {
+  if (!globalThis.prettier) {
+    await import('https://unpkg.com/prettier@3.3.3/standalone.js')
+    await import('https://unpkg.com/prettier@3.3.3/plugins/html.js')
+    await import('https://unpkg.com/prettier@3.3.3/plugins/markdown.js')
+  }
+
   const { options, source } = message
   const formatted = await prettier.format(source, {
     parser: 'markdown',

From 48879351d17fec655abe5a7a7be95b3b27341cba Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 28 Sep 2024 16:58:06 +0200
Subject: [PATCH 14/92] feat: ui improvements

---
 devtools/app/app.vue        | 56 ++++++++++++++++++++++++-------------
 devtools/public/favicon.svg |  1 +
 src/module.ts               |  2 +-
 3 files changed, 38 insertions(+), 21 deletions(-)
 create mode 100644 devtools/public/favicon.svg

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 65560a05b6..a4d7010bec 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -70,8 +70,6 @@ function onSlotLeave(slot: string) {
   window.dispatchEvent(event)
 }
 
-const searchTerm = ref<string>()
-
 const tabs = computed(() => {
   if (!component.value) return
   const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
@@ -81,6 +79,19 @@ const tabs = computed(() => {
     { label: 'Theme', slot: 'theme', icon: 'i-heroicons-paint-brush', disabled: !themeCount }
   ]
 })
+
+const searchOpened = ref(false)
+function onComponentSearch(value: any) {
+  const match = components.value.find(c => c.slug === value?.slug)
+  searchOpened.value = false
+
+  if (!match) return
+  component.value = match
+}
+
+defineShortcuts({
+  meta_k: () => searchOpened.value = true
+})
 </script>
 
 <template>
@@ -88,23 +99,28 @@ const tabs = computed(() => {
     <div v-if="!components || !component" class="h-screen w-screen" />
     <template v-else>
       <div
-        class="top-0 h-[49px] border-b border-gray-200 bg-white flex"
+        class="top-0 h-[49px] border-b border-gray-200 bg-white flex justify-center"
       >
-        <UCommandPalette
-          v-model="component"
-          v-model:search-term="searchTerm"
-          variant="none"
-          :groups="[{ id: 'component', items: components }]"
-          leading-icon="i-heroicons-magnifying-glass-20-solid"
-          class="grow"
-          placeholder="Search component..."
-          :fuse="{
-            fuseOptions: {
-              includeMatches: true
-            }
-          }"
-          :ui="{ content: 'max-h-96' }"
-        />
+        <span />
+
+        <UModal v-model:open="searchOpened" :ui="{ content: 'top-0 sm:top-8 translate-y-0 sm:max-w-xl w-full' }">
+          <UButton color="gray" label="Search component..." variant="link" icon="i-heroicons-magnifying-glass-20-solid" class="w-full cursor-pointer" />
+          <template #content>
+            <UCommandPalette
+              variant="none"
+              :groups="[{ id: 'component', items: components.map((c) => ({ slug: c.slug, label: c.label })) }]"
+              leading-icon=""
+              placeholder="Search component..."
+              :fuse="{
+                fuseOptions: {
+                  includeMatches: true
+                }
+              }"
+              @update:model-value="onComponentSearch"
+              @close="searchOpened = false"
+            />
+          </template>
+        </UModal>
       </div>
 
       <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-6">
@@ -121,8 +137,8 @@ const tabs = computed(() => {
           <ComponentPreview :component="component" :props="state.props[component.slug]" :theme-slots="state.slots[component.slug]" class="h-full" />
         </div>
 
-        <div class="bg-white border-l border-gray-200 flex flex-col col-span-3 overflow-y-auto">
-          <UTabs color="gray" variant="link" :items="tabs" :class="{ content: 'overflow-y-auto' }">
+        <div class="bg-white border-l border-gray-200 flex flex-col col-span-3  overflow-y-auto">
+          <UTabs color="gray" variant="link" :items="tabs">
             <template #props>
               <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-gray-200">
                 <UFormField :name="prop.name" class="grid grid-cols-2 gap-8 items-baseline">
diff --git a/devtools/public/favicon.svg b/devtools/public/favicon.svg
new file mode 100644
index 0000000000..23d7a80e44
--- /dev/null
+++ b/devtools/public/favicon.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" class="w-auto h-6 shrink-0" viewBox="840 60 180 140"><path d="M958 60.0001H938C933.524 60.0001 929.926 59.9395 927 63C924.074 65.8905 925 67.5792 925 72V141C925 151.372 923.648 156.899 919 162C914.352 166.931 908.468 169 899 169C889.705 169 882.648 166.931 878 162C873.352 156.899 873 151.372 873 141V72.0001C873 67.5793 872.926 65.8906 870 63.0001C867.074 59.9396 863.476 60.0001 859 60.0001H840V141C840 159.023 845.016 173.458 855 184C865.156 194.542 879.893 200 899 200C918.107 200 932.844 194.542 943 184C953.156 173.458 958 159.023 958 141V60.0001Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1000 60.0233L1020 60V77L1020 128V156.007L1020 181L1020 189.004C1020 192.938 1019.98 194.429 1017 197.001C1014.02 199.725 1009.56 200 1005 200H986.001V181.006L986 130.012V70.0215C986 66.1576 986.016 64.5494 989 62.023C991.819 59.6358 995.437 60.0233 1000 60.0233Z" fill="currentColor"></path></svg>
diff --git a/src/module.ts b/src/module.ts
index 058035d2c3..8a90ff12a3 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -211,7 +211,7 @@ export default defineNuxtModule<ModuleOptions>({
       addCustomTab({
         name: 'nuxt-ui',
         title: 'Nuxt UI',
-        icon: 'bx:paint',
+        icon: '/__nuxt_ui__/devtools/favicon.svg',
         view: {
           type: 'iframe',
           src: '/__nuxt_ui__/devtools'

From 3554b630475f5a3de3e5adfa2c65b3b76193767c Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 5 Oct 2024 17:42:36 +0200
Subject: [PATCH 15/92] feat(devtools): improve ComponentPropInput

---
 devtools/app/app.config.ts                    |   2 +-
 devtools/app/app.vue                          |  33 ++---
 .../app/components/ComponentPropInput.vue     | 113 ++++++++++++++++--
 devtools/nuxt.config.ts                       |   2 +-
 src/devtools/ComponentRenderer.vue            |  47 +++++---
 5 files changed, 144 insertions(+), 53 deletions(-)

diff --git a/devtools/app/app.config.ts b/devtools/app/app.config.ts
index 04a65abd06..2a210b4770 100644
--- a/devtools/app/app.config.ts
+++ b/devtools/app/app.config.ts
@@ -6,7 +6,7 @@ export default defineAppConfig({
   },
   ui: {
     colors: {
-      primary: 'green',
+      primary: 'gray',
       gray: 'cool'
     }
   }
diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index a4d7010bec..f7b250fb5a 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -3,7 +3,6 @@ import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
 import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
 import type { BirpcReturn } from 'birpc'
 import { watchDebounced } from '@vueuse/core'
-import { defu } from 'defu'
 
 // @ts-expect-error - Nuxt Devtools internal value
 // Disable devtools in component renderer iframe
@@ -20,18 +19,18 @@ onDevtoolsClientConnected(async (client) => {
   components.value = (await rpc.getComponents()).map(component => ({ ...component, value: component.slug }))
 
   if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
-    component.value = components.value.find(comp => comp.slug === 'button')
+    component.value = components.value.find(comp => comp.slug === 'accordion')
   }
 
-  state.value.props = defu(state.value.props, components.value?.reduce((acc, comp) => {
+  state.value.props = { ...state.value.props, ...components.value?.reduce((acc, comp) => {
     acc[comp.slug] = comp.defaultVariants ?? {}
     return acc
-  }, {} as Record<string, any>))
+  }, {} as Record<string, any>) }
 
-  state.value.slots = defu(state.value.slots, components.value.reduce((acc, comp) => {
+  state.value.slots = { ...state.value.slots, ...components.value.reduce((acc, comp) => {
     acc[comp.slug] = {} // comp.slots ?? {}
     return acc
-  }, {} as Record<string, any>))
+  }, {} as Record<string, any>) }
 })
 
 function updateRenderer() {
@@ -55,7 +54,7 @@ onUnmounted(() => {
 
 function onComponentLoaded(event: Event & { data?: any }) {
   if (!component.value) return
-  state.value.props[component.value.slug] = defu(state.value.props[component.value.slug], event.data?.props)
+  state.value.props[component.value.slug] = event.data?.props
 }
 
 function onSlotHover(slot: string) {
@@ -123,7 +122,7 @@ defineShortcuts({
         </UModal>
       </div>
 
-      <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-6">
+      <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-4">
         <div class="col-span-1 border-r border-gray-200 hidden xl:block overflow-y-auto bg-white">
           <UNavigationMenu
             :model-value="component?.slug"
@@ -133,27 +132,15 @@ defineShortcuts({
           />
         </div>
 
-        <div class="xl:col-span-4 col-span-3">
+        <div class="xl:col-span-5 col-span-2">
           <ComponentPreview :component="component" :props="state.props[component.slug]" :theme-slots="state.slots[component.slug]" class="h-full" />
         </div>
 
-        <div class="bg-white border-l border-gray-200 flex flex-col col-span-3  overflow-y-auto">
+        <div class="bg-white border-l border-gray-200 flex flex-col col-span-2  overflow-y-auto">
           <UTabs color="gray" variant="link" :items="tabs">
             <template #props>
               <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-gray-200">
-                <UFormField :name="prop.name" class="grid grid-cols-2 gap-8 items-baseline">
-                  <template #label>
-                    <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-50">
-                      {{ prop?.name }}
-                    </p>
-                  </template>
-
-                  <template #description>
-                    <MDC v-if="prop.description" :value="prop.description" class="text-gray-600 dark:text-gray-300 mt-1" />
-                  </template>
-
-                  <ComponentPropInput v-bind="prop" v-model="state.props[component.slug][prop.name]" />
-                </UFormField>
+                <ComponentPropInput v-bind="prop" v-model="state.props[component.slug][prop.name]" />
               </div>
             </template>
 
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index b017b19c2c..e3f213ec4b 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -1,22 +1,117 @@
 <script setup lang="ts">
 import type { PropertyMeta } from 'vue-component-meta'
 
-defineProps<Partial<PropertyMeta>>()
+type ComponentPropInputType = 'string' | 'number' | 'boolean' | 'enum' | 'object' | 'array'
+
+const props = defineProps<Partial<PropertyMeta>>()
 const modelValue = defineModel<any>()
 
+const inputType = computed<ComponentPropInputType | null>(() => {
+  if (!props.schema) return null
+
+  if (props.type?.includes('string')) return 'string'
+  if (props.type?.includes('number')) return 'number'
+  if (props.type?.includes('boolean')) return 'boolean'
+  if (arraySchema.value) return 'array'
+  if (typeof props.schema === 'string') return null
+  if (props.schema.kind === 'enum' && props.schema.schema && parseEnumValues(props.schema.schema)?.length) return 'enum'
+  if (props.schema.kind !== 'enum' && typeof props.schema === 'object') return 'object'
+
+  return null
+})
+
 function parseEnumValues(propMeta: PropertyMeta['schema'] | PropertyMeta['schema'][]) {
   const meta = Array.isArray(propMeta) ? propMeta[0] : propMeta
   if (!meta) return
-  return Object.values(propMeta).map((value: string) => typeof value === 'string' ? value.replaceAll('"', '') : value).filter(value => value !== 'undefined')
+  return Object.values(propMeta).filter((value: string) =>
+    typeof value === 'string' && value.startsWith('"') /* Keeps only string symbols and filters interfaces from matches */
+  ).map((value: string) => value.replaceAll('"', '')).filter(value => value !== 'undefined')
+}
+
+const arraySchema = computed(() => {
+  if (typeof props.schema === 'string' || props.schema?.kind !== 'enum') return
+  if (!props.schema?.schema) return
+
+  const schema = Object.values(props.schema?.schema)
+  const arr = schema?.find(s => typeof s !== 'string' && s.kind === 'array')
+
+  if (!arr?.kind || arr.kind !== 'array' || typeof arr.schema?.[0] !== 'object') return
+
+  return arr.schema[0]
+})
+
+function removeArrayItem(index: number) {
+  if (!Array.isArray(modelValue.value)) return
+  modelValue.value.splice(index, 1)
+}
+
+function addArrayItem() {
+  if (!Array.isArray(modelValue.value)) return
+  modelValue.value.push({})
 }
 </script>
 
 <template>
-  <div v-if="schema">
-    <UInput v-if="type?.includes('string')" v-model="modelValue" />
-    <UInput v-else-if="type?.includes('number')" v-model="modelValue" type="number" />
-    <UCheckbox v-else-if="type?.includes('boolean')" v-model="modelValue" />
-    <span v-else-if="typeof schema === 'string' || !schema.schema " />
-    <USelectMenu v-else-if="schema?.kind === 'enum'" v-model="modelValue" :items="parseEnumValues(schema.schema)" class="w-48" />
-  </div>
+  <UFormField :name="name" class="" :ui="{ wrapper: 'mb-2' }" :class="{ 'opacity-70 cursor-not-allowed': !inputType }">
+    <template #label>
+      <p v-if="name" class="font-mono font-bold px-2 py-1 border-gray-300 border border-dashed rounded bg-gray-50">
+        {{ name }}
+      </p>
+    </template>
+
+    <template #description>
+      <MDC v-if="description" :value="description" class="text-gray-600 dark:text-gray-300 mt-1" />
+    </template>
+
+    <span v-if="!schema" />
+
+    <UInput v-if="inputType === 'string'" v-model="modelValue" />
+    <UInput v-else-if="inputType === 'number'" v-model="modelValue" type="number" />
+    <UCheckbox v-else-if="inputType === 'boolean'" v-model="modelValue" />
+
+    <div v-else-if="inputType === 'array'">
+      <div v-for="value, index in modelValue" :key="value.id" class="relative border border-gray-200 rounded-md mt-4">
+        <ComponentPropInput v-bind="arraySchema" :model-value="value" />
+
+        <UPopover>
+          <UButton variant="ghost" color="gray" icon="i-heroicons-ellipsis-vertical" class="absolute top-1 right-1" />
+          <template #content>
+            <UButton
+              variant="ghost"
+              color="red"
+              icon="i-heroicons-trash"
+              block
+              @click="removeArrayItem(index)"
+            >
+              Remove
+            </UButton>
+          </template>
+        </UPopover>
+      </div>
+
+      <UButton
+        icon="i-heroicons-plus"
+        color="gray"
+        variant="ghost"
+        block
+        class="justify-center mt-4"
+        @click="addArrayItem()"
+      >
+        Add value
+      </UButton>
+    </div>
+
+    <USelectMenu v-else-if="inputType === 'enum'" v-model="modelValue" :items="parseEnumValues(schema.schema)" class="w-56" />
+
+    <div v-else-if="inputType === 'object'">
+      <ComponentPropInput
+        v-for="attr in schema"
+        :key="attr.name"
+        v-bind="attr"
+        :model-value="modelValue?.[attr.name]"
+        class="border-b last:border-b-0 border-gray-200 p-4"
+        @update:model-value="(value) => modelValue[attr.name] = value"
+      />
+    </div>
+  </UFormField>
 </template>
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 62eb64d25d..577db97eaf 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -30,7 +30,7 @@ export default defineNuxtConfig({
 
   ui: {
     theme: {
-      colors: ['green', 'red']
+      colors: ['gray', 'red']
     }
   },
 
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index 77e1bbb44f..ec8fb194fa 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -24,24 +24,6 @@ const componentExamples: Record<string, any> = {
           content:
             'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
         },
-        {
-          label: 'Theming',
-          icon: 'i-heroicons-eye-dropper',
-          content:
-            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
-        },
-        {
-          label: 'Layouts',
-          icon: 'i-heroicons-rectangle-group',
-          content:
-            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
-        },
-        {
-          label: 'Components',
-          icon: 'i-heroicons-square-3-stack-3d',
-          content:
-            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
-        },
         {
           label: 'Utilities',
           slot: 'custom' as const,
@@ -145,7 +127,34 @@ const componentExamples: Record<string, any> = {
   },
   commandPalette: {
     component: resolveComponent('UCommandPalette'),
-    props: {}
+    props: {
+      groups: [
+        {
+          id: 'actions',
+          items: [{
+            label: 'Add new file',
+            suffix: 'Create a new file in the current directory or workspace.',
+            icon: 'i-heroicons-document-plus',
+            kbds: ['meta', 'N']
+          }, {
+            label: 'Add new folder',
+            suffix: 'Create a new folder in the current directory or workspace.',
+            icon: 'i-heroicons-folder-plus',
+            kbds: ['meta', 'F']
+          }, {
+            label: 'Add hashtag',
+            suffix: 'Add a hashtag to the current item.',
+            icon: 'i-heroicons-hashtag',
+            kbds: ['meta', 'H']
+          }, {
+            label: 'Add label',
+            suffix: 'Add a label to the current item.',
+            icon: 'i-heroicons-tag',
+            kbds: ['meta', 'L']
+          }]
+        }
+      ]
+    }
   },
   drawer: {
     component: resolveComponent('UDrawer'),

From 3229956d79939761717bf3cdde36969c46fc50f9 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 7 Oct 2024 22:14:25 +0200
Subject: [PATCH 16/92] chore(devtools): remove theme tab

---
 devtools/app/app.vue               | 34 ++++++++++---------
 src/devtools/ComponentRenderer.vue | 52 ++++++++++++++----------------
 2 files changed, 43 insertions(+), 43 deletions(-)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index f7b250fb5a..4cc373208b 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -19,7 +19,7 @@ onDevtoolsClientConnected(async (client) => {
   components.value = (await rpc.getComponents()).map(component => ({ ...component, value: component.slug }))
 
   if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
-    component.value = components.value.find(comp => comp.slug === 'accordion')
+    component.value = components.value.find(comp => comp.slug === 'button')
   }
 
   state.value.props = { ...state.value.props, ...components.value?.reduce((acc, comp) => {
@@ -31,6 +31,8 @@ onDevtoolsClientConnected(async (client) => {
     acc[comp.slug] = {} // comp.slots ?? {}
     return acc
   }, {} as Record<string, any>) }
+
+  console.log(component.value)
 })
 
 function updateRenderer() {
@@ -57,25 +59,25 @@ function onComponentLoaded(event: Event & { data?: any }) {
   state.value.props[component.value.slug] = event.data?.props
 }
 
-function onSlotHover(slot: string) {
-  const event: Event & { data?: any } = new Event('nuxt-ui-devtools:slot-hover')
-  event.data = { slot }
-  window.dispatchEvent(event)
-}
-
-function onSlotLeave(slot: string) {
-  const event: Event & { data?: any } = new Event('nuxt-ui-devtools:slot-leave')
-  event.data = { slot }
-  window.dispatchEvent(event)
-}
+// function onSlotHover(slot: string) {
+//   const event: Event & { data?: any } = new Event('nuxt-ui-devtools:slot-hover')
+//   event.data = { slot }
+//   window.dispatchEvent(event)
+// }
+//
+// function onSlotLeave(slot: string) {
+//   const event: Event & { data?: any } = new Event('nuxt-ui-devtools:slot-leave')
+//   event.data = { slot }
+//   window.dispatchEvent(event)
+// }
 
 const tabs = computed(() => {
   if (!component.value) return
   const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
 
   return [
-    { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', disabled: !component.value.meta.props?.length },
-    { label: 'Theme', slot: 'theme', icon: 'i-heroicons-paint-brush', disabled: !themeCount }
+    { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', disabled: !component.value.meta.props?.length }
+    // { label: 'Theme', slot: 'theme', icon: 'i-heroicons-paint-brush', disabled: !themeCount }
   ]
 })
 
@@ -144,7 +146,7 @@ defineShortcuts({
               </div>
             </template>
 
-            <template #theme>
+            <!-- template #theme>
               <div v-for="(_value, slot) in component?.slots" :key="'slots-' + slot" class="px-3 py-5 hover:bg-gray-50 transition">
                 <UFormField :name="slot" @mouseenter="onSlotHover(slot)" @mouseleave="onSlotLeave(slot)">
                   <template #label>
@@ -155,7 +157,7 @@ defineShortcuts({
                   <UTextarea v-model="state.slots[component.slug][slot]" autoresize class="mt-2 w-full font-mono" />
                 </UFormField>
               </div>
-            </template>
+            </template -->
           </UTabs>
         </div>
       </div>
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index ec8fb194fa..f138a32363 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { onUnmounted, onMounted, computed, reactive, resolveComponent } from 'vue'
 import { useHead } from '#imports'
+import { UButton, type ButtonProps } from '../runtime/components/Button.vue'
 
 const props = defineProps<{
   slug: string
@@ -90,11 +91,8 @@ const componentExamples: Record<string, any> = {
     }
   },
   button: {
-    component: resolveComponent('UButton'),
-    props: {
-      label: 'Click me!',
-      icon: 'i-heroicons-rocket-launch-20-solid'
-    }
+    component: UButton,
+    props: { label: 'Click me!' } as ButtonProps
   },
   buttonGroup: {
     component: resolveComponent('UButtonGroup'),
@@ -271,30 +269,30 @@ function onUpdateRenderer(event: Event & { data?: any }) {
   state.slots = { ...event.data.slots }
 }
 
-function onSlotHover(event: Event & { data?: any }) {
-  const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
-  if (element) {
-    element.classList.add('nuxt-ui-slot-highlight')
-  }
-}
+// function onSlotHover(event: Event & { data?: any }) {
+//   const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
+//   if (element) {
+//     element.classList.add('nuxt-ui-slot-highlight')
+//   }
+// }
 
-function onSlotLeave(event: Event & { data?: any }) {
-  const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
-  if (element) {
-    element.classList.remove('nuxt-ui-slot-highlight')
-  }
-}
+// function onSlotLeave(event: Event & { data?: any }) {
+//   const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
+//   if (element) {
+//     element.classList.remove('nuxt-ui-slot-highlight')
+//   }
+// }
 
 onMounted(() => {
   window.parent.addEventListener('nuxt-ui-devtools:update-renderer', onUpdateRenderer)
-  window.parent.addEventListener('nuxt-ui-devtools:slot-hover', onSlotHover)
-  window.parent.addEventListener('nuxt-ui-devtools:slot-leave', onSlotLeave)
+  // window.parent.addEventListener('nuxt-ui-devtools:slot-hover', onSlotHover)
+  // window.parent.addEventListener('nuxt-ui-devtools:slot-leave', onSlotLeave)
 })
 
 onUnmounted(() => {
   window.parent.removeEventListener('nuxt-ui-devtools:update-renderer', onUpdateRenderer)
-  window.parent.removeEventListener('nuxt-ui-devtools:slot-hover', onSlotHover)
-  window.parent.removeEventListener('nuxt-ui-devtools:slot-leave', onSlotLeave)
+  // window.parent.removeEventListener('nuxt-ui-devtools:slot-hover', onSlotHover)
+  // window.parent.removeEventListener('nuxt-ui-devtools:slot-leave', onSlotLeave)
 })
 
 onMounted(() => {
@@ -325,10 +323,10 @@ onMounted(() => {
   background-size: 40px 40px;
 }
 
-.nuxt-ui-slot-highlight {
-  outline-color: blue !important;
-  outline-width: 1.5px !important;
-  outline-offset: 2px !important;
-  outline-style: dashed !important;
-}
+/* .nuxt-ui-slot-highlight { */
+/*   outline-color: blue !important; */
+/*   outline-width: 1.5px !important; */
+/*   outline-offset: 2px !important; */
+/*   outline-style: dashed !important; */
+/* } */
 </style>

From 0beb089e9458fa0438bd33b450eef84050b6fa5e Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 8 Oct 2024 10:31:39 +0200
Subject: [PATCH 17/92] chore: cleanup

---
 playground/app/components/island-renderer.ts | 37 -----------
 playground/app/components/nuxt-root.vue      | 66 --------------------
 2 files changed, 103 deletions(-)
 delete mode 100644 playground/app/components/island-renderer.ts
 delete mode 100644 playground/app/components/nuxt-root.vue

diff --git a/playground/app/components/island-renderer.ts b/playground/app/components/island-renderer.ts
deleted file mode 100644
index b1ec26cc94..0000000000
--- a/playground/app/components/island-renderer.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { defineAsyncComponent } from 'vue'
-import { createVNode, defineComponent, onErrorCaptured } from 'vue'
-
-import { injectHead } from '@unhead/vue'
-
-// @ts-expect-error virtual file
-import { islandComponents } from '#build/components.islands.mjs'
-
-export default defineComponent({
-  name: 'IslandRenderer',
-  props: {
-    context: {
-      type: Object as () => { name: string, props?: Record<string, any> },
-      required: true
-    }
-  },
-  setup(props) {
-    // reset head - we don't want to have any head tags from plugin or anywhere else.
-    const head = injectHead()
-    head.headEntries().splice(0, head.headEntries().length)
-
-    const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
-
-    if (!component) {
-      throw createError({
-        statusCode: 404,
-        statusMessage: `Island component not found: ${props.context.name}`
-      })
-    }
-
-    onErrorCaptured((e) => {
-      console.log(e)
-    })
-
-    return () => createVNode(component || 'span', { ...props.context.props, 'data-island-uid': '' })
-  }
-})
diff --git a/playground/app/components/nuxt-root.vue b/playground/app/components/nuxt-root.vue
deleted file mode 100644
index 06fdf25931..0000000000
--- a/playground/app/components/nuxt-root.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-  <Suspense @resolve="onResolve">
-    <div v-if="abortRender" />
-    <ErrorComponent
-      v-else-if="error"
-      :error="error"
-    />
-    <IslandRenderer
-      v-else-if="islandContext"
-      :context="islandContext"
-    />
-    <component
-      :is="SingleRenderer"
-      v-else-if="SingleRenderer"
-    />
-    <AppComponent v-else />
-  </Suspense>
-</template>
-
-<script setup>
-import { defineAsyncComponent, onErrorCaptured, onServerPrefetch, provide } from 'vue'
-import AppComponent from '#build/app-component.mjs'
-import ErrorComponent from '#build/error-component.mjs'
-// @ts-expect-error virtual file
-import { componentIslands } from '#build/nuxt.config.mjs'
-
-const IslandRenderer = import.meta.server && componentIslands
-  ? defineAsyncComponent(() => import('./island-renderer').then(r => r.default || r))
-  : () => null
-
-const nuxtApp = useNuxtApp()
-const onResolve = nuxtApp.deferHydration()
-if (import.meta.client && nuxtApp.isHydrating) {
-  const removeErrorHook = nuxtApp.hooks.hookOnce('app:error', onResolve)
-  useRouter().beforeEach(removeErrorHook)
-}
-
-const url = import.meta.server ? nuxtApp.ssrContext.url : window.location.pathname
-const SingleRenderer = import.meta.test && import.meta.dev && import.meta.server && url.startsWith('/__nuxt_component_test__/') && defineAsyncComponent(() => import('#build/test-component-wrapper.mjs')
-  .then(r => r.default(import.meta.server ? url : window.location.href)))
-
-// Inject default route (outside of pages) as active route
-provide('route', useRoute())
-
-// vue:setup hook
-const results = nuxtApp.hooks.callHookWith(hooks => hooks.map(hook => hook()), 'vue:setup')
-if (import.meta.dev && results && results.some(i => i && 'then' in i)) {
-  console.error('[nuxt] Error in `vue:setup`. Callbacks must be synchronous.')
-}
-
-// error handling
-const error = useError()
-// render an empty <div> when plugins have thrown an error but we're not yet rendering the error page
-const abortRender = import.meta.server && error.value && !nuxtApp.ssrContext.error
-onErrorCaptured((err, target, info) => {
-  nuxtApp.hooks.callHook('vue:error', err, target, info).catch(hookError => console.error('[nuxt] Error in `vue:error` hook', hookError))
-  if (import.meta.server || (isNuxtError(err) && (err.fatal || err.unhandled))) {
-    const p = nuxtApp.runWithContext(() => showError(err))
-    onServerPrefetch(() => p)
-    return false // suppress error from breaking render
-  }
-})
-
-// Component islands context
-const islandContext = import.meta.server && nuxtApp.ssrContext.islandContext
-</script>

From 6d8205bc041a1fc45dcc4b5b58a86b005af0e390 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 8 Oct 2024 23:53:42 +0200
Subject: [PATCH 18/92] feat(devtools): ui improvements

---
 devtools/app/app.config.ts                    |     4 +-
 devtools/app/app.vue                          |    96 +-
 devtools/app/components/ComponentPreview.vue  |    11 +-
 .../app/components/ComponentPropInput.vue     |    12 +-
 devtools/nuxt.config.ts                       |     6 -
 pnpm-lock.yaml                                | 14635 ++++++++++++++++
 src/devtools/ComponentRenderer.vue            |    23 +-
 src/devtools/rpc.ts                           |     5 +-
 8 files changed, 14750 insertions(+), 42 deletions(-)
 create mode 100644 pnpm-lock.yaml

diff --git a/devtools/app/app.config.ts b/devtools/app/app.config.ts
index 2a210b4770..334a5535af 100644
--- a/devtools/app/app.config.ts
+++ b/devtools/app/app.config.ts
@@ -6,8 +6,8 @@ export default defineAppConfig({
   },
   ui: {
     colors: {
-      primary: 'gray',
-      gray: 'cool'
+      primary: 'green',
+      gray: 'slate'
     }
   }
 })
diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 4cc373208b..eb234a70da 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -28,11 +28,9 @@ onDevtoolsClientConnected(async (client) => {
   }, {} as Record<string, any>) }
 
   state.value.slots = { ...state.value.slots, ...components.value.reduce((acc, comp) => {
-    acc[comp.slug] = {} // comp.slots ?? {}
+    acc[comp.slug] = comp.slots ?? {}
     return acc
   }, {} as Record<string, any>) }
-
-  console.log(component.value)
 })
 
 function updateRenderer() {
@@ -73,7 +71,7 @@ function onComponentLoaded(event: Event & { data?: any }) {
 
 const tabs = computed(() => {
   if (!component.value) return
-  const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
+  // const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
 
   return [
     { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', disabled: !component.value.meta.props?.length }
@@ -93,6 +91,24 @@ function onComponentSearch(value: any) {
 defineShortcuts({
   meta_k: () => searchOpened.value = true
 })
+
+function openDocs() {
+  if (!component.value) return
+  window.parent.open(`https://ui3.nuxt.dev/components/${component.value.slug}`)
+}
+
+const colorMode = useColorMode()
+const isDark = computed({
+  get() {
+    return colorMode.value === 'dark'
+  },
+  set(value) {
+    colorMode.preference = value ? 'dark' : 'light'
+    const event: Event & { isDark: boolean } = new Event('nuxt-ui-devtools:set-color-mode')
+    event.isDark = value
+    window.dispatchEvent(event)
+  }
+})
 </script>
 
 <template>
@@ -100,12 +116,12 @@ defineShortcuts({
     <div v-if="!components || !component" class="h-screen w-screen" />
     <template v-else>
       <div
-        class="top-0 h-[49px] border-b border-gray-200 bg-white flex justify-center"
+        class="top-0 h-[49px] border-b border-[--ui-border] flex justify-center"
       >
         <span />
 
-        <UModal v-model:open="searchOpened" :ui="{ content: 'top-0 sm:top-8 translate-y-0 sm:max-w-xl w-full' }">
-          <UButton color="gray" label="Search component..." variant="link" icon="i-heroicons-magnifying-glass-20-solid" class="w-full cursor-pointer" />
+        <UModal v-model:open="searchOpened" :ui="{ content: 'top-0 sm:top-8 translate-y-0 sm:max-w-xl w-full' }"">
+          <UButton label="Search component..." color="black" variant="link" icon="i-heroicons-magnifying-glass-20-solid" class="w-full" />
           <template #content>
             <UCommandPalette
               variant="none"
@@ -125,7 +141,7 @@ defineShortcuts({
       </div>
 
       <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-4">
-        <div class="col-span-1 border-r border-gray-200 hidden xl:block overflow-y-auto bg-white">
+        <div class="col-span-1 border-r border-[--ui-border] hidden xl:block overflow-y-auto">
           <UNavigationMenu
             :model-value="component?.slug"
             :items="components.map((c) => ({ ...c, select: () => component = c }))"
@@ -134,23 +150,40 @@ defineShortcuts({
           />
         </div>
 
-        <div class="xl:col-span-5 col-span-2">
+        <div class="xl:col-span-5 col-span-2 relative">
           <ComponentPreview :component="component" :props="state.props[component.slug]" :theme-slots="state.slots[component.slug]" class="h-full" />
+          <div class="flex gap-2 absolute top-1 right-2">
+            <UButton
+              :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
+              variant="ghost"
+              color="neutral"
+              @click="isDark = !isDark"
+            />
+            <UButton
+              v-if="component"
+              variant="ghost"
+              color="neutral"
+              icon="i-heroicons-arrow-top-right-on-square"
+              @click="openDocs()"
+            >
+              Open docs
+            </UButton>
+          </div>
         </div>
 
-        <div class="bg-white border-l border-gray-200 flex flex-col col-span-2  overflow-y-auto">
-          <UTabs color="gray" variant="link" :items="tabs">
+        <div class="border-l border-[--ui-border] flex flex-col col-span-2 overflow-y-auto">
+          <UTabs color="neutral" variant="link" :items="tabs">
             <template #props>
-              <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-gray-200">
+              <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-[--ui-border] dark:border-[--ui-border]">
                 <ComponentPropInput v-bind="prop" v-model="state.props[component.slug][prop.name]" />
               </div>
             </template>
 
             <!-- template #theme>
-              <div v-for="(_value, slot) in component?.slots" :key="'slots-' + slot" class="px-3 py-5 hover:bg-gray-50 transition">
+              <div v-for="(_value, slot) in component?.slots" :key="'slots-' + slot" class="px-3 py-5 hover:bg-neutral-50 transition">
                 <UFormField :name="slot" @mouseenter="onSlotHover(slot)" @mouseleave="onSlotLeave(slot)">
                   <template #label>
-                    <p class="font-mono font-bold px-2 py-0.5 border-gray-300 border border-dashed rounded bg-gray-100">
+                    <p class="font-mono font-bold px-2 py-0.5 border-[--ui-border] border border-dashed rounded bg-neutral-100">
                       {{ slot }}
                     </p>
                   </template>
@@ -172,4 +205,39 @@ defineShortcuts({
 @theme {
   --font-family-sans: 'DM Sans', sans-serif;
 }
+
+@theme {
+  --color-primary-50: var(--ui-color-primary-50);
+  --color-primary-100: var(--ui-color-primary-100);
+  --color-primary-200: var(--ui-color-primary-200);
+  --color-primary-300: var(--ui-color-primary-300);
+  --color-primary-400: var(--ui-color-primary-400);
+  --color-primary-500: var(--ui-color-primary-500);
+  --color-primary-600: var(--ui-color-primary-600);
+  --color-primary-700: var(--ui-color-primary-700);
+  --color-primary-800: var(--ui-color-primary-800);
+  --color-primary-900: var(--ui-color-primary-900);
+  --color-primary-950: var(--ui-color-primary-950);
+
+  --color-neutral-50: var(--ui-color-neutral-50);
+  --color-neutral-100: var(--ui-color-neutral-100);
+  --color-neutral-200: var(--ui-color-neutral-200);
+  --color-neutral-300: var(--ui-color-neutral-300);
+  --color-neutral-400: var(--ui-color-neutral-400);
+  --color-neutral-500: var(--ui-color-neutral-500);
+  --color-neutral-600: var(--ui-color-neutral-600);
+  --color-neutral-700: var(--ui-color-neutral-700);
+  --color-neutral-800: var(--ui-color-neutral-800);
+  --color-neutral-900: var(--ui-color-neutral-900);
+  --color-neutral-950: var(--ui-color-neutral-950);
+}
+
+:root {
+  --ui-border: var(--ui-color-neutral-200);
+}
+
+.dark {
+  --ui-border: var(--ui-color-neutral-700);
+  background-color: #111
+}
 </style>
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index e97a06f23a..a7303d9f9c 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -73,9 +73,9 @@ watch(() => props.component, () => rendererReady.value = false)
     />
 
     <div v-if="ast" v-show="rendererReady" class="relative w-full p-3">
-      <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 overflow-y-auto rounded-lg border border-gray-200 bg-gray-50" />
+      <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 overflow-y-auto rounded-lg border border-[--ui-border] bg-neutral-50 dark:bg-neutral-700" />
       <UButton
-        color="gray"
+        color="neutral"
         size="sm"
         variant="link"
         :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
@@ -88,7 +88,12 @@ watch(() => props.component, () => rendererReady.value = false)
 
 <style scoped>
 .bg-grid {
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cpath fill='none' stroke='hsla(0, 0%25, 98%25, 1)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cpath fill='none' stroke='hsla(0, 0%25, 98%25, 1)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
+  background-size: 40px 40px;
+}
+
+.dark .bg-grid {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='hsl(0, 0%25, 8.5%25)'/%3E%3Cpath fill='none' stroke='hsl(0, 0%25, 11.0%25)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
   background-size: 40px 40px;
 }
 </style>
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index e3f213ec4b..66d4832a6d 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -54,13 +54,13 @@ function addArrayItem() {
 <template>
   <UFormField :name="name" class="" :ui="{ wrapper: 'mb-2' }" :class="{ 'opacity-70 cursor-not-allowed': !inputType }">
     <template #label>
-      <p v-if="name" class="font-mono font-bold px-2 py-1 border-gray-300 border border-dashed rounded bg-gray-50">
+      <p v-if="name" class="font-mono font-bold px-2 py-1 border-neutral-200 dark:border-neutral-500 dark:text-neutral-100 border border-dashed rounded bg-neutral-50 dark:bg-neutral-700">
         {{ name }}
       </p>
     </template>
 
     <template #description>
-      <MDC v-if="description" :value="description" class="text-gray-600 dark:text-gray-300 mt-1" />
+      <MDC v-if="description" :value="description" class="text-neutral-600 dark:text-neutral-400 mt-1" />
     </template>
 
     <span v-if="!schema" />
@@ -70,11 +70,11 @@ function addArrayItem() {
     <UCheckbox v-else-if="inputType === 'boolean'" v-model="modelValue" />
 
     <div v-else-if="inputType === 'array'">
-      <div v-for="value, index in modelValue" :key="value.id" class="relative border border-gray-200 rounded-md mt-4">
+      <div v-for="value, index in modelValue" :key="value.id" class="relative border border-[--ui-border] rounded-md mt-4">
         <ComponentPropInput v-bind="arraySchema" :model-value="value" />
 
         <UPopover>
-          <UButton variant="ghost" color="gray" icon="i-heroicons-ellipsis-vertical" class="absolute top-1 right-1" />
+          <UButton variant="ghost" color="neutral" icon="i-heroicons-ellipsis-vertical" class="absolute top-1 right-1" />
           <template #content>
             <UButton
               variant="ghost"
@@ -91,7 +91,7 @@ function addArrayItem() {
 
       <UButton
         icon="i-heroicons-plus"
-        color="gray"
+        color="neutral"
         variant="ghost"
         block
         class="justify-center mt-4"
@@ -109,7 +109,7 @@ function addArrayItem() {
         :key="attr.name"
         v-bind="attr"
         :model-value="modelValue?.[attr.name]"
-        class="border-b last:border-b-0 border-gray-200 p-4"
+        class="border-b last:border-b-0 border-[--ui-border]  p-4"
         @update:model-value="(value) => modelValue[attr.name] = value"
       />
     </div>
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 577db97eaf..3e1597437e 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -28,12 +28,6 @@ export default defineNuxtConfig({
     }
   },
 
-  ui: {
-    theme: {
-      colors: ['gray', 'red']
-    }
-  },
-
   content: {
     highlight: {
       langs: ['bash', 'ts', 'diff', 'vue', 'json', 'yml', 'css', 'mdc']
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000000..7349c86991
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,14635 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+overrides:
+  '@nuxt/ui': workspace:*
+  happy-dom: 14.12.3
+  rollup: ^4.24.0
+
+importers:
+
+  .:
+    dependencies:
+      '@nuxt/fonts':
+        specifier: ^0.9.2
+        version: 0.9.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@nuxt/icon':
+        specifier: ^1.5.4
+        version: 1.5.5(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))
+      '@nuxt/kit':
+        specifier: ^3.13.2
+        version: 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/schema':
+        specifier: ^3.13.2
+        version: 3.13.2(rollup@4.24.0)
+      '@nuxtjs/color-mode':
+        specifier: ^3.5.1
+        version: 3.5.1(magicast@0.3.5)(rollup@4.24.0)
+      '@tailwindcss/postcss':
+        specifier: 4.0.0-alpha.24
+        version: 4.0.0-alpha.24(postcss@8.4.47)
+      '@tailwindcss/vite':
+        specifier: 4.0.0-alpha.24
+        version: 4.0.0-alpha.24(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@vueuse/core':
+        specifier: ^11.1.0
+        version: 11.1.0(vue@3.5.10(typescript@5.6.2))
+      '@vueuse/integrations':
+        specifier: ^11.1.0
+        version: 11.1.0(fuse.js@7.0.0)(vue@3.5.10(typescript@5.6.2))
+      defu:
+        specifier: ^6.1.4
+        version: 6.1.4
+      fuse.js:
+        specifier: ^7.0.0
+        version: 7.0.0
+      ohash:
+        specifier: ^1.1.4
+        version: 1.1.4
+      radix-vue:
+        specifier: ^1.9.6
+        version: 1.9.6(vue@3.5.10(typescript@5.6.2))
+      scule:
+        specifier: ^1.3.0
+        version: 1.3.0
+      tailwind-variants:
+        specifier: ^0.2.1
+        version: 0.2.1(tailwindcss@4.0.0-alpha.24)
+      tailwindcss:
+        specifier: 4.0.0-alpha.24
+        version: 4.0.0-alpha.24
+      typescript:
+        specifier: ^5.6.2
+        version: 5.6.2
+      vaul-vue:
+        specifier: ^0.2.0
+        version: 0.2.0(radix-vue@1.9.6(vue@3.5.10(typescript@5.6.2)))(vue@3.5.10(typescript@5.6.2))
+    devDependencies:
+      '@nuxt/eslint-config':
+        specifier: ^0.5.7
+        version: 0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@nuxt/module-builder':
+        specifier: ^0.8.4
+        version: 0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
+      '@nuxt/test-utils':
+        specifier: ^3.14.3
+        version: 3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.10(typescript@5.6.2)))(vue@3.5.10(typescript@5.6.2))
+      '@release-it/conventional-changelog':
+        specifier: ^8.0.2
+        version: 8.0.2(release-it@17.7.0(typescript@5.6.2))
+      '@vue/test-utils':
+        specifier: ^2.4.6
+        version: 2.4.6
+      eslint:
+        specifier: ^9.11.1
+        version: 9.12.0(jiti@2.3.3)
+      happy-dom:
+        specifier: 14.12.3
+        version: 14.12.3
+      joi:
+        specifier: ^17.13.3
+        version: 17.13.3
+      knitwork:
+        specifier: ^1.1.0
+        version: 1.1.0
+      nuxt:
+        specifier: ^3.13.2
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      nuxt-component-meta:
+        specifier: ^0.8.2
+        version: 0.8.2(magicast@0.3.5)(rollup@4.24.0)
+      release-it:
+        specifier: ^17.7.0
+        version: 17.7.0(typescript@5.6.2)
+      sirv:
+        specifier: ^2.0.4
+        version: 2.0.4
+      valibot:
+        specifier: ^0.42.1
+        version: 0.42.1(typescript@5.6.2)
+      vitest:
+        specifier: ^2.1.2
+        version: 2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1)
+      vitest-environment-nuxt:
+        specifier: ^1.0.1
+        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.10(typescript@5.6.2)))(vue@3.5.10(typescript@5.6.2))
+      vue-tsc:
+        specifier: ^2.1.6
+        version: 2.1.6(typescript@5.6.2)
+      yup:
+        specifier: ^1.4.0
+        version: 1.4.0
+      zod:
+        specifier: ^3.23.8
+        version: 3.23.8
+
+  cli:
+    dependencies:
+      citty:
+        specifier: ^0.1.6
+        version: 0.1.6
+      consola:
+        specifier: ^3.2.3
+        version: 3.2.3
+      pathe:
+        specifier: ^1.1.2
+        version: 1.1.2
+      scule:
+        specifier: ^1.3.0
+        version: 1.3.0
+
+  devtools:
+    dependencies:
+      '@nuxt/ui':
+        specifier: workspace:*
+        version: link:..
+      '@nuxtjs/mdc':
+        specifier: ^0.9.0
+        version: 0.9.0(magicast@0.3.5)(rollup@4.24.0)
+      knitwork:
+        specifier: ^1.1.0
+        version: 1.1.0
+      nuxt:
+        specifier: ^3.13.1
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      prettier:
+        specifier: ^3.3.3
+        version: 3.3.3
+
+  docs:
+    dependencies:
+      '@iconify-json/heroicons':
+        specifier: ^1.2.0
+        version: 1.2.0
+      '@iconify-json/simple-icons':
+        specifier: ^1.2.6
+        version: 1.2.7
+      '@iconify-json/vscode-icons':
+        specifier: ^1.2.2
+        version: 1.2.2
+      '@nuxt/content':
+        specifier: ^2.13.2
+        version: 2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))
+      '@nuxt/image':
+        specifier: ^1.8.1
+        version: 1.8.1(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/ui':
+        specifier: workspace:*
+        version: link:..
+      '@nuxt/ui-pro':
+        specifier: https://pkg.pr.new/nuxt/ui-pro/@nuxt/ui-pro@v2
+        version: https://pkg.pr.new/nuxt/ui-pro/@nuxt/ui-pro@v2(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))
+      '@nuxthub/core':
+        specifier: ^0.7.24
+        version: 0.7.24(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@nuxtjs/plausible':
+        specifier: ^1.0.3
+        version: 1.0.3(magicast@0.3.5)(rollup@4.24.0)
+      '@octokit/rest':
+        specifier: ^21.0.2
+        version: 21.0.2
+      '@vueuse/nuxt':
+        specifier: ^11.1.0
+        version: 11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))
+      joi:
+        specifier: ^17.13.3
+        version: 17.13.3
+      nuxt:
+        specifier: ^3.13.2
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      nuxt-component-meta:
+        specifier: ^0.8.2
+        version: 0.8.2(magicast@0.3.5)(rollup@4.24.0)
+      nuxt-og-image:
+        specifier: ^3.0.4
+        version: 3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))
+      prettier:
+        specifier: ^3.3.3
+        version: 3.3.3
+      shiki-transformer-color-highlight:
+        specifier: ^0.2.0
+        version: 0.2.0
+      ufo:
+        specifier: ^1.5.4
+        version: 1.5.4
+      valibot:
+        specifier: ^0.42.1
+        version: 0.42.1(typescript@5.6.2)
+      yup:
+        specifier: ^1.4.0
+        version: 1.4.0
+      zod:
+        specifier: ^3.23.8
+        version: 3.23.8
+
+  playground:
+    dependencies:
+      '@nuxt/ui':
+        specifier: workspace:*
+        version: link:..
+      nuxt:
+        specifier: ^3.13.2
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+
+packages:
+
+  '@ampproject/remapping@2.3.0':
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
+
+  '@antfu/install-pkg@0.4.1':
+    resolution: {integrity: sha512-T7yB5QNG29afhWVkVq7XeIMBa5U/vs9mX69YqayXypPRmYzUmzwnYltplHmPtZ4HPCn+sQKeXW8I47wCbuBOjw==}
+
+  '@antfu/utils@0.7.10':
+    resolution: {integrity: sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==}
+
+  '@babel/code-frame@7.24.7':
+    resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.25.4':
+    resolution: {integrity: sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.25.2':
+    resolution: {integrity: sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.25.6':
+    resolution: {integrity: sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-annotate-as-pure@7.24.7':
+    resolution: {integrity: sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.25.2':
+    resolution: {integrity: sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-create-class-features-plugin@7.25.4':
+    resolution: {integrity: sha512-ro/bFs3/84MDgDmMwbcHgDa8/E6J3QKNTk4xJJnVeFtGE+tL0K26E3pNxhYz2b67fJpt7Aphw5XcploKXuCvCQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-member-expression-to-functions@7.24.8':
+    resolution: {integrity: sha512-LABppdt+Lp/RlBxqrh4qgf1oEH/WxdzQNDJIu5gC/W1GyvPVrOBiItmmM8wan2fm4oYqFuFfkXmlGpLQhPY8CA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.24.7':
+    resolution: {integrity: sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.25.2':
+    resolution: {integrity: sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-optimise-call-expression@7.24.7':
+    resolution: {integrity: sha512-jKiTsW2xmWwxT1ixIdfXUZp+P5yURx2suzLZr5Hi64rURpDYdMW0pv+Uf17EYk2Rd428Lx4tLsnjGJzYKDM/6A==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-plugin-utils@7.24.8':
+    resolution: {integrity: sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-replace-supers@7.25.0':
+    resolution: {integrity: sha512-q688zIvQVYtZu+i2PsdIu/uWGRpfxzr5WESsfpShfZECkO+d2o+WROWezCi/Q6kJ0tfPa5+pUGUlfx2HhrA3Bg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-simple-access@7.24.7':
+    resolution: {integrity: sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.24.7':
+    resolution: {integrity: sha512-IO+DLT3LQUElMbpzlatRASEyQtfhSE0+m465v++3jyyXeBTBUjtVZg28/gHeV5mrTJqvEKhKroBGAvhW+qPHiQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.24.8':
+    resolution: {integrity: sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.24.7':
+    resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.24.8':
+    resolution: {integrity: sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.25.6':
+    resolution: {integrity: sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/highlight@7.24.7':
+    resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.25.6':
+    resolution: {integrity: sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-proposal-decorators@7.24.7':
+    resolution: {integrity: sha512-RL9GR0pUG5Kc8BUWLNDm2T5OpYwSX15r98I0IkgmRQTXuELq/OynH8xtMTMvTJFjXbMWFVTKtYkTaYQsuAwQlQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-decorators@7.24.7':
+    resolution: {integrity: sha512-Ui4uLJJrRV1lb38zg1yYTmRKmiZLiftDEvZN2iq3kd9kUFU+PttmzTbAFC2ucRk/XJmtek6G23gPsuZbhrT8fQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-attributes@7.25.6':
+    resolution: {integrity: sha512-sXaDXaJN9SNLymBdlWFA+bjzBhFD617ZaFiY13dGt7TVslVvVgA6fkZOP7Ki3IGElC45lwHdOTrCtKZGVAWeLQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-import-meta@7.10.4':
+    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-jsx@7.24.7':
+    resolution: {integrity: sha512-6ddciUPe/mpMnOKv/U+RSd2vvVy+Yw/JfBB0ZHYjEZt9NLHmCUylNYlsbqCCS1Bffjlb0fCwC9Vqz+sBz6PsiQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-typescript@7.25.4':
+    resolution: {integrity: sha512-uMOCoHVU52BsSWxPOMVv5qKRdeSlPuImUCB2dlPuBSU+W2/ROE7/Zg8F2Kepbk+8yBa68LlRKxO+xgEVWorsDg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-typescript@7.25.2':
+    resolution: {integrity: sha512-lBwRvjSmqiMYe/pS0+1gggjJleUJi7NzjvQ1Fkqtt69hBa/0t1YuW/MLQMAPixfwaQOHUXsd6jeU3Z+vdGv3+A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/standalone@7.25.6':
+    resolution: {integrity: sha512-Kf2ZcZVqsKbtYhlA7sP0z5A3q5hmCVYMKMWRWNK/5OVwHIve3JY1djVRmIVAx8FMueLIfZGKQDIILK2w8zO4mg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.25.0':
+    resolution: {integrity: sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.25.6':
+    resolution: {integrity: sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.25.6':
+    resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
+    engines: {node: '>=6.9.0'}
+
+  '@barbapapazes/plausible-tracker@0.5.3':
+    resolution: {integrity: sha512-b46xGOV7tUZA8yGzJDVh60rMANsq2RQf92+SW0Wjv7xbKaHVToKNzSIBfcRkRHouDJoljnvcPM26MfKaiDwGcw==}
+
+  '@capsizecss/metrics@2.2.0':
+    resolution: {integrity: sha512-DkFIser1KbGxWyG2hhQQeCit72TnOQDx5pr9bkA7+XlIy7qv+4lYtslH3bidVxm2qkY2guAgypSIPYuQQuk70A==}
+
+  '@capsizecss/unpack@2.3.0':
+    resolution: {integrity: sha512-qkf9IoFIVTOkkpr8oZtCNSmubyWFCuPU4EOWO6J/rFPP5Ks2b1k1EHDSQRLwfokh6nCd7mJgBT2lhcuDCE6w4w==}
+
+  '@cloudflare/kv-asset-handler@0.3.4':
+    resolution: {integrity: sha512-YLPHc8yASwjNkmcDMQMY35yiWjoKAKnhUbPRszBRS0YgH+IXtsMp61j+yTcnCE3oO2DgP0U3iejLC8FTtKDC8Q==}
+    engines: {node: '>=16.13'}
+
+  '@cloudflare/workers-types@4.20241004.0':
+    resolution: {integrity: sha512-3LrPvtecs4umknOF1bTPNLHUG/ZjeSE6PYBQ/tbO7lwaVhjZTaTugiaCny2byrZupBlVNuubQVktcAgMfw0C1A==}
+
+  '@conventional-changelog/git-client@1.0.1':
+    resolution: {integrity: sha512-PJEqBwAleffCMETaVm/fUgHldzBE35JFk3/9LL6NUA5EXa3qednu+UT6M7E5iBu3zIQZCULYIiZ90fBYHt6xUw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      conventional-commits-filter: ^5.0.0
+      conventional-commits-parser: ^6.0.0
+    peerDependenciesMeta:
+      conventional-commits-filter:
+        optional: true
+      conventional-commits-parser:
+        optional: true
+
+  '@es-joy/jsdoccomment@0.48.0':
+    resolution: {integrity: sha512-G6QUWIcC+KvSwXNsJyDTHvqUdNoAVJPPgkc3+Uk4WBKqZvoXhlvazOgm9aL0HwihJLQf0l+tOE2UFzXBqCqgDw==}
+    engines: {node: '>=16'}
+
+  '@esbuild/aix-ppc64@0.19.12':
+    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.20.2':
+    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.21.5':
+    resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.23.1':
+    resolution: {integrity: sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.24.0':
+    resolution: {integrity: sha512-WtKdFM7ls47zkKHFVzMz8opM7LkcsIp9amDUBIAWirg70RM71WRSjdILPsY5Uv1D42ZpUfaPILDlfactHgsRkw==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.19.12':
+    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.20.2':
+    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.21.5':
+    resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.23.1':
+    resolution: {integrity: sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.24.0':
+    resolution: {integrity: sha512-Vsm497xFM7tTIPYK9bNTYJyF/lsP590Qc1WxJdlB6ljCbdZKU9SY8i7+Iin4kyhV/KV5J2rOKsBQbB77Ab7L/w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.19.12':
+    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.20.2':
+    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.21.5':
+    resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.23.1':
+    resolution: {integrity: sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.24.0':
+    resolution: {integrity: sha512-arAtTPo76fJ/ICkXWetLCc9EwEHKaeya4vMrReVlEIUCAUncH7M4bhMQ+M9Vf+FFOZJdTNMXNBrWwW+OXWpSew==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.19.12':
+    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.20.2':
+    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.21.5':
+    resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.23.1':
+    resolution: {integrity: sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.24.0':
+    resolution: {integrity: sha512-t8GrvnFkiIY7pa7mMgJd7p8p8qqYIz1NYiAoKc75Zyv73L3DZW++oYMSHPRarcotTKuSs6m3hTOa5CKHaS02TQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.19.12':
+    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.20.2':
+    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.21.5':
+    resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.23.1':
+    resolution: {integrity: sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.24.0':
+    resolution: {integrity: sha512-CKyDpRbK1hXwv79soeTJNHb5EiG6ct3efd/FTPdzOWdbZZfGhpbcqIpiD0+vwmpu0wTIL97ZRPZu8vUt46nBSw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.19.12':
+    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.20.2':
+    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.21.5':
+    resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.23.1':
+    resolution: {integrity: sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.24.0':
+    resolution: {integrity: sha512-rgtz6flkVkh58od4PwTRqxbKH9cOjaXCMZgWD905JOzjFKW+7EiUObfd/Kav+A6Gyud6WZk9w+xu6QLytdi2OA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.19.12':
+    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.20.2':
+    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.21.5':
+    resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.23.1':
+    resolution: {integrity: sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.24.0':
+    resolution: {integrity: sha512-6Mtdq5nHggwfDNLAHkPlyLBpE5L6hwsuXZX8XNmHno9JuL2+bg2BX5tRkwjyfn6sKbxZTq68suOjgWqCicvPXA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.19.12':
+    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.20.2':
+    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.21.5':
+    resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.23.1':
+    resolution: {integrity: sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.24.0':
+    resolution: {integrity: sha512-D3H+xh3/zphoX8ck4S2RxKR6gHlHDXXzOf6f/9dbFt/NRBDIE33+cVa49Kil4WUjxMGW0ZIYBYtaGCa2+OsQwQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.19.12':
+    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.20.2':
+    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.21.5':
+    resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.23.1':
+    resolution: {integrity: sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.24.0':
+    resolution: {integrity: sha512-TDijPXTOeE3eaMkRYpcy3LarIg13dS9wWHRdwYRnzlwlA370rNdZqbcp0WTyyV/k2zSxfko52+C7jU5F9Tfj1g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.19.12':
+    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.20.2':
+    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.21.5':
+    resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.23.1':
+    resolution: {integrity: sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.24.0':
+    resolution: {integrity: sha512-gJKIi2IjRo5G6Glxb8d3DzYXlxdEj2NlkixPsqePSZMhLudqPhtZ4BUrpIuTjJYXxvF9njql+vRjB2oaC9XpBw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.19.12':
+    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.20.2':
+    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.21.5':
+    resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.23.1':
+    resolution: {integrity: sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.24.0':
+    resolution: {integrity: sha512-K40ip1LAcA0byL05TbCQ4yJ4swvnbzHscRmUilrmP9Am7//0UjPreh4lpYzvThT2Quw66MhjG//20mrufm40mA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.19.12':
+    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.20.2':
+    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.21.5':
+    resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.23.1':
+    resolution: {integrity: sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.24.0':
+    resolution: {integrity: sha512-0mswrYP/9ai+CU0BzBfPMZ8RVm3RGAN/lmOMgW4aFUSOQBjA31UP8Mr6DDhWSuMwj7jaWOT0p0WoZ6jeHhrD7g==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.19.12':
+    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.20.2':
+    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.21.5':
+    resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.23.1':
+    resolution: {integrity: sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.24.0':
+    resolution: {integrity: sha512-hIKvXm0/3w/5+RDtCJeXqMZGkI2s4oMUGj3/jM0QzhgIASWrGO5/RlzAzm5nNh/awHE0A19h/CvHQe6FaBNrRA==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.19.12':
+    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.20.2':
+    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.21.5':
+    resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.23.1':
+    resolution: {integrity: sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.24.0':
+    resolution: {integrity: sha512-HcZh5BNq0aC52UoocJxaKORfFODWXZxtBaaZNuN3PUX3MoDsChsZqopzi5UupRhPHSEHotoiptqikjN/B77mYQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.19.12':
+    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.20.2':
+    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.21.5':
+    resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.23.1':
+    resolution: {integrity: sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.24.0':
+    resolution: {integrity: sha512-bEh7dMn/h3QxeR2KTy1DUszQjUrIHPZKyO6aN1X4BCnhfYhuQqedHaa5MxSQA/06j3GpiIlFGSsy1c7Gf9padw==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.19.12':
+    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.20.2':
+    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.21.5':
+    resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.23.1':
+    resolution: {integrity: sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.24.0':
+    resolution: {integrity: sha512-ZcQ6+qRkw1UcZGPyrCiHHkmBaj9SiCD8Oqd556HldP+QlpUIe2Wgn3ehQGVoPOvZvtHm8HPx+bH20c9pvbkX3g==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.19.12':
+    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.20.2':
+    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.21.5':
+    resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.23.1':
+    resolution: {integrity: sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.24.0':
+    resolution: {integrity: sha512-vbutsFqQ+foy3wSSbmjBXXIJ6PL3scghJoM8zCL142cGaZKAdCZHyf+Bpu/MmX9zT9Q0zFBVKb36Ma5Fzfa8xA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-x64@0.19.12':
+    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.20.2':
+    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.21.5':
+    resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.23.1':
+    resolution: {integrity: sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.24.0':
+    resolution: {integrity: sha512-hjQ0R/ulkO8fCYFsG0FZoH+pWgTTDreqpqY7UnQntnaKv95uP5iW3+dChxnx7C3trQQU40S+OgWhUVwCjVFLvg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.23.1':
+    resolution: {integrity: sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-arm64@0.24.0':
+    resolution: {integrity: sha512-MD9uzzkPQbYehwcN583yx3Tu5M8EIoTD+tUgKF982WYL9Pf5rKy9ltgD0eUgs8pvKnmizxjXZyLt0z6DC3rRXg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.19.12':
+    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.20.2':
+    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.21.5':
+    resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.23.1':
+    resolution: {integrity: sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.24.0':
+    resolution: {integrity: sha512-4ir0aY1NGUhIC1hdoCzr1+5b43mw99uNwVzhIq1OY3QcEwPDO3B7WNXBzaKY5Nsf1+N11i1eOfFcq+D/gOS15Q==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/sunos-x64@0.19.12':
+    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.20.2':
+    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.21.5':
+    resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.23.1':
+    resolution: {integrity: sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.24.0':
+    resolution: {integrity: sha512-jVzdzsbM5xrotH+W5f1s+JtUy1UWgjU0Cf4wMvffTB8m6wP5/kx0KiaLHlbJO+dMgtxKV8RQ/JvtlFcdZ1zCPA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.19.12':
+    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.20.2':
+    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.21.5':
+    resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.23.1':
+    resolution: {integrity: sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.24.0':
+    resolution: {integrity: sha512-iKc8GAslzRpBytO2/aN3d2yb2z8XTVfNV0PjGlCxKo5SgWmNXx82I/Q3aG1tFfS+A2igVCY97TJ8tnYwpUWLCA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.19.12':
+    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.20.2':
+    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.21.5':
+    resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.23.1':
+    resolution: {integrity: sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.24.0':
+    resolution: {integrity: sha512-vQW36KZolfIudCcTnaTpmLQ24Ha1RjygBo39/aLkM2kmjkWmZGEJ5Gn9l5/7tzXA42QGIoWbICfg6KLLkIw6yw==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.19.12':
+    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.20.2':
+    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.21.5':
+    resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.23.1':
+    resolution: {integrity: sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.24.0':
+    resolution: {integrity: sha512-7IAFPrjSQIJrGsK6flwg7NFmwBoSTyF3rl7If0hNUFQU4ilTsEPL6GuMuU9BfIWVVGuRnuIidkSMC+c0Otu8IA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.4.0':
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.11.1':
+    resolution: {integrity: sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/compat@1.2.0':
+    resolution: {integrity: sha512-CkPWddN7J9JPrQedEr2X7AjK9y1jaMJtxZ4A/+jTMFA2+n5BWhcKHW/EbJyARqg2zzQfgtWUtVmG3hrG6+nGpg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^9.10.0
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+
+  '@eslint/config-array@0.18.0':
+    resolution: {integrity: sha512-fTxvnS1sRMu3+JjXwJG0j/i4RT9u4qJ+lqS/yCGap4lH4zZGzQ7tu+xZqQmcMZq5OBZDL4QRxQzRjkWcGt8IVw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.6.0':
+    resolution: {integrity: sha512-8I2Q8ykA4J0x0o7cg67FPVnehcqWTBehu/lmY+bolPFHGjh49YzGBMXTvpqVgEbBdvNCSxj6iFgiIyHzf03lzg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.1.0':
+    resolution: {integrity: sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.11.1':
+    resolution: {integrity: sha512-/qu+TWz8WwPWc7/HcIJKi+c+MOm46GdVaSlTTQcaqaL53+GsoA6MxWp5PtTx48qbSP7ylM1Kn7nhvkugfJvRSA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.12.0':
+    resolution: {integrity: sha512-eohesHH8WFRUprDNyEREgqP6beG6htMeUYeCpkEgBCieCMme5r9zFWjzAJp//9S+Kub4rqE+jXe9Cp1a7IYIIA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.4':
+    resolution: {integrity: sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.2.0':
+    resolution: {integrity: sha512-vH9PiIMMwvhCx31Af3HiGzsVNULDbyVkHXwlemn/B0TFj/00ho3y55efXrUZTfQipxoHC5u4xq6zblww1zm1Ig==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@fastify/accept-negotiator@1.1.0':
+    resolution: {integrity: sha512-OIHZrb2ImZ7XG85HXOONLcJWGosv7sIvM2ifAPQVhg9Lv7qdmMBNVaai4QTdyuaqbKM5eO6sLSQOYI7wEQeCJQ==}
+    engines: {node: '>=14'}
+
+  '@fastify/busboy@2.1.1':
+    resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
+    engines: {node: '>=14'}
+
+  '@floating-ui/core@1.6.8':
+    resolution: {integrity: sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==}
+
+  '@floating-ui/dom@1.6.11':
+    resolution: {integrity: sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==}
+
+  '@floating-ui/utils@0.2.8':
+    resolution: {integrity: sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==}
+
+  '@floating-ui/vue@1.1.5':
+    resolution: {integrity: sha512-ynL1p5Z+woPVSwgMGqeDrx6HrJfGIDzFyESFkyqJKilGW1+h/8yVY29Khn0LaU6wHBRwZ13ntG6reiHWK6jyzw==}
+
+  '@hapi/hoek@9.3.0':
+    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
+
+  '@hapi/topo@5.1.0':
+    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
+
+  '@humanfs/core@0.19.0':
+    resolution: {integrity: sha512-2cbWIHbZVEweE853g8jymffCA+NCMiuqeECeBBLm8dg2oFdjuGJhgN4UAbI+6v0CKbbhvtXA4qV8YR5Ji86nmw==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.5':
+    resolution: {integrity: sha512-KSPA4umqSG4LHYRodq31VDwKAvaTF4xmVlzM8Aeh4PlU1JQ3IG0wiA8C25d3RQ9nJyM3mBHyI53K06VVL/oFFg==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.3.1':
+    resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
+    engines: {node: '>=18.18'}
+
+  '@hutson/parse-repository-url@5.0.0':
+    resolution: {integrity: sha512-e5+YUKENATs1JgYHMzTr2MW/NDcXGfYFAuOQU8gJgF/kEh4EqKgfGrfLI67bMD4tbhZVlkigz/9YYwWcbOFthg==}
+    engines: {node: '>=10.13.0'}
+
+  '@iarna/toml@2.2.5':
+    resolution: {integrity: sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==}
+
+  '@iconify-json/heroicons@1.2.0':
+    resolution: {integrity: sha512-EmvGN0L9EUJCmQ82rkLGZ4tkz0YGQfZV7ugKT6UvHni/bxNitQrD0gLj6NJj2W9zsSoXyNHyCX236+EJmO4pmA==}
+
+  '@iconify-json/simple-icons@1.2.7':
+    resolution: {integrity: sha512-0Qx3jf2AjocJx/6VQOFU5KDINAWH/i+hxPBIePSVJhQVS/W3G1/MZYkOD5yFw/i9+lhBMAEdbfM3bmF6qjnSmg==}
+
+  '@iconify-json/vscode-icons@1.2.2':
+    resolution: {integrity: sha512-bTpT0HJDRqGkxQv8oiETNHLEnBZpnA1QaRD35CQyO7M7qgWVLx2xwn/lK6e4waojmlPC3ckMBx3WFIUUn0/Jdg==}
+
+  '@iconify/collections@1.0.469':
+    resolution: {integrity: sha512-L1fCxNvUQQXR2FQgIfwN1mBVXhtgsyq2U2KyM8qZyWx+r8MxTU9b9lFfWIu/1ZlINc9KiXK1A26kVhAL1zko5g==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@2.1.33':
+    resolution: {integrity: sha512-jP9h6v/g0BIZx0p7XGJJVtkVnydtbgTgt9mVNcGDYwaa7UhdHdI9dvoq+gKj9sijMSJKxUPEG2JyjsgXjxL7Kw==}
+
+  '@iconify/vue@4.1.3-beta.1':
+    resolution: {integrity: sha512-N7iEOnWfhjbMqiyGMhotJKip23nrK5l3+T1hQwpEjKeMD2o4zOjm8zmeEfOOH81EXllhhOm7upR8jcH499YRWA==}
+    peerDependencies:
+      vue: '>=3'
+
+  '@inquirer/figures@1.0.6':
+    resolution: {integrity: sha512-yfZzps3Cso2UbM7WlxKwZQh2Hs6plrbjs1QnzQDZhK2DgyCo6D8AaHps9olkNcUFlcYERMqU3uJSp1gmy3s/qQ==}
+    engines: {node: '>=18'}
+
+  '@internationalized/date@3.5.6':
+    resolution: {integrity: sha512-jLxQjefH9VI5P9UQuqB6qNKnvFt1Ky1TPIzHGsIlCi7sZZoMR8SdYbBGRvM0y+Jtb+ez4ieBzmiAUcpmPYpyOw==}
+
+  '@internationalized/number@3.5.4':
+    resolution: {integrity: sha512-h9huwWjNqYyE2FXZZewWqmCdkw1HeFds5q4Siuoms3hUQC5iPJK3aBmkFZoDSLN4UD0Bl8G22L/NdHpeOr+/7A==}
+
+  '@ioredis/commands@1.2.0':
+    resolution: {integrity: sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==}
+
+  '@isaacs/cliui@8.0.2':
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+
+  '@jridgewell/gen-mapping@0.3.5':
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/set-array@1.2.1':
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/source-map@0.3.6':
+    resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
+
+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+
+  '@kwsites/file-exists@1.1.1':
+    resolution: {integrity: sha512-m9/5YGR18lIwxSFDwfE3oA7bWuq9kdau6ugN4H2rJeyhFQZcG9AgSHkQtSD15a8WvTgfz9aikZMrKPHvbpqFiw==}
+
+  '@kwsites/promise-deferred@1.1.1':
+    resolution: {integrity: sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw==}
+
+  '@mapbox/node-pre-gyp@1.0.11':
+    resolution: {integrity: sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==}
+    hasBin: true
+
+  '@netlify/functions@2.8.1':
+    resolution: {integrity: sha512-+6wtYdoz0yE06dSa9XkP47tw5zm6g13QMeCwM3MmHx1vn8hzwFa51JtmfraprdkL7amvb7gaNM+OOhQU1h6T8A==}
+    engines: {node: '>=14.0.0'}
+
+  '@netlify/node-cookies@0.1.0':
+    resolution: {integrity: sha512-OAs1xG+FfLX0LoRASpqzVntVV/RpYkgpI0VrUnw2u0Q1qiZUzcPffxRK8HF3gc4GjuhG5ahOEMJ9bswBiZPq0g==}
+    engines: {node: ^14.16.0 || >=16.0.0}
+
+  '@netlify/serverless-functions-api@1.19.1':
+    resolution: {integrity: sha512-2KYkyluThg1AKfd0JWI7FzpS4A/fzVVGYIf6AM4ydWyNj8eI/86GQVLeRgDoH7CNOxt243R5tutWlmHpVq0/Ew==}
+    engines: {node: '>=18.0.0'}
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@nuxt/content@2.13.2':
+    resolution: {integrity: sha512-9AmX7iG8+1MaWia8XLe1TyzoLrTaIhchas19w6VxqZI0dEoQCGslEcdOxy8xLrdGVFuy6MObBwU8SZgpQB9pyA==}
+
+  '@nuxt/devalue@2.0.2':
+    resolution: {integrity: sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==}
+
+  '@nuxt/devtools-kit@1.5.1':
+    resolution: {integrity: sha512-s2dpN1vCOgua2pSYG7/xUMjf7CyLTBeEK2IRqeOeiNpiElft4ygDddlg6P3ot0Hpp+GvWTz0uPGot/vI73uk4w==}
+    peerDependencies:
+      vite: '*'
+
+  '@nuxt/devtools-kit@1.5.2':
+    resolution: {integrity: sha512-IMbwflL/JLuK1JcM5yWKa+T5JGjwnCACZJw218/8bUTt/uTVgtkMueE+1/p9rhCWxvGQiT3xnCIXKhEg7xP58Q==}
+    peerDependencies:
+      vite: '*'
+
+  '@nuxt/devtools-wizard@1.5.1':
+    resolution: {integrity: sha512-09VqUYnL8dh31GK85g9+L1xZCXCmieOBWsV9H5a3ZA7wNepDjbrmaRFr/KSA6fsI7AZoqzkNuRsGUzEksEDxpg==}
+    hasBin: true
+
+  '@nuxt/devtools@1.5.1':
+    resolution: {integrity: sha512-A5+TEKJURuwes/PD30hl6gksA+935UY7i8DIkDr+9a4AWnPgrVt/WsGRmz84Q/9eRBxlLjwD9/kwDpNYcMST6Q==}
+    hasBin: true
+    peerDependencies:
+      vite: '*'
+
+  '@nuxt/eslint-config@0.5.7':
+    resolution: {integrity: sha512-B+snO9NS9+v2657Z84tMbW3hLxjauIUkk2m4vnYjb9xfAFdoQwK07q6aaf7LzvagmVFmQiclT9LbJMvlRqzmsA==}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+
+  '@nuxt/eslint-plugin@0.5.7':
+    resolution: {integrity: sha512-vYQYs/L87g2pBIoTmkk2mgYBqePTQDnhk87nGqsosKbfQ80xj9kkN3dsVb6BDQFk0zik4THWpXmnfjkvsjm/eg==}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+
+  '@nuxt/fonts@0.9.2':
+    resolution: {integrity: sha512-RMekoJh5AIaKG3tu0YaCdru3eTqNdXn6v7ggh5cdG4rWugr59HzihZ6n4C2Pkkv6nxOP4DOhxxdOwcZwXZM5vQ==}
+
+  '@nuxt/icon@1.5.5':
+    resolution: {integrity: sha512-VM6B6eHn1HUpz6LQt7GfD341q7oXl1FzM4v2QIVNvEpKZwgr2fqOShq3uEEpzS4FjyxyUlp+iCzBZTYFx2sXqA==}
+
+  '@nuxt/image@1.8.1':
+    resolution: {integrity: sha512-qNj7OCNsoGcutGOo1R2PYp4tQ/6uD77aSakyDoVAmLSRJBmhFTnT2+gIqVD95JMmkSHgYhmSX4gGxnaQK/t1cw==}
+    engines: {node: ^14.16.0 || >=16.11.0}
+
+  '@nuxt/kit@3.13.2':
+    resolution: {integrity: sha512-KvRw21zU//wdz25IeE1E5m/aFSzhJloBRAQtv+evcFeZvuroIxpIQuUqhbzuwznaUwpiWbmwlcsp5uOWmi4vwA==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
+  '@nuxt/module-builder@0.8.4':
+    resolution: {integrity: sha512-RSPRfCpBLuJtbDRaAKmc3Qzt3O98kSeRItXcgx0ZLptvROWT+GywoLhnYznRp8kbkz+6Qb5Hfiwa/RYEMRuJ4Q==}
+    hasBin: true
+    peerDependencies:
+      '@nuxt/kit': ^3.13.1
+      nuxi: ^3.13.1
+
+  '@nuxt/schema@3.13.2':
+    resolution: {integrity: sha512-CCZgpm+MkqtOMDEgF9SWgGPBXlQ01hV/6+2reDEpJuqFPGzV8HYKPBcIFvn7/z5ahtgutHLzjP71Na+hYcqSpw==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
+  '@nuxt/telemetry@2.6.0':
+    resolution: {integrity: sha512-h4YJ1d32cU7tDKjjhjtIIEck4WF/w3DTQBT348E9Pz85YLttnLqktLM0Ez9Xc2LzCeUgBDQv1el7Ob/zT3KUqg==}
+    hasBin: true
+
+  '@nuxt/test-utils@3.14.3':
+    resolution: {integrity: sha512-5SoyaR9bQG7xcyj6kSnzFVWvpAdiKSruRkq3KVDKEAbxwHhtyz2Ijqxf8iGE3W9dAM0F+omIvLmjen3ITgd3rA==}
+    engines: {node: '>=18.20.4'}
+    peerDependencies:
+      '@cucumber/cucumber': ^10.3.1 || ^11.0.0
+      '@jest/globals': ^29.5.0
+      '@playwright/test': ^1.43.1
+      '@testing-library/vue': ^7.0.0 || ^8.0.1
+      '@vitest/ui': ^0.34.6 || ^1.0.0 || ^2.0.0
+      '@vue/test-utils': ^2.4.2
+      h3: '*'
+      happy-dom: 14.12.3
+      jsdom: ^22.0.0 || ^23.0.0 || ^24.0.0 || ^25.0.0
+      nitropack: '*'
+      playwright-core: ^1.43.1
+      vite: '*'
+      vitest: ^0.34.6 || ^1.0.0 || ^2.0.0
+      vue: ^3.3.4
+      vue-router: ^4.0.0
+    peerDependenciesMeta:
+      '@cucumber/cucumber':
+        optional: true
+      '@jest/globals':
+        optional: true
+      '@playwright/test':
+        optional: true
+      '@testing-library/vue':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      '@vue/test-utils':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+      playwright-core:
+        optional: true
+      vitest:
+        optional: true
+
+  '@nuxt/ui-pro@https://pkg.pr.new/nuxt/ui-pro/@nuxt/ui-pro@v2':
+    resolution: {tarball: https://pkg.pr.new/nuxt/ui-pro/@nuxt/ui-pro@v2}
+    version: 2.0.0-alpha.5
+
+  '@nuxt/vite-builder@3.13.2':
+    resolution: {integrity: sha512-3dzc3YH3UeTmzGtCevW1jTq0Q8/cm+yXqo/VS/EFM3aIO/tuNPS88is8ZF2YeBButFnLFllq/QenziPbq0YD6Q==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+    peerDependencies:
+      vue: ^3.3.4
+
+  '@nuxthub/core@0.7.24':
+    resolution: {integrity: sha512-ChDevUWPhhjiyf4WbZI/ynDLJZT9yyWOcXHEQa8IcOmBk6F81D10QQUrR7HFtP+WhEgZyo1EulhVs6bnL5uYQg==}
+
+  '@nuxtjs/color-mode@3.5.1':
+    resolution: {integrity: sha512-GRHF3WUwX6fXIiRVlngNq1nVDwrVuP6dWX1DRmox3QolzX0eH1oJEcFr/lAm1nkT71JVGb8mszho9w+yHJbePw==}
+
+  '@nuxtjs/mdc@0.8.3':
+    resolution: {integrity: sha512-FqvJFWkBN9u2FeWog+7+C0aIOx0WIu61TYgAXPmmIOVVua6s2mXQsMyF3fXY2M56QBIaYJzK/SYN+5FGr5GNTQ==}
+
+  '@nuxtjs/mdc@0.9.0':
+    resolution: {integrity: sha512-dkdfWK0C0gKjDI7Y2W23A9uWwky9pIlH/N1no2l9y+2DHBz4/7JDdXmxGivDXYvyaTb6xAi+53E6Xphlmai8+A==}
+
+  '@nuxtjs/plausible@1.0.3':
+    resolution: {integrity: sha512-jf6W9+Q/VhfHk/jal1gp0OpYU2qwq7eOV4evNKvHWKVM0Qbps+LbKSxNcewgqN91tVx9sv4RbnOEJ8Uq0/FRkg==}
+
+  '@octokit/auth-token@4.0.0':
+    resolution: {integrity: sha512-tY/msAuJo6ARbK6SPIxZrPBms3xPbfwBrulZe0Wtr/DIY9lje2HeV1uoebShn6mx7SjCHif6EjMvoREj+gZ+SA==}
+    engines: {node: '>= 18'}
+
+  '@octokit/auth-token@5.1.1':
+    resolution: {integrity: sha512-rh3G3wDO8J9wSjfI436JUKzHIxq8NaiL0tVeB2aXmG6p/9859aUOAjA9pmSPNGGZxfwmaJ9ozOJImuNVJdpvbA==}
+    engines: {node: '>= 18'}
+
+  '@octokit/core@5.2.0':
+    resolution: {integrity: sha512-1LFfa/qnMQvEOAdzlQymH0ulepxbxnCYAKJZfMci/5XJyIHWgEYnDmgnKakbTh7CH2tFQ5O60oYDvns4i9RAIg==}
+    engines: {node: '>= 18'}
+
+  '@octokit/core@6.1.2':
+    resolution: {integrity: sha512-hEb7Ma4cGJGEUNOAVmyfdB/3WirWMg5hDuNFVejGEDFqupeOysLc2sG6HJxY2etBp5YQu5Wtxwi020jS9xlUwg==}
+    engines: {node: '>= 18'}
+
+  '@octokit/endpoint@10.1.1':
+    resolution: {integrity: sha512-JYjh5rMOwXMJyUpj028cu0Gbp7qe/ihxfJMLc8VZBMMqSwLgOxDI1911gV4Enl1QSavAQNJcwmwBF9M0VvLh6Q==}
+    engines: {node: '>= 18'}
+
+  '@octokit/endpoint@9.0.5':
+    resolution: {integrity: sha512-ekqR4/+PCLkEBF6qgj8WqJfvDq65RH85OAgrtnVp1mSxaXF03u2xW/hUdweGS5654IlC0wkNYC18Z50tSYTAFw==}
+    engines: {node: '>= 18'}
+
+  '@octokit/graphql@7.1.0':
+    resolution: {integrity: sha512-r+oZUH7aMFui1ypZnAvZmn0KSqAUgE1/tUXIWaqUCa1758ts/Jio84GZuzsvUkme98kv0WFY8//n0J1Z+vsIsQ==}
+    engines: {node: '>= 18'}
+
+  '@octokit/graphql@8.1.1':
+    resolution: {integrity: sha512-ukiRmuHTi6ebQx/HFRCXKbDlOh/7xEV6QUXaE7MJEKGNAncGI/STSbOkl12qVXZrfZdpXctx5O9X1AIaebiDBg==}
+    engines: {node: '>= 18'}
+
+  '@octokit/openapi-types@22.2.0':
+    resolution: {integrity: sha512-QBhVjcUa9W7Wwhm6DBFu6ZZ+1/t/oYxqc2tp81Pi41YNuJinbFRx8B133qVOrAaBbF7D/m0Et6f9/pZt9Rc+tg==}
+
+  '@octokit/plugin-paginate-rest@11.3.1':
+    resolution: {integrity: sha512-ryqobs26cLtM1kQxqeZui4v8FeznirUsksiA+RYemMPJ7Micju0WSkv50dBksTuZks9O5cg4wp+t8fZ/cLY56g==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      '@octokit/core': '5'
+
+  '@octokit/plugin-paginate-rest@11.3.5':
+    resolution: {integrity: sha512-cgwIRtKrpwhLoBi0CUNuY83DPGRMaWVjqVI/bGKsLJ4PzyWZNaEmhHroI2xlrVXkk6nFv0IsZpOp+ZWSWUS2AQ==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      '@octokit/core': '>=6'
+
+  '@octokit/plugin-request-log@4.0.1':
+    resolution: {integrity: sha512-GihNqNpGHorUrO7Qa9JbAl0dbLnqJVrV8OXe2Zm5/Y4wFkZQDfTreBzVmiRfJVfE4mClXdihHnbpyyO9FSX4HA==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      '@octokit/core': '5'
+
+  '@octokit/plugin-request-log@5.3.1':
+    resolution: {integrity: sha512-n/lNeCtq+9ofhC15xzmJCNKP2BWTv8Ih2TTy+jatNCCq/gQP/V7rK3fjIfuz0pDWDALO/o/4QY4hyOF6TQQFUw==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      '@octokit/core': '>=6'
+
+  '@octokit/plugin-rest-endpoint-methods@13.2.2':
+    resolution: {integrity: sha512-EI7kXWidkt3Xlok5uN43suK99VWqc8OaIMktY9d9+RNKl69juoTyxmLoWPIZgJYzi41qj/9zU7G/ljnNOJ5AFA==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      '@octokit/core': ^5
+
+  '@octokit/plugin-rest-endpoint-methods@13.2.5':
+    resolution: {integrity: sha512-c4pRWi7OUSFM4E6frfUs+qsAf052aOWt1x2qFQ6llQcd1J0HqQ/0Egfs2lm33IixXeXXhZ+GmC9tf92qbOs25Q==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      '@octokit/core': '>=6'
+
+  '@octokit/request-error@5.1.0':
+    resolution: {integrity: sha512-GETXfE05J0+7H2STzekpKObFe765O5dlAKUTLNGeH+x47z7JjXHfsHKo5z21D/o/IOZTUEI6nyWyR+bZVP/n5Q==}
+    engines: {node: '>= 18'}
+
+  '@octokit/request-error@6.1.5':
+    resolution: {integrity: sha512-IlBTfGX8Yn/oFPMwSfvugfncK2EwRLjzbrpifNaMY8o/HTEAFqCA1FZxjD9cWvSKBHgrIhc4CSBIzMxiLsbzFQ==}
+    engines: {node: '>= 18'}
+
+  '@octokit/request@8.4.0':
+    resolution: {integrity: sha512-9Bb014e+m2TgBeEJGEbdplMVWwPmL1FPtggHQRkV+WVsMggPtEkLKPlcVYm/o8xKLkpJ7B+6N8WfQMtDLX2Dpw==}
+    engines: {node: '>= 18'}
+
+  '@octokit/request@9.1.3':
+    resolution: {integrity: sha512-V+TFhu5fdF3K58rs1pGUJIDH5RZLbZm5BI+MNF+6o/ssFNT4vWlCh/tVpF3NxGtP15HUxTTMUbsG5llAuU2CZA==}
+    engines: {node: '>= 18'}
+
+  '@octokit/rest@20.1.1':
+    resolution: {integrity: sha512-MB4AYDsM5jhIHro/dq4ix1iWTLGToIGk6cWF5L6vanFaMble5jTX/UBQyiv05HsWnwUtY8JrfHy2LWfKwihqMw==}
+    engines: {node: '>= 18'}
+
+  '@octokit/rest@21.0.2':
+    resolution: {integrity: sha512-+CiLisCoyWmYicH25y1cDfCrv41kRSvTq6pPWtRroRJzhsCZWZyCqGyI8foJT5LmScADSwRAnr/xo+eewL04wQ==}
+    engines: {node: '>= 18'}
+
+  '@octokit/types@13.6.0':
+    resolution: {integrity: sha512-CrooV/vKCXqwLa+osmHLIMUb87brpgUqlqkPGc6iE2wCkUvTrHiXFMhAKoDDaAAYJrtKtrFTgSQTg5nObBEaew==}
+
+  '@one-ini/wasm@0.1.1':
+    resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
+
+  '@parcel/watcher-android-arm64@2.4.1':
+    resolution: {integrity: sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  '@parcel/watcher-darwin-arm64@2.4.1':
+    resolution: {integrity: sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@parcel/watcher-darwin-x64@2.4.1':
+    resolution: {integrity: sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@parcel/watcher-freebsd-x64@2.4.1':
+    resolution: {integrity: sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@parcel/watcher-linux-arm-glibc@2.4.1':
+    resolution: {integrity: sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@parcel/watcher-linux-arm64-glibc@2.4.1':
+    resolution: {integrity: sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@parcel/watcher-linux-arm64-musl@2.4.1':
+    resolution: {integrity: sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@parcel/watcher-linux-x64-glibc@2.4.1':
+    resolution: {integrity: sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@parcel/watcher-linux-x64-musl@2.4.1':
+    resolution: {integrity: sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@parcel/watcher-wasm@2.4.1':
+    resolution: {integrity: sha512-/ZR0RxqxU/xxDGzbzosMjh4W6NdYFMqq2nvo2b8SLi7rsl/4jkL8S5stIikorNkdR50oVDvqb/3JT05WM+CRRA==}
+    engines: {node: '>= 10.0.0'}
+    bundledDependencies:
+      - napi-wasm
+
+  '@parcel/watcher-win32-arm64@2.4.1':
+    resolution: {integrity: sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@parcel/watcher-win32-ia32@2.4.1':
+    resolution: {integrity: sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@parcel/watcher-win32-x64@2.4.1':
+    resolution: {integrity: sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@parcel/watcher@2.4.1':
+    resolution: {integrity: sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==}
+    engines: {node: '>= 10.0.0'}
+
+  '@pkgjs/parseargs@0.11.0':
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+
+  '@pkgr/core@0.1.1':
+    resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
+  '@pnpm/config.env-replace@1.1.0':
+    resolution: {integrity: sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w==}
+    engines: {node: '>=12.22.0'}
+
+  '@pnpm/network.ca-file@1.0.2':
+    resolution: {integrity: sha512-YcPQ8a0jwYU9bTdJDpXjMi7Brhkr1mXsXrUJvjqM2mQDgkRiz8jFaQGOdaLxgjtUfQgZhKy/O3cG/YwmgKaxLA==}
+    engines: {node: '>=12.22.0'}
+
+  '@pnpm/npm-conf@2.3.1':
+    resolution: {integrity: sha512-c83qWb22rNRuB0UaVCI0uRPNRr8Z0FWnEIvT47jiHAmOIUHbBOg5XvV7pM5x+rKn9HRpjxquDbXYSXr3fAKFcw==}
+    engines: {node: '>=12'}
+
+  '@polka/url@1.0.0-next.28':
+    resolution: {integrity: sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==}
+
+  '@release-it/conventional-changelog@8.0.2':
+    resolution: {integrity: sha512-WpnWWRr7O0JeLoiejLrPEWnnwFhCscBn1wBTAXeitiz2/Ifaol0s+t8otf/HYq/OiQOri2iH8d0CnVb72tBdIQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || ^22.0.0}
+    peerDependencies:
+      release-it: ^17.0.0
+
+  '@resvg/resvg-js-android-arm-eabi@2.6.2':
+    resolution: {integrity: sha512-FrJibrAk6v29eabIPgcTUMPXiEz8ssrAk7TXxsiZzww9UTQ1Z5KAbFJs+Z0Ez+VZTYgnE5IQJqBcoSiMebtPHA==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [android]
+
+  '@resvg/resvg-js-android-arm64@2.6.2':
+    resolution: {integrity: sha512-VcOKezEhm2VqzXpcIJoITuvUS/fcjIw5NA/w3tjzWyzmvoCdd+QXIqy3FBGulWdClvp4g+IfUemigrkLThSjAQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@resvg/resvg-js-darwin-arm64@2.6.2':
+    resolution: {integrity: sha512-nmok2LnAd6nLUKI16aEB9ydMC6Lidiiq2m1nEBDR1LaaP7FGs4AJ90qDraxX+CWlVuRlvNjyYJTNv8qFjtL9+A==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@resvg/resvg-js-darwin-x64@2.6.2':
+    resolution: {integrity: sha512-GInyZLjgWDfsVT6+SHxQVRwNzV0AuA1uqGsOAW+0th56J7Nh6bHHKXHBWzUrihxMetcFDmQMAX1tZ1fZDYSRsw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@resvg/resvg-js-linux-arm-gnueabihf@2.6.2':
+    resolution: {integrity: sha512-YIV3u/R9zJbpqTTNwTZM5/ocWetDKGsro0SWp70eGEM9eV2MerWyBRZnQIgzU3YBnSBQ1RcxRZvY/UxwESfZIw==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@resvg/resvg-js-linux-arm64-gnu@2.6.2':
+    resolution: {integrity: sha512-zc2BlJSim7YR4FZDQ8OUoJg5holYzdiYMeobb9pJuGDidGL9KZUv7SbiD4E8oZogtYY42UZEap7dqkkYuA91pg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@resvg/resvg-js-linux-arm64-musl@2.6.2':
+    resolution: {integrity: sha512-3h3dLPWNgSsD4lQBJPb4f+kvdOSJHa5PjTYVsWHxLUzH4IFTJUAnmuWpw4KqyQ3NA5QCyhw4TWgxk3jRkQxEKg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@resvg/resvg-js-linux-x64-gnu@2.6.2':
+    resolution: {integrity: sha512-IVUe+ckIerA7xMZ50duAZzwf1U7khQe2E0QpUxu5MBJNao5RqC0zwV/Zm965vw6D3gGFUl7j4m+oJjubBVoftw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@resvg/resvg-js-linux-x64-musl@2.6.2':
+    resolution: {integrity: sha512-UOf83vqTzoYQO9SZ0fPl2ZIFtNIz/Rr/y+7X8XRX1ZnBYsQ/tTb+cj9TE+KHOdmlTFBxhYzVkP2lRByCzqi4jQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@resvg/resvg-js-win32-arm64-msvc@2.6.2':
+    resolution: {integrity: sha512-7C/RSgCa+7vqZ7qAbItfiaAWhyRSoD4l4BQAbVDqRRsRgY+S+hgS3in0Rxr7IorKUpGE69X48q6/nOAuTJQxeQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@resvg/resvg-js-win32-ia32-msvc@2.6.2':
+    resolution: {integrity: sha512-har4aPAlvjnLcil40AC77YDIk6loMawuJwFINEM7n0pZviwMkMvjb2W5ZirsNOZY4aDbo5tLx0wNMREp5Brk+w==}
+    engines: {node: '>= 10'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@resvg/resvg-js-win32-x64-msvc@2.6.2':
+    resolution: {integrity: sha512-ZXtYhtUr5SSaBrUDq7DiyjOFJqBVL/dOBN7N/qmi/pO0IgiWW/f/ue3nbvu9joWE5aAKDoIzy/CxsY0suwGosQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@resvg/resvg-js@2.6.2':
+    resolution: {integrity: sha512-xBaJish5OeGmniDj9cW5PRa/PtmuVU3ziqrbr5xJj901ZDN4TosrVaNZpEiLZAxdfnhAe7uQ7QFWfjPe9d9K2Q==}
+    engines: {node: '>= 10'}
+
+  '@resvg/resvg-wasm@2.6.2':
+    resolution: {integrity: sha512-FqALmHI8D4o6lk/LRWDnhw95z5eO+eAa6ORjVg09YRR7BkcM6oPHU9uyC0gtQG5vpFLvgpeU4+zEAz2H8APHNw==}
+    engines: {node: '>= 10'}
+
+  '@rollup/plugin-alias@5.1.1':
+    resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^4.24.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-commonjs@25.0.8':
+    resolution: {integrity: sha512-ZEZWTK5n6Qde0to4vS9Mr5x/0UZoqCxPVR9KRUjU4kA2sO7GEUn1fop0DAwpO6z0Nw/kJON9bDmSxdWxO/TT1A==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^4.24.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-inject@5.0.5':
+    resolution: {integrity: sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^4.24.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-json@6.1.0':
+    resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^4.24.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-node-resolve@15.3.0':
+    resolution: {integrity: sha512-9eO5McEICxMzJpDW9OnMYSv4Sta3hmt7VtBFz5zR9273suNOydOyq/FrGeGy+KsTRFm8w0SLVhzig2ILFT63Ag==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^4.24.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-replace@5.0.7':
+    resolution: {integrity: sha512-PqxSfuorkHz/SPpyngLyg5GCEkOcee9M1bkxiVDr41Pd61mqP1PLOoDPbpl44SB2mQGKwV/In74gqQmGITOhEQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^4.24.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-terser@0.4.4':
+    resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^4.24.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/pluginutils@4.2.1':
+    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
+    engines: {node: '>= 8.0.0'}
+
+  '@rollup/pluginutils@5.1.2':
+    resolution: {integrity: sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^4.24.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.24.0':
+    resolution: {integrity: sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.24.0':
+    resolution: {integrity: sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.24.0':
+    resolution: {integrity: sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.24.0':
+    resolution: {integrity: sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.24.0':
+    resolution: {integrity: sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.24.0':
+    resolution: {integrity: sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.24.0':
+    resolution: {integrity: sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.24.0':
+    resolution: {integrity: sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-powerpc64le-gnu@4.24.0':
+    resolution: {integrity: sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.24.0':
+    resolution: {integrity: sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.24.0':
+    resolution: {integrity: sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.24.0':
+    resolution: {integrity: sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.24.0':
+    resolution: {integrity: sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-win32-arm64-msvc@4.24.0':
+    resolution: {integrity: sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.24.0':
+    resolution: {integrity: sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.24.0':
+    resolution: {integrity: sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@sec-ant/readable-stream@0.4.1':
+    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
+
+  '@shikijs/core@1.21.0':
+    resolution: {integrity: sha512-zAPMJdiGuqXpZQ+pWNezQAk5xhzRXBNiECFPcJLtUdsFM3f//G95Z15EHTnHchYycU8kIIysqGgxp8OVSj1SPQ==}
+
+  '@shikijs/engine-javascript@1.21.0':
+    resolution: {integrity: sha512-jxQHNtVP17edFW4/0vICqAVLDAxmyV31MQJL4U/Kg+heQALeKYVOWo0sMmEZ18FqBt+9UCdyqGKYE7bLRtk9mg==}
+
+  '@shikijs/engine-oniguruma@1.21.0':
+    resolution: {integrity: sha512-AIZ76XocENCrtYzVU7S4GY/HL+tgHGbVU+qhiDyNw1qgCA5OSi4B4+HY4BtAoJSMGuD/L5hfTzoRVbzEm2WTvg==}
+
+  '@shikijs/transformers@1.21.0':
+    resolution: {integrity: sha512-aA+XGGSzipcvqdsOYL8l6Q2RYiMuJNdhdt9eZnkJmW+wjSOixN/I7dBq3fISwvEMDlawrtuXM3eybLCEC+Fjlg==}
+
+  '@shikijs/types@1.21.0':
+    resolution: {integrity: sha512-tzndANDhi5DUndBtpojEq/42+dpUF2wS7wdCDQaFtIXm3Rd1QkrcVgSSRLOvEwexekihOXfbYJINW37g96tJRw==}
+
+  '@shikijs/vscode-textmate@9.2.2':
+    resolution: {integrity: sha512-TMp15K+GGYrWlZM8+Lnj9EaHEFmOen0WJBrfa17hF7taDOYthuPPV0GWzfd/9iMij0akS/8Yw2ikquH7uVi/fg==}
+
+  '@shuding/opentype.js@1.4.0-beta.0':
+    resolution: {integrity: sha512-3NgmNyH3l/Hv6EvsWJbsvpcpUba6R8IREQ83nH83cyakCw7uM1arZKNfHwv1Wz6jgqrF/j4x5ELvR6PnK9nTcA==}
+    engines: {node: '>= 8.0.0'}
+    hasBin: true
+
+  '@sideway/address@4.1.5':
+    resolution: {integrity: sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==}
+
+  '@sideway/formula@3.0.1':
+    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
+
+  '@sideway/pinpoint@2.0.0':
+    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
+
+  '@sindresorhus/is@4.6.0':
+    resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
+    engines: {node: '>=10'}
+
+  '@sindresorhus/merge-streams@2.3.0':
+    resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
+    engines: {node: '>=18'}
+
+  '@sindresorhus/merge-streams@4.0.0':
+    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
+    engines: {node: '>=18'}
+
+  '@socket.io/component-emitter@3.1.2':
+    resolution: {integrity: sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==}
+
+  '@stylistic/eslint-plugin@2.8.0':
+    resolution: {integrity: sha512-Ufvk7hP+bf+pD35R/QfunF793XlSRIC7USr3/EdgduK9j13i2JjmsM0LUz3/foS+jDYp2fzyWZA9N44CPur0Ow==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+
+  '@swc/helpers@0.5.13':
+    resolution: {integrity: sha512-UoKGxQ3r5kYI9dALKJapMmuK+1zWM/H17Z1+iwnNmzcJRnfFuevZs375TA5rW31pu4BS4NoSy1fRsexDXfWn5w==}
+
+  '@tailwindcss/node@4.0.0-alpha.24':
+    resolution: {integrity: sha512-oDQRe/FtkqPCviVdyp0LEdu6sHj5iIQygjlmFpKmZe17BKOTymEwEafomZvf/sZNhhsFgXoEU7qHc9ABxSucJw==}
+
+  '@tailwindcss/oxide-android-arm64@4.0.0-alpha.24':
+    resolution: {integrity: sha512-oMsnLS+soTPaKqIf02y7Bz/RH0XYujeTszE1BA4UgIwXtrYlprShyHDNECC5UaIxFTanwQ910bH8VwceK88/Lg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.0.0-alpha.24':
+    resolution: {integrity: sha512-GQ96fwvldhtEP1tJYrx4bChNeIRqU3TzrF0rhNTOYQrqBOP1vnImXZVpGyFYLtKqFvJqroffSiGjgKMEXjX72w==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.0.0-alpha.24':
+    resolution: {integrity: sha512-37BjzedFksF1SI0qg+KR1deziKDJuN0O7604GLvoMiT8ru3UI5gxKUlRfPFoki2FTL66fHHWV5E0MdtwSBUMCQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.0.0-alpha.24':
+    resolution: {integrity: sha512-81md1dyyKOnn/gCqO4doOwkx0yFoPS74pwzsYQTgF/Q1TEYqZc3NyBP16YKAWxYBI+eR9BmJr82NEWXQvQ26qg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-alpha.24':
+    resolution: {integrity: sha512-IzrqUnIfuNPySrH+zqdUeb7x61mynhtrbS+RJFvz9lFBggfYfkDcpV1e9Thu3IfPiMA5U2ajjQLI/FuneAGMNQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-alpha.24':
+    resolution: {integrity: sha512-HfQWZG0anbWNReaa0bYY7UGcch55kvjRdEeP+1ArVIKTJp5nYq1tsywfO7xBAa5eDkHKx7YGcVsPiNGx31dCLA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-alpha.24':
+    resolution: {integrity: sha512-zh16uVQk/7PgdX2EyYGUEAyOt5da2jfgbv0ZUCx5dXpVOEGYtakLlvlx4yx7ePGgZ2XE5sgrZpnlFlJlwwOfIQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-alpha.24':
+    resolution: {integrity: sha512-qe4fIGFXa+MOeZDCRvaVgoss33IZwPNuEqjlWktzRHTTtRl+Q8eVoLkJwtg3zyq241DQy0zdBVjtxB/QNM2KvA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0-alpha.24':
+    resolution: {integrity: sha512-obOxjL8nXwVxyYY8TfeOZ12IbhNF+NarjmLi5s/ugTaIEowAFedv/GWYBTeZpiJU5DmdsXYVKVP+D/sm6RaySA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-alpha.24':
+    resolution: {integrity: sha512-WlZWFCIyUdDL5x/72JTBHnXQOIYgjCTOFMv4WZCkQaO+Kii30IuyfLUUBp26hk3/FNpsipbWGfc7tx7ioMTqBg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.0.0-alpha.24':
+    resolution: {integrity: sha512-Q4SMbWdRKLPAGkbSmqh2k3qIT8DmYFxui1iwBfd3jzrIaKGw1ks7vbo5HDy0YPqA8yxDjiaXtOGeAegj1Obrkw==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/postcss@4.0.0-alpha.24':
+    resolution: {integrity: sha512-Zlbl1cncikfVHgCRapHASYA8eAWcJnGk7CTAkoCSH2n72UYfgIM04Am4rUJqzTXeGX08yMFf70hY/Dh6DiWWZA==}
+
+  '@tailwindcss/vite@4.0.0-alpha.24':
+    resolution: {integrity: sha512-XhOIyV93if3DeRBa2IeTXjaFCrY/JRFDJ6SIcwgELpfuZBunTICd8TWe/22I0abKd208yfX9sWEismGrY47iwA==}
+    peerDependencies:
+      vite: ^5.2.0
+
+  '@tanstack/virtual-core@3.10.8':
+    resolution: {integrity: sha512-PBu00mtt95jbKFi6Llk9aik8bnR3tR/oQP1o3TSi+iG//+Q2RTIzCEgKkHG8BB86kxMNW6O8wku+Lmi+QFR6jA==}
+
+  '@tanstack/vue-virtual@3.10.8':
+    resolution: {integrity: sha512-DB5QA8c/LfqOqIUCpSs3RdOTVroRRdqeHMqBkYrcashSZtOzIv8xbiqHgg7RYxDfkH5F3Y+e0MkuuyGNDVB0BQ==}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.0.0
+
+  '@tootallnate/quickjs-emscripten@0.23.0':
+    resolution: {integrity: sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==}
+
+  '@trysound/sax@0.2.0':
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+
+  '@types/debug@4.1.12':
+    resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
+
+  '@types/estree@1.0.6':
+    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
+
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
+  '@types/http-proxy@1.17.15':
+    resolution: {integrity: sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/ms@0.7.34':
+    resolution: {integrity: sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==}
+
+  '@types/node@22.7.4':
+    resolution: {integrity: sha512-y+NPi1rFzDs1NdQHHToqeiX2TIS79SWEAw9GYhkkx8bD0ChpfqC+n2j5OXOCpzfojBEBt6DnEnnG9MY0zk1XLg==}
+
+  '@types/normalize-package-data@2.4.4':
+    resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
+
+  '@types/resolve@1.20.2':
+    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
+
+  '@types/semver@7.5.8':
+    resolution: {integrity: sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==}
+
+  '@types/unist@2.0.11':
+    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@types/web-bluetooth@0.0.20':
+    resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
+
+  '@typescript-eslint/eslint-plugin@8.8.0':
+    resolution: {integrity: sha512-wORFWjU30B2WJ/aXBfOm1LX9v9nyt9D3jsSOxC3cCaTQGCW5k4jNpmjFv3U7p/7s4yvdjHzwtv2Sd2dOyhjS0A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/parser@8.8.0':
+    resolution: {integrity: sha512-uEFUsgR+tl8GmzmLjRqz+VrDv4eoaMqMXW7ruXfgThaAShO9JTciKpEsB+TvnfFfbg5IpujgMXVV36gOJRLtZg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/scope-manager@8.7.0':
+    resolution: {integrity: sha512-87rC0k3ZlDOuz82zzXRtQ7Akv3GKhHs0ti4YcbAJtaomllXoSO8hi7Ix3ccEvCd824dy9aIX+j3d2UMAfCtVpg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/scope-manager@8.8.0':
+    resolution: {integrity: sha512-EL8eaGC6gx3jDd8GwEFEV091210U97J0jeEHrAYvIYosmEGet4wJ+g0SYmLu+oRiAwbSA5AVrt6DxLHfdd+bUg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/type-utils@8.8.0':
+    resolution: {integrity: sha512-IKwJSS7bCqyCeG4NVGxnOP6lLT9Okc3Zj8hLO96bpMkJab+10HIfJbMouLrlpyOr3yrQ1cA413YPFiGd1mW9/Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/types@8.7.0':
+    resolution: {integrity: sha512-LLt4BLHFwSfASHSF2K29SZ+ZCsbQOM+LuarPjRUuHm+Qd09hSe3GCeaQbcCr+Mik+0QFRmep/FyZBO6fJ64U3w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/types@8.8.0':
+    resolution: {integrity: sha512-QJwc50hRCgBd/k12sTykOJbESe1RrzmX6COk8Y525C9l7oweZ+1lw9JiU56im7Amm8swlz00DRIlxMYLizr2Vw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.7.0':
+    resolution: {integrity: sha512-MC8nmcGHsmfAKxwnluTQpNqceniT8SteVwd2voYlmiSWGOtjvGXdPl17dYu2797GVscK30Z04WRM28CrKS9WOg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/typescript-estree@8.8.0':
+    resolution: {integrity: sha512-ZaMJwc/0ckLz5DaAZ+pNLmHv8AMVGtfWxZe/x2JVEkD5LnmhWiQMMcYT7IY7gkdJuzJ9P14fRy28lUrlDSWYdw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/utils@8.7.0':
+    resolution: {integrity: sha512-ZbdUdwsl2X/s3CiyAu3gOlfQzpbuG3nTWKPoIvAu1pu5r8viiJvv2NPN2AqArL35NCYtw/lrPPfM4gxrMLNLPw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+
+  '@typescript-eslint/utils@8.8.0':
+    resolution: {integrity: sha512-QE2MgfOTem00qrlPgyByaCHay9yb1+9BjnMFnSFkUKQfu7adBXDTnCAivURnuPPAG/qiB+kzKkZKmKfaMT0zVg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+
+  '@typescript-eslint/visitor-keys@8.7.0':
+    resolution: {integrity: sha512-b1tx0orFCCh/THWPQa2ZwWzvOeyzzp36vkJYOpVg0u8UVOIsfVrnuC9FqAw9gRKn+rG2VmWQ/zDJZzkxUnj/XQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/visitor-keys@8.8.0':
+    resolution: {integrity: sha512-8mq51Lx6Hpmd7HnA2fcHQo3YgfX1qbccxQOgZcb4tvasu//zXRaA1j5ZRFeCw/VRAdFi4mRM9DnZw0Nu0Q2d1g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@ungap/structured-clone@1.2.0':
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+
+  '@unhead/dom@1.11.7':
+    resolution: {integrity: sha512-Nj2ulnbY5lvIcxqXwdO5YfdvLm8EYLjcaOje2b2aQnfyPAyOIVeR8iB79DDKk/uZZAPEwkdhSnUdEh9Ny0b3lw==}
+
+  '@unhead/schema@1.11.7':
+    resolution: {integrity: sha512-j9uN7T63aUXrZ6yx2CfjVT7xZHjn0PZO7TPMaWqMFjneIH/NONKvDVCMEqDlXeqdSIERIYtk/xTHgCUMer5eyw==}
+
+  '@unhead/shared@1.11.7':
+    resolution: {integrity: sha512-5v3PmV1LMyikGyQi/URYS5ilH8dg1Iomtja7iFWke990O8RBDEzAdagJqcsUE/fw+o7cXRSOamyx5wCf5Q1TrA==}
+
+  '@unhead/ssr@1.11.7':
+    resolution: {integrity: sha512-qI1zNFY8fU5S9EhroxlXSA5Q/XKbWAKXrVVNG+6bIh/IRrMOMJrPk4d1GmphF4gmNri3ARqly+OWx4VVaj0scA==}
+
+  '@unhead/vue@1.11.7':
+    resolution: {integrity: sha512-SLr0eQfznVp63iKi47L4s5Yz+oiQjDA82VBP4jlXi7dM9fSIn1ul1aKvBqle/ZxI2cqY8zVGz60EjhjWeu754A==}
+    peerDependencies:
+      vue: '>=2.7 || >=3'
+
+  '@unocss/core@0.63.1':
+    resolution: {integrity: sha512-scg53c6vw8cRsX4DbUO+MlTXicA9GWztm6PW0lsisJxXrdbQQCd+J+PIhrxLUExxeNqxTKsL3Msy9bwJU5uUsQ==}
+
+  '@unocss/extractor-arbitrary-variants@0.63.1':
+    resolution: {integrity: sha512-yqHDUgFCR4R2HMuD2k4dVkkdT2uOa/gUDIY6xoseOx1r98Fxlyvdr0UnLOaWsSSzpSGm7SS7XtafGa24IgJRUQ==}
+
+  '@unocss/preset-mini@0.63.1':
+    resolution: {integrity: sha512-8NW3hK5fp+glBI2v1/3utp+Gv0yXoVTX66531BDDXxivsCJBNRTh40TP8hXSbtDne615UGrykIjyadsUHCRK5Q==}
+
+  '@unocss/preset-wind@0.63.1':
+    resolution: {integrity: sha512-L/Pyz55NC55K2+zJX9b3cC23tMZzh/a2jUUfoiJAHudsSPjAvP/PJ31Nc+27FFMbqZXhGQ50CBq8geq51O4PKQ==}
+
+  '@unocss/rule-utils@0.63.1':
+    resolution: {integrity: sha512-z7WQ8lKq7p6sS/6Yl1pStcA2WyxxD7H1i86iXa2orWayW8KtrIJbdCXFYEsj3sOkMKLqpG5w65P+103dO2jUhQ==}
+    engines: {node: '>=14'}
+
+  '@uploadthing/mime-types@0.3.0':
+    resolution: {integrity: sha512-jN/XFvpKTzcd3MXT/9D9oxx05scnYiSYxAXF/e6hyg377zFducRxivU/kHyYTkpUZPTmOL5q9EQbOkUsXMlSMg==}
+
+  '@vercel/nft@0.26.5':
+    resolution: {integrity: sha512-NHxohEqad6Ra/r4lGknO52uc/GrWILXAMs1BB4401GTqww0fw1bAqzpG1XHuDO+dprg4GvsD9ZLLSsdo78p9hQ==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  '@vitejs/plugin-vue-jsx@4.0.1':
+    resolution: {integrity: sha512-7mg9HFGnFHMEwCdB6AY83cVK4A6sCqnrjFYF4WIlebYAQVVJ/sC/CiTruVdrRlhrFoeZ8rlMxY9wYpPTIRhhAg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    peerDependencies:
+      vite: ^5.0.0
+      vue: ^3.0.0
+
+  '@vitejs/plugin-vue@5.1.4':
+    resolution: {integrity: sha512-N2XSI2n3sQqp5w7Y/AN/L2XDjBIRGqXko+eDp42sydYSBeJuSm5a1sLf8zakmo8u7tA8NmBgoDLA1HeOESjp9A==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    peerDependencies:
+      vite: ^5.0.0
+      vue: ^3.2.25
+
+  '@vitest/expect@2.1.2':
+    resolution: {integrity: sha512-FEgtlN8mIUSEAAnlvn7mP8vzaWhEaAEvhSXCqrsijM7K6QqjB11qoRZYEd4AKSCDz8p0/+yH5LzhZ47qt+EyPg==}
+
+  '@vitest/mocker@2.1.2':
+    resolution: {integrity: sha512-ExElkCGMS13JAJy+812fw1aCv2QO/LBK6CyO4WOPAzLTmve50gydOlWhgdBJPx2ztbADUq3JVI0C5U+bShaeEA==}
+    peerDependencies:
+      '@vitest/spy': 2.1.2
+      msw: ^2.3.5
+      vite: ^5.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@2.1.2':
+    resolution: {integrity: sha512-FIoglbHrSUlOJPDGIrh2bjX1sNars5HbxlcsFKCtKzu4+5lpsRhOCVcuzp0fEhAGHkPZRIXVNzPcpSlkoZ3LuA==}
+
+  '@vitest/runner@2.1.2':
+    resolution: {integrity: sha512-UCsPtvluHO3u7jdoONGjOSil+uON5SSvU9buQh3lP7GgUXHp78guN1wRmZDX4wGK6J10f9NUtP6pO+SFquoMlw==}
+
+  '@vitest/snapshot@2.1.2':
+    resolution: {integrity: sha512-xtAeNsZ++aRIYIUsek7VHzry/9AcxeULlegBvsdLncLmNCR6tR8SRjn8BbDP4naxtccvzTqZ+L1ltZlRCfBZFA==}
+
+  '@vitest/spy@2.1.2':
+    resolution: {integrity: sha512-GSUi5zoy+abNRJwmFhBDC0yRuVUn8WMlQscvnbbXdKLXX9dE59YbfwXxuJ/mth6eeqIzofU8BB5XDo/Ns/qK2A==}
+
+  '@vitest/utils@2.1.2':
+    resolution: {integrity: sha512-zMO2KdYy6mx56btx9JvAqAZ6EyS3g49krMPPrgOp1yxGZiA93HumGk+bZ5jIZtOg5/VBYl5eBmGRQHqq4FG6uQ==}
+
+  '@volar/language-core@2.4.5':
+    resolution: {integrity: sha512-F4tA0DCO5Q1F5mScHmca0umsi2ufKULAnMOVBfMsZdT4myhVl4WdKRwCaKcfOkIEuyrAVvtq1ESBdZ+rSyLVww==}
+
+  '@volar/source-map@2.4.5':
+    resolution: {integrity: sha512-varwD7RaKE2J/Z+Zu6j3mNNJbNT394qIxXwdvz/4ao/vxOfyClZpSDtLKkwWmecinkOVos5+PWkWraelfMLfpw==}
+
+  '@volar/typescript@2.4.5':
+    resolution: {integrity: sha512-mcT1mHvLljAEtHviVcBuOyAwwMKz1ibXTi5uYtP/pf4XxoAzpdkQ+Br2IC0NPCvLCbjPZmbf3I0udndkfB1CDg==}
+
+  '@vue-macros/common@1.14.0':
+    resolution: {integrity: sha512-xwQhDoEXRNXobNQmdqOD20yUGdVLVLZe4zhDlT9q/E+z+mvT3wukaAoJG80XRnv/BcgOOCVpxqpkQZ3sNTgjWA==}
+    engines: {node: '>=16.14.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    peerDependenciesMeta:
+      vue:
+        optional: true
+
+  '@vue/babel-helper-vue-transform-on@1.2.5':
+    resolution: {integrity: sha512-lOz4t39ZdmU4DJAa2hwPYmKc8EsuGa2U0L9KaZaOJUt0UwQNjNA3AZTq6uEivhOKhhG1Wvy96SvYBoFmCg3uuw==}
+
+  '@vue/babel-plugin-jsx@1.2.5':
+    resolution: {integrity: sha512-zTrNmOd4939H9KsRIGmmzn3q2zvv1mjxkYZHgqHZgDrXz5B1Q3WyGEjO2f+JrmKghvl1JIRcvo63LgM1kH5zFg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+
+  '@vue/babel-plugin-resolve-type@1.2.5':
+    resolution: {integrity: sha512-U/ibkQrf5sx0XXRnUZD1mo5F7PkpKyTbfXM3a3rC4YnUz6crHEz9Jg09jzzL6QYlXNto/9CePdOg/c87O4Nlfg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@vue/compiler-core@3.5.10':
+    resolution: {integrity: sha512-iXWlk+Cg/ag7gLvY0SfVucU8Kh2CjysYZjhhP70w9qI4MvSox4frrP+vDGvtQuzIcgD8+sxM6lZvCtdxGunTAA==}
+
+  '@vue/compiler-dom@3.5.10':
+    resolution: {integrity: sha512-DyxHC6qPcktwYGKOIy3XqnHRrrXyWR2u91AjP+nLkADko380srsC2DC3s7Y1Rk6YfOlxOlvEQKa9XXmLI+W4ZA==}
+
+  '@vue/compiler-sfc@3.5.10':
+    resolution: {integrity: sha512-to8E1BgpakV7224ZCm8gz1ZRSyjNCAWEplwFMWKlzCdP9DkMKhRRwt0WkCjY7jkzi/Vz3xgbpeig5Pnbly4Tow==}
+
+  '@vue/compiler-ssr@3.5.10':
+    resolution: {integrity: sha512-hxP4Y3KImqdtyUKXDRSxKSRkSm1H9fCvhojEYrnaoWhE4w/y8vwWhnosJoPPe2AXm5sU7CSbYYAgkt2ZPhDz+A==}
+
+  '@vue/compiler-vue2@2.7.16':
+    resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==}
+
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
+
+  '@vue/devtools-core@7.4.4':
+    resolution: {integrity: sha512-DLxgA3DfeADkRzhAfm3G2Rw/cWxub64SdP5b+s5dwL30+whOGj+QNhmyFpwZ8ZTrHDFRIPj0RqNzJ8IRR1pz7w==}
+    peerDependencies:
+      vue: ^3.0.0
+
+  '@vue/devtools-kit@7.4.4':
+    resolution: {integrity: sha512-awK/4NfsUG0nQ7qnTM37m7ZkEUMREyPh8taFCX+uQYps/MTFEum0AD05VeGDRMXwWvMmGIcWX9xp8ZiBddY0jw==}
+
+  '@vue/devtools-shared@7.4.6':
+    resolution: {integrity: sha512-rPeSBzElnHYMB05Cc056BQiJpgocQjY8XVulgni+O9a9Gr9tNXgPteSzFFD+fT/iWMxNuUgGKs9CuW5DZewfIg==}
+
+  '@vue/language-core@2.1.6':
+    resolution: {integrity: sha512-MW569cSky9R/ooKMh6xa2g1D0AtRKbL56k83dzus/bx//RDJk24RHWkMzbAlXjMdDNyxAaagKPRquBIxkxlCkg==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@vue/reactivity@3.5.10':
+    resolution: {integrity: sha512-kW08v06F6xPSHhid9DJ9YjOGmwNDOsJJQk0ax21wKaUYzzuJGEuoKNU2Ujux8FLMrP7CFJJKsHhXN9l2WOVi2g==}
+
+  '@vue/runtime-core@3.5.10':
+    resolution: {integrity: sha512-9Q86I5Qq3swSkFfzrZ+iqEy7Vla325M7S7xc1NwKnRm/qoi1Dauz0rT6mTMmscqx4qz0EDJ1wjB+A36k7rl8mA==}
+
+  '@vue/runtime-dom@3.5.10':
+    resolution: {integrity: sha512-t3x7ht5qF8ZRi1H4fZqFzyY2j+GTMTDxRheT+i8M9Ph0oepUxoadmbwlFwMoW7RYCpNQLpP2Yx3feKs+fyBdpA==}
+
+  '@vue/server-renderer@3.5.10':
+    resolution: {integrity: sha512-IVE97tt2kGKwHNq9yVO0xdh1IvYfZCShvDSy46JIh5OQxP1/EXSpoDqetVmyIzL7CYOWnnmMkVqd7YK2QSWkdw==}
+    peerDependencies:
+      vue: 3.5.10
+
+  '@vue/shared@3.5.10':
+    resolution: {integrity: sha512-VkkBhU97Ki+XJ0xvl4C9YJsIZ2uIlQ7HqPpZOS3m9VCvmROPaChZU6DexdMJqvz9tbgG+4EtFVrSuailUq5KGQ==}
+
+  '@vue/test-utils@2.4.6':
+    resolution: {integrity: sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==}
+
+  '@vueuse/core@10.11.1':
+    resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
+
+  '@vueuse/core@11.1.0':
+    resolution: {integrity: sha512-P6dk79QYA6sKQnghrUz/1tHi0n9mrb/iO1WTMk/ElLmTyNqgDeSZ3wcDf6fRBGzRJbeG1dxzEOvLENMjr+E3fg==}
+
+  '@vueuse/head@2.0.0':
+    resolution: {integrity: sha512-ykdOxTGs95xjD4WXE4na/umxZea2Itl0GWBILas+O4oqS7eXIods38INvk3XkJKjqMdWPcpCyLX/DioLQxU1KA==}
+    peerDependencies:
+      vue: '>=2.7 || >=3'
+
+  '@vueuse/integrations@11.1.0':
+    resolution: {integrity: sha512-O2ZgrAGPy0qAjpoI2YR3egNgyEqwG85fxfwmA9BshRIGjV4G6yu6CfOPpMHAOoCD+UfsIl7Vb1bXJ6ifrHYDDA==}
+    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
+
+  '@vueuse/metadata@10.11.1':
+    resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
+
+  '@vueuse/metadata@11.1.0':
+    resolution: {integrity: sha512-l9Q502TBTaPYGanl1G+hPgd3QX5s4CGnpXriVBR5fEZ/goI6fvDaVmIl3Td8oKFurOxTmbXvBPSsgrd6eu6HYg==}
+
+  '@vueuse/nuxt@10.11.1':
+    resolution: {integrity: sha512-UiaYSIwOkmUVn8Gl1AqtLWYR12flO+8sEu9X0Y1fNjSR7EWy9jMuiCvOGqwtoeTsqfHrivl0d5HfMzr11GFnMA==}
+    peerDependencies:
+      nuxt: ^3.0.0
+
+  '@vueuse/nuxt@11.1.0':
+    resolution: {integrity: sha512-ZPYigcqgPPe9vk9nBHLF8p0zshX8qvWV/ox1Y4GdV4k2flPiw7+2THNTpU2NZDBXSOXlhB2sao+paGCsvJm/Qw==}
+    peerDependencies:
+      nuxt: ^3.0.0
+
+  '@vueuse/shared@10.11.1':
+    resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
+
+  '@vueuse/shared@11.1.0':
+    resolution: {integrity: sha512-YUtIpY122q7osj+zsNMFAfMTubGz0sn5QzE5gPzAIiCmtt2ha3uQUY1+JPyL4gRCTsLPX82Y9brNbo/aqlA91w==}
+
+  JSONStream@1.3.5:
+    resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
+    hasBin: true
+
+  abbrev@1.1.1:
+    resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
+
+  abbrev@2.0.0:
+    resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  abort-controller@3.0.0:
+    resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
+    engines: {node: '>=6.5'}
+
+  acorn-import-attributes@1.9.5:
+    resolution: {integrity: sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==}
+    peerDependencies:
+      acorn: ^8
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.12.1:
+    resolution: {integrity: sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  add-stream@1.0.0:
+    resolution: {integrity: sha512-qQLMr+8o0WC4FZGQTcJiKBVC59JylcPSrTtk6usvmIDFUOCKegapy1VHQwRbFMOFyb/inzUVqHs+eMYKDM1YeQ==}
+
+  agent-base@6.0.2:
+    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
+    engines: {node: '>= 6.0.0'}
+
+  agent-base@7.1.1:
+    resolution: {integrity: sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==}
+    engines: {node: '>= 14'}
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+
+  ansi-colors@4.1.3:
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
+    engines: {node: '>=6'}
+
+  ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.1.0:
+    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
+    engines: {node: '>=12'}
+
+  ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  aproba@2.0.0:
+    resolution: {integrity: sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==}
+
+  archiver-utils@5.0.2:
+    resolution: {integrity: sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==}
+    engines: {node: '>= 14'}
+
+  archiver@7.0.1:
+    resolution: {integrity: sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==}
+    engines: {node: '>= 14'}
+
+  are-docs-informative@0.0.2:
+    resolution: {integrity: sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==}
+    engines: {node: '>=14'}
+
+  are-we-there-yet@2.0.0:
+    resolution: {integrity: sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==}
+    engines: {node: '>=10'}
+    deprecated: This package is no longer supported.
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-hidden@1.2.4:
+    resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
+    engines: {node: '>=10'}
+
+  array-ify@1.0.0:
+    resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  ast-kit@1.2.1:
+    resolution: {integrity: sha512-h31wotR7rkFLrlmGPn0kGqOZ/n5EQFvp7dBs400chpHDhHc8BK3gpvyHDluRujuGgeoTAv3dSIMz9BI3JxAWyQ==}
+    engines: {node: '>=16.14.0'}
+
+  ast-types@0.13.4:
+    resolution: {integrity: sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==}
+    engines: {node: '>=4'}
+
+  ast-walker-scope@0.6.2:
+    resolution: {integrity: sha512-1UWOyC50xI3QZkRuDj6PqDtpm1oHWtYs+NQGwqL/2R11eN3Q81PHAHPM0SWW3BNQm53UDwS//Jv8L4CCVLM1bQ==}
+    engines: {node: '>=16.14.0'}
+
+  async-retry@1.3.3:
+    resolution: {integrity: sha512-wfr/jstw9xNi/0teMHrRW7dsz3Lt5ARhYNZ2ewpadnhaIp5mbALhOAP+EAdsC7t4Z6wqsDVv9+W6gm1Dk9mEyw==}
+
+  async-sema@3.1.1:
+    resolution: {integrity: sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==}
+
+  async@3.2.6:
+    resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
+
+  autoprefixer@10.4.20:
+    resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  b4a@1.6.7:
+    resolution: {integrity: sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==}
+
+  bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  bare-events@2.5.0:
+    resolution: {integrity: sha512-/E8dDe9dsbLyh2qrZ64PEPadOQ0F4gbl1sUJOrmph7xOiIxfY8vwab/4bFLh4Y88/Hk/ujKcrQKc+ps0mv873A==}
+
+  bare-fs@2.3.5:
+    resolution: {integrity: sha512-SlE9eTxifPDJrT6YgemQ1WGFleevzwY+XAP1Xqgl56HtcrisC2CHCZ2tq6dBpcH2TnNxwUEUGhweo+lrQtYuiw==}
+
+  bare-os@2.4.4:
+    resolution: {integrity: sha512-z3UiI2yi1mK0sXeRdc4O1Kk8aOa/e+FNWZcTiPB/dfTWyLypuE99LibgRaQki914Jq//yAWylcAt+mknKdixRQ==}
+
+  bare-path@2.1.3:
+    resolution: {integrity: sha512-lh/eITfU8hrj9Ru5quUp0Io1kJWIk1bTjzo7JH1P5dWmQ2EL4hFUlfI8FonAhSlgIfhn63p84CDY/x+PisgcXA==}
+
+  bare-stream@2.3.0:
+    resolution: {integrity: sha512-pVRWciewGUeCyKEuRxwv06M079r+fRjAQjBEK2P6OYGrO43O+Z0LrPZZEjlc4mB6C2RpZ9AxJ1s7NLEtOHO6eA==}
+
+  base64-js@0.0.8:
+    resolution: {integrity: sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==}
+    engines: {node: '>= 0.4'}
+
+  base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+
+  basic-ftp@5.0.5:
+    resolution: {integrity: sha512-4Bcg1P8xhUuqcii/S0Z9wiHIrQVPMermM1any+MX5GeGD7faD3/msQUDGLol9wOcz4/jbg/WJnGqoJF6LiBdtg==}
+    engines: {node: '>=10.0.0'}
+
+  before-after-hook@2.2.3:
+    resolution: {integrity: sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==}
+
+  before-after-hook@3.0.2:
+    resolution: {integrity: sha512-Nik3Sc0ncrMK4UUdXQmAnRtzmNQTAAXmXIopizwZ1W1t8QmfJj+zL4OA2I7XPTPW5z5TDqv4hRo/JzouDJnX3A==}
+
+  binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+
+  bindings@1.5.0:
+    resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
+
+  birpc@0.2.17:
+    resolution: {integrity: sha512-+hkTxhot+dWsLpp3gia5AkVHIsKlZybNT5gIYiDlNzJrmYPcTM9k5/w2uaj3IPpd7LlEYpmCj4Jj1nC41VhDFg==}
+
+  bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+
+  blob-to-buffer@1.2.9:
+    resolution: {integrity: sha512-BF033y5fN6OCofD3vgHmNtwZWRcq9NLyyxyILx9hfMy1sXYy4ojFl765hJ2lP0YaN2fuxPaLO2Vzzoxy0FLFFA==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  boxen@7.1.1:
+    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
+    engines: {node: '>=14.16'}
+
+  brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+
+  brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  brotli@1.3.3:
+    resolution: {integrity: sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==}
+
+  browserslist@4.24.0:
+    resolution: {integrity: sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  buffer-crc32@1.0.0:
+    resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
+    engines: {node: '>=8.0.0'}
+
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
+  buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+
+  buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+
+  builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
+    engines: {node: '>=6'}
+
+  bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
+
+  c12@1.11.2:
+    resolution: {integrity: sha512-oBs8a4uvSDO9dm8b7OCFW7+dgtVrwmwnrVXYzLm43ta7ep2jCn/0MhoUFygIWtxhyy6+/MG7/agvpY0U1Iemew==}
+    peerDependencies:
+      magicast: ^0.3.4
+    peerDependenciesMeta:
+      magicast:
+        optional: true
+
+  c12@2.0.1:
+    resolution: {integrity: sha512-Z4JgsKXHG37C6PYUtIxCfLJZvo6FyhHJoClwwb9ftUkLpPSkuYqn6Tr+vnaN8hymm0kIbcg6Ey3kv/Q71k5w/A==}
+    peerDependencies:
+      magicast: ^0.3.5
+    peerDependenciesMeta:
+      magicast:
+        optional: true
+
+  cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  camelcase@7.0.1:
+    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
+    engines: {node: '>=14.16'}
+
+  camelize@1.0.1:
+    resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
+
+  caniuse-api@3.0.0:
+    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
+
+  caniuse-lite@1.0.30001664:
+    resolution: {integrity: sha512-AmE7k4dXiNKQipgn7a2xg558IRqPN3jMQY/rOsbxDhrd0tyChwbITBfiwtnqz8bi2M5mIWbxAYBvk7W7QBUS2g==}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  chai@5.1.1:
+    resolution: {integrity: sha512-pT1ZgP8rPNqUgieVaEY+ryQr6Q4HXNg8Ei9UnLUrjN4IA7dvQC5JB+/kxVcPNDHyBcc/26CXPkbNzq3qwrOEKA==}
+    engines: {node: '>=12'}
+
+  chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  changelogen@0.5.7:
+    resolution: {integrity: sha512-cTZXBcJMl3pudE40WENOakXkcVtrbBpbkmSkM20NdRiUqa4+VYRdXdEsgQ0BNQ6JBE2YymTNWtPKVF7UCTN5+g==}
+    hasBin: true
+
+  char-regex@1.0.2:
+    resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
+    engines: {node: '>=10'}
+
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  character-reference-invalid@2.0.1:
+    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
+
+  chardet@0.7.0:
+    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
+
+  check-error@2.1.1:
+    resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
+    engines: {node: '>= 16'}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  chokidar@4.0.1:
+    resolution: {integrity: sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==}
+    engines: {node: '>= 14.16.0'}
+
+  chownr@1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+
+  chownr@2.0.0:
+    resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
+    engines: {node: '>=10'}
+
+  chrome-launcher@1.1.2:
+    resolution: {integrity: sha512-YclTJey34KUm5jB1aEJCq807bSievi7Nb/TU4Gu504fUYi3jw3KCIaH6L7nFWQhdEgH3V+wCh+kKD1P5cXnfxw==}
+    engines: {node: '>=12.13.0'}
+    hasBin: true
+
+  ci-info@4.0.0:
+    resolution: {integrity: sha512-TdHqgGf9odd8SXNuxtUBVx8Nv+qZOejE6qyqiy5NtbYYQOeFa6zmHkxlPzmaLxWWHsU6nJmB7AETdVPi+2NBUg==}
+    engines: {node: '>=8'}
+
+  citty@0.1.6:
+    resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
+
+  clean-regexp@1.0.0:
+    resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
+    engines: {node: '>=4'}
+
+  clear@0.1.0:
+    resolution: {integrity: sha512-qMjRnoL+JDPJHeLePZJuao6+8orzHMGP04A8CdwCNsKhRbOnKRjefxONR7bwILT3MHecxKBjHkKL/tkZ8r4Uzw==}
+
+  cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
+    engines: {node: '>=10'}
+
+  cli-cursor@3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
+    engines: {node: '>=8'}
+
+  cli-cursor@4.0.0:
+    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  cli-spinners@2.9.2:
+    resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
+    engines: {node: '>=6'}
+
+  cli-width@4.1.0:
+    resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
+    engines: {node: '>= 12'}
+
+  clipboardy@4.0.0:
+    resolution: {integrity: sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==}
+    engines: {node: '>=18'}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  clone@1.0.4:
+    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
+    engines: {node: '>=0.8'}
+
+  clone@2.1.2:
+    resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==}
+    engines: {node: '>=0.8'}
+
+  cluster-key-slot@1.1.2:
+    resolution: {integrity: sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==}
+    engines: {node: '>=0.10.0'}
+
+  color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+
+  color-support@1.1.3:
+    resolution: {integrity: sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==}
+    hasBin: true
+
+  color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+    engines: {node: '>=12.5.0'}
+
+  colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+
+  colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+
+  colorjs.io@0.5.2:
+    resolution: {integrity: sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==}
+
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
+  commander@10.0.1:
+    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
+    engines: {node: '>=14'}
+
+  commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
+  comment-parser@1.4.1:
+    resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
+    engines: {node: '>= 12.0.0'}
+
+  commondir@1.0.1:
+    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
+
+  compare-func@2.0.0:
+    resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==}
+
+  compatx@0.1.8:
+    resolution: {integrity: sha512-jcbsEAR81Bt5s1qOFymBufmCbXCXbk0Ql+K5ouj6gCyx2yHlu6AgmGIi9HxfKixpUDO5bCFJUHQ5uM6ecbTebw==}
+
+  compress-commons@6.0.2:
+    resolution: {integrity: sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==}
+    engines: {node: '>= 14'}
+
+  computeds@0.0.1:
+    resolution: {integrity: sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  concat-stream@2.0.0:
+    resolution: {integrity: sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==}
+    engines: {'0': node >= 6.0}
+
+  confbox@0.1.7:
+    resolution: {integrity: sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==}
+
+  config-chain@1.1.13:
+    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+
+  configstore@6.0.0:
+    resolution: {integrity: sha512-cD31W1v3GqUlQvbBCGcXmd2Nj9SvLDOP1oQ0YFuLETufzSPaKp11rYBsSOm7rCsW3OnIRAFM3OxRhceaXNYHkA==}
+    engines: {node: '>=12'}
+
+  consola@3.2.3:
+    resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
+  console-control-strings@1.1.0:
+    resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==}
+
+  conventional-changelog-angular@7.0.0:
+    resolution: {integrity: sha512-ROjNchA9LgfNMTTFSIWPzebCwOGFdgkEq45EnvvrmSLvCtAw0HSmrCs7/ty+wAeYUZyNay0YMUNYFTRL72PkBQ==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-atom@4.0.0:
+    resolution: {integrity: sha512-q2YtiN7rnT1TGwPTwjjBSIPIzDJCRE+XAUahWxnh+buKK99Kks4WLMHoexw38GXx9OUxAsrp44f9qXe5VEMYhw==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-codemirror@4.0.0:
+    resolution: {integrity: sha512-hQSojc/5imn1GJK3A75m9hEZZhc3urojA5gMpnar4JHmgLnuM3CUIARPpEk86glEKr3c54Po3WV/vCaO/U8g3Q==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-conventionalcommits@7.0.2:
+    resolution: {integrity: sha512-NKXYmMR/Hr1DevQegFB4MwfM5Vv0m4UIxKZTTYuD98lpTknaZlSRrDOG4X7wIXpGkfsYxZTghUN+Qq+T0YQI7w==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-core@7.0.0:
+    resolution: {integrity: sha512-UYgaB1F/COt7VFjlYKVE/9tTzfU3VUq47r6iWf6lM5T7TlOxr0thI63ojQueRLIpVbrtHK4Ffw+yQGduw2Bhdg==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-ember@4.0.0:
+    resolution: {integrity: sha512-D0IMhwcJUg1Y8FSry6XAplEJcljkHVlvAZddhhsdbL1rbsqRsMfGx/PIkPYq0ru5aDgn+OxhQ5N5yR7P9mfsvA==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-eslint@5.0.0:
+    resolution: {integrity: sha512-6JtLWqAQIeJLn/OzUlYmzd9fKeNSWmQVim9kql+v4GrZwLx807kAJl3IJVc3jTYfVKWLxhC3BGUxYiuVEcVjgA==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-express@4.0.0:
+    resolution: {integrity: sha512-yWyy5c7raP9v7aTvPAWzqrztACNO9+FEI1FSYh7UP7YT1AkWgv5UspUeB5v3Ibv4/o60zj2o9GF2tqKQ99lIsw==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-jquery@5.0.0:
+    resolution: {integrity: sha512-slLjlXLRNa/icMI3+uGLQbtrgEny3RgITeCxevJB+p05ExiTgHACP5p3XiMKzjBn80n+Rzr83XMYfRInEtCPPw==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-jshint@4.0.0:
+    resolution: {integrity: sha512-LyXq1bbl0yG0Ai1SbLxIk8ZxUOe3AjnlwE6sVRQmMgetBk+4gY9EO3d00zlEt8Y8gwsITytDnPORl8al7InTjg==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-preset-loader@4.1.0:
+    resolution: {integrity: sha512-HozQjJicZTuRhCRTq4rZbefaiCzRM2pr6u2NL3XhrmQm4RMnDXfESU6JKu/pnKwx5xtdkYfNCsbhN5exhiKGJA==}
+    engines: {node: '>=16'}
+
+  conventional-changelog-writer@7.0.1:
+    resolution: {integrity: sha512-Uo+R9neH3r/foIvQ0MKcsXkX642hdm9odUp7TqgFS7BsalTcjzRlIfWZrZR1gbxOozKucaKt5KAbjW8J8xRSmA==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  conventional-changelog@5.1.0:
+    resolution: {integrity: sha512-aWyE/P39wGYRPllcCEZDxTVEmhyLzTc9XA6z6rVfkuCD2UBnhV/sgSOKbQrEG5z9mEZJjnopjgQooTKxEg8mAg==}
+    engines: {node: '>=16'}
+
+  conventional-commits-filter@4.0.0:
+    resolution: {integrity: sha512-rnpnibcSOdFcdclpFwWa+pPlZJhXE7l+XK04zxhbWrhgpR96h33QLz8hITTXbcYICxVr3HZFtbtUAQ+4LdBo9A==}
+    engines: {node: '>=16'}
+
+  conventional-commits-parser@5.0.0:
+    resolution: {integrity: sha512-ZPMl0ZJbw74iS9LuX9YIAiW8pfM5p3yh2o/NbXHbkFuZzY5jvdi5jFycEOkmBW5H5I7nA+D6f3UcsCLP2vvSEA==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  conventional-recommended-bump@9.0.0:
+    resolution: {integrity: sha512-HR1yD0G5HgYAu6K0wJjLd7QGRK8MQDqqj6Tn1n/ja1dFwBCE6QmV+iSgQ5F7hkx7OUR/8bHpxJqYtXj2f/opPQ==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  convert-gitmoji@0.1.5:
+    resolution: {integrity: sha512-4wqOafJdk2tqZC++cjcbGcaJ13BZ3kwldf06PTiAQRAB76Z1KJwZNL1SaRZMi2w1FM9RYTgZ6QErS8NUl/GBmQ==}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie-es@1.2.2:
+    resolution: {integrity: sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==}
+
+  copy-anything@3.0.5:
+    resolution: {integrity: sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==}
+    engines: {node: '>=12.13'}
+
+  core-js-compat@3.38.1:
+    resolution: {integrity: sha512-JRH6gfXxGmrzF3tZ57lFx97YARxCXPaMzPo6jELZhv88pBH5VXpQ+y0znKGlFnzuaihqhLbefxSJxWJMPtfDzw==}
+
+  core-util-is@1.0.3:
+    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
+
+  cosmiconfig@9.0.0:
+    resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  crc-32@1.2.2:
+    resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
+    engines: {node: '>=0.8'}
+    hasBin: true
+
+  crc32-stream@6.0.0:
+    resolution: {integrity: sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==}
+    engines: {node: '>= 14'}
+
+  create-require@1.1.1:
+    resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
+
+  croner@8.1.2:
+    resolution: {integrity: sha512-ypfPFcAXHuAZRCzo3vJL6ltENzniTjwe/qsLleH1V2/7SRDjgvRQyrLmumFTLmjFax4IuSxfGXEn79fozXcJog==}
+    engines: {node: '>=18.0'}
+
+  cronstrue@2.50.0:
+    resolution: {integrity: sha512-ULYhWIonJzlScCCQrPUG5uMXzXxSixty4djud9SS37DoNxDdkeRocxzHuAo4ImRBUK+mAuU5X9TSwEDccnnuPg==}
+    hasBin: true
+
+  cross-fetch@3.1.8:
+    resolution: {integrity: sha512-cvA+JwZoU0Xq+h6WkMvAUqPEYy92Obet6UdKLfW60qn99ftItKjB5T+BkyWOFWe2pUyfQ+IJHmpOTznqk1M6Kg==}
+
+  cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+
+  crossws@0.2.4:
+    resolution: {integrity: sha512-DAxroI2uSOgUKLz00NX6A8U/8EE3SZHmIND+10jkVSaypvyt57J5JEOxAQOL6lQxyzi/wZbTIwssU1uy69h5Vg==}
+    peerDependencies:
+      uWebSockets.js: '*'
+    peerDependenciesMeta:
+      uWebSockets.js:
+        optional: true
+
+  crypto-random-string@4.0.0:
+    resolution: {integrity: sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==}
+    engines: {node: '>=12'}
+
+  css-background-parser@0.1.0:
+    resolution: {integrity: sha512-2EZLisiZQ+7m4wwur/qiYJRniHX4K5Tc9w93MT3AS0WS1u5kaZ4FKXlOTBhOjc+CgEgPiGY+fX1yWD8UwpEqUA==}
+
+  css-box-shadow@1.0.0-3:
+    resolution: {integrity: sha512-9jaqR6e7Ohds+aWwmhe6wILJ99xYQbfmK9QQB9CcMjDbTxPZjwEmUQpU91OG05Xgm8BahT5fW+svbsQGjS/zPg==}
+
+  css-color-keywords@1.0.0:
+    resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==}
+    engines: {node: '>=4'}
+
+  css-declaration-sorter@7.2.0:
+    resolution: {integrity: sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss: ^8.0.9
+
+  css-gradient-parser@0.0.16:
+    resolution: {integrity: sha512-3O5QdqgFRUbXvK1x5INf1YkBz1UKSWqrd63vWsum8MNHDBYD5urm3QtxZbKU259OrEXNM26lP/MPY3d1IGkBgA==}
+    engines: {node: '>=16'}
+
+  css-select@5.1.0:
+    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
+
+  css-to-react-native@3.2.0:
+    resolution: {integrity: sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==}
+
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-tree@3.0.0:
+    resolution: {integrity: sha512-o88DVQ6GzsABn1+6+zo2ct801dBO5OASVyxbbvA2W20ue2puSh/VOuqUj90eUeMSX/xqGqBmOKiRQN7tJOuBXw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  cssfilter@0.0.10:
+    resolution: {integrity: sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw==}
+
+  cssnano-preset-default@7.0.6:
+    resolution: {integrity: sha512-ZzrgYupYxEvdGGuqL+JKOY70s7+saoNlHSCK/OGn1vB2pQK8KSET8jvenzItcY+kA7NoWvfbb/YhlzuzNKjOhQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  cssnano-utils@5.0.0:
+    resolution: {integrity: sha512-Uij0Xdxc24L6SirFr25MlwC2rCFX6scyUmuKpzI+JQ7cyqDEwD42fJ0xfB3yLfOnRDU5LKGgjQ9FA6LYh76GWQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  cssnano@7.0.6:
+    resolution: {integrity: sha512-54woqx8SCbp8HwvNZYn68ZFAepuouZW4lTwiMVnBErM3VkO7/Sd4oTOt3Zz3bPx3kxQ36aISppyXj2Md4lg8bw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  dargs@8.1.0:
+    resolution: {integrity: sha512-wAV9QHOsNbwnWdNW2FYvE1P56wtgSbM+3SZcdGiWQILwVjACCXDCI3Ai8QlCjMDB8YK5zySiXZYBiwGmNY3lnw==}
+    engines: {node: '>=12'}
+
+  data-uri-to-buffer@6.0.2:
+    resolution: {integrity: sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw==}
+    engines: {node: '>= 14'}
+
+  db0@0.1.4:
+    resolution: {integrity: sha512-Ft6eCwONYxlwLjBXSJxw0t0RYtA5gW9mq8JfBXn9TtC0nDPlqePAhpv9v4g9aONBi6JI1OXHTKKkUYGd+BOrCA==}
+    peerDependencies:
+      '@libsql/client': ^0.5.2
+      better-sqlite3: ^9.4.3
+      drizzle-orm: ^0.29.4
+    peerDependenciesMeta:
+      '@libsql/client':
+        optional: true
+      better-sqlite3:
+        optional: true
+      drizzle-orm:
+        optional: true
+
+  de-indent@1.0.2:
+    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
+
+  debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.3.7:
+    resolution: {integrity: sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decode-named-character-reference@1.0.2:
+    resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
+
+  decompress-response@6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
+    engines: {node: '>=10'}
+
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
+  deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
+  default-browser-id@5.0.0:
+    resolution: {integrity: sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==}
+    engines: {node: '>=18'}
+
+  default-browser@5.2.1:
+    resolution: {integrity: sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==}
+    engines: {node: '>=18'}
+
+  defaults@1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
+
+  define-lazy-prop@2.0.0:
+    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
+    engines: {node: '>=8'}
+
+  define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
+  defu@6.1.4:
+    resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
+
+  degenerator@5.0.1:
+    resolution: {integrity: sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==}
+    engines: {node: '>= 14'}
+
+  delegates@1.0.0:
+    resolution: {integrity: sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==}
+
+  denque@2.1.0:
+    resolution: {integrity: sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==}
+    engines: {node: '>=0.10'}
+
+  depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+
+  deprecation@2.3.1:
+    resolution: {integrity: sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  destr@2.0.3:
+    resolution: {integrity: sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==}
+
+  destroy@1.2.0:
+    resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
+    engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
+
+  detab@3.0.2:
+    resolution: {integrity: sha512-7Bp16Bk8sk0Y6gdXiCtnpGbghn8atnTJdd/82aWvS5ESnlcNvgUc10U2NYS0PAiDSGjWiI8qs/Cv1b2uSGdQ8w==}
+
+  detect-libc@1.0.3:
+    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
+  detect-libc@2.0.3:
+    resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
+    engines: {node: '>=8'}
+
+  devalue@5.1.1:
+    resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
+  dfa@1.2.0:
+    resolution: {integrity: sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==}
+
+  diff@7.0.0:
+    resolution: {integrity: sha512-PJWHUb1RFevKCwaFA9RlG5tCd+FO5iRh9A8HEtkmBH2Li03iJriB6m6JIN4rGz3K3JLawI7/veA1xzRKP6ISBw==}
+    engines: {node: '>=0.3.1'}
+
+  dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+
+  doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+
+  dot-prop@5.3.0:
+    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
+    engines: {node: '>=8'}
+
+  dot-prop@6.0.1:
+    resolution: {integrity: sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==}
+    engines: {node: '>=10'}
+
+  dot-prop@8.0.2:
+    resolution: {integrity: sha512-xaBe6ZT4DHPkg0k4Ytbvn5xoxgpG0jOS1dYxSOwAHPuNLjP3/OzN0gH55SrLqpx8cBfSaVt91lXYkApjb+nYdQ==}
+    engines: {node: '>=16'}
+
+  dotenv@16.4.5:
+    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
+    engines: {node: '>=12'}
+
+  duplexer@0.1.2:
+    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
+
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  editorconfig@1.0.4:
+    resolution: {integrity: sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  ee-first@1.1.1:
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+
+  electron-to-chromium@1.5.29:
+    resolution: {integrity: sha512-PF8n2AlIhCKXQ+gTpiJi0VhcHDb69kYX4MtCiivctc2QD3XuNZ/XIOlbGzt7WAjjEev0TtaH6Cu3arZExm5DOw==}
+
+  emoji-regex@10.4.0:
+    resolution: {integrity: sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  emojilib@2.4.0:
+    resolution: {integrity: sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw==}
+
+  emoticon@4.1.0:
+    resolution: {integrity: sha512-VWZfnxqwNcc51hIy/sbOdEem6D+cVtpPzEEtVAFdaas30+1dgkyaOQ4sQ6Bp0tOMqWO1v+HQfYaoodOkdhK6SQ==}
+
+  encodeurl@1.0.2:
+    resolution: {integrity: sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==}
+    engines: {node: '>= 0.8'}
+
+  encodeurl@2.0.0:
+    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
+    engines: {node: '>= 0.8'}
+
+  end-of-stream@1.4.4:
+    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+
+  engine.io-client@6.6.1:
+    resolution: {integrity: sha512-aYuoak7I+R83M/BBPIOs2to51BmFIpC1wZe6zZzMrT2llVsHy5cvcmdsJgP2Qz6smHu+sD9oexiSUAVd8OfBPw==}
+
+  engine.io-parser@5.2.3:
+    resolution: {integrity: sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==}
+    engines: {node: '>=10.0.0'}
+
+  enhanced-resolve@5.17.1:
+    resolution: {integrity: sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==}
+    engines: {node: '>=10.13.0'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+
+  error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+
+  error-stack-parser-es@0.1.5:
+    resolution: {integrity: sha512-xHku1X40RO+fO8yJ8Wh2f2rZWVjqyhb1zgq1yZ8aZRQkv6OOKhKWRUaht3eSCUbAOBaKIgM+ykwFLE+QUxgGeg==}
+
+  errx@0.1.0:
+    resolution: {integrity: sha512-fZmsRiDNv07K6s2KkKFTiD2aIvECa7++PKyD5NC32tpRw46qZA3sOz+aM+/V9V0GDHxVTKLziveV4JhzBHDp9Q==}
+
+  es-module-lexer@1.5.4:
+    resolution: {integrity: sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==}
+
+  esbuild@0.19.12:
+    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.20.2:
+    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.21.5:
+    resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.23.1:
+    resolution: {integrity: sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  esbuild@0.24.0:
+    resolution: {integrity: sha512-FuLPevChGDshgSicjisSooU0cemp/sGXR841D5LHMB7mTVOmsEHcAxaH3irL53+8YDIeVNQEySh4DaYU/iuPqQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-goat@4.0.0:
+    resolution: {integrity: sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==}
+    engines: {node: '>=12'}
+
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
+  escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  escodegen@2.1.0:
+    resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
+    engines: {node: '>=6.0'}
+    hasBin: true
+
+  eslint-config-flat-gitignore@0.3.0:
+    resolution: {integrity: sha512-0Ndxo4qGhcewjTzw52TK06Mc00aDtHNTdeeW2JfONgDcLkRO/n/BteMRzNVpLQYxdCC/dFEilfM9fjjpGIJ9Og==}
+    peerDependencies:
+      eslint: ^9.5.0
+
+  eslint-flat-config-utils@0.4.0:
+    resolution: {integrity: sha512-kfd5kQZC+BMO0YwTol6zxjKX1zAsk8JfSAopbKjKqmENTJcew+yBejuvccAg37cvOrN0Mh+DVbeyznuNWEjt4A==}
+
+  eslint-import-resolver-node@0.3.9:
+    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
+
+  eslint-plugin-import-x@4.3.1:
+    resolution: {integrity: sha512-5TriWkXulDl486XnYYRgsL+VQoS/7mhN/2ci02iLCuL7gdhbiWxnsuL/NTcaKY9fpMgsMFjWZBtIGW7pb+RX0g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+
+  eslint-plugin-jsdoc@50.3.1:
+    resolution: {integrity: sha512-SY9oUuTMr6aWoJggUS40LtMjsRzJPB5ZT7F432xZIHK3EfHF+8i48GbUBpwanrtlL9l1gILNTHK9o8gEhYLcKA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
+
+  eslint-plugin-regexp@2.6.0:
+    resolution: {integrity: sha512-FCL851+kislsTEQEMioAlpDuK5+E5vs0hi1bF8cFlPlHcEjeRhuAzEsGikXRreE+0j4WhW2uO54MqTjXtYOi3A==}
+    engines: {node: ^18 || >=20}
+    peerDependencies:
+      eslint: '>=8.44.0'
+
+  eslint-plugin-unicorn@55.0.0:
+    resolution: {integrity: sha512-n3AKiVpY2/uDcGrS3+QsYDkjPfaOrNrsfQxU9nt5nitd9KuvVXrfAvgCO9DYPSfap+Gqjw9EOrXIsBp5tlHZjA==}
+    engines: {node: '>=18.18'}
+    peerDependencies:
+      eslint: '>=8.56.0'
+
+  eslint-plugin-vue@9.28.0:
+    resolution: {integrity: sha512-ShrihdjIhOTxs+MfWun6oJWuk+g/LAhN+CiuOl/jjkG3l0F2AuK5NMTaWqyvBgkFtpYmyks6P4603mLmhNJW8g==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
+
+  eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-scope@8.1.0:
+    resolution: {integrity: sha512-14dSvlhaVhKKsa9Fx1l8A17s7ah7Ef7wCakJ10LYk6+GYmP9yDti2oq2SEwcyndt6knfcZyhyxwY3i9yL78EQw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.1.0:
+    resolution: {integrity: sha512-Q7lok0mqMUSf5a/AdAZkA5a/gHcO6snwQClVNNvFKCAVlxXucdU8pKydU5ZVZjBx5xr37vGbFFWtLQYreLzrZg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint@9.12.0:
+    resolution: {integrity: sha512-UVIOlTEWxwIopRL1wgSQYdnVDcEvs2wyaO6DGo5mXqe3r16IoCNWkR29iHhyaP4cICWjbgbmFUGAhh0GJRuGZw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.2.0:
+    resolution: {integrity: sha512-upbkBJbckcCNBDBDXEbuhjbP68n+scUd3k/U2EkyM9nw+I/jPiL4cLF/Al06CF96wRltFda16sxDFrxsI1v0/g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  esquery@1.6.0:
+    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+
+  event-target-shim@5.0.1:
+    resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
+    engines: {node: '>=6'}
+
+  events@3.3.0:
+    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
+    engines: {node: '>=0.8.x'}
+
+  execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+
+  execa@7.2.0:
+    resolution: {integrity: sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==}
+    engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}
+
+  execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
+    engines: {node: '>=16.17'}
+
+  execa@9.4.0:
+    resolution: {integrity: sha512-yKHlle2YGxZE842MERVIplWwNH5VYmqqcPFgtnlU//K8gxuFFXu0pwd/CrfXTumFpeEiufsP7+opT/bPJa1yVw==}
+    engines: {node: ^18.19.0 || >=20.5.0}
+
+  expand-template@2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
+    engines: {node: '>=6'}
+
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
+  external-editor@3.1.0:
+    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
+    engines: {node: '>=4'}
+
+  externality@1.0.2:
+    resolution: {integrity: sha512-LyExtJWKxtgVzmgtEHyQtLFpw1KFhQphF9nTG8TpAIVkiI/xQ3FJh75tRFLYl4hkn7BNIIdLJInuDAavX35pMw==}
+
+  fake-indexeddb@6.0.0:
+    resolution: {integrity: sha512-YEboHE5VfopUclOck7LncgIqskAqnv4q0EWbYCaxKKjAvO93c+TJIaBuGy8CBFdbg9nKdpN3AuPRwVBJ4k7NrQ==}
+    engines: {node: '>=18'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-fifo@1.3.2:
+    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
+
+  fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fast-npm-meta@0.2.2:
+    resolution: {integrity: sha512-E+fdxeaOQGo/CMWc9f4uHFfgUPJRAu7N3uB8GBvB3SDPAIWJK4GKyYhkAGFq+GYrcbKNfQIz5VVQyJnDuPPCrg==}
+
+  fastq@1.17.1:
+    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+
+  fdir@6.3.0:
+    resolution: {integrity: sha512-QOnuT+BOtivR77wYvCWHfGt9s4Pz1VIMbD463vegT5MLqNXy8rYFT/lPVEqf/bhYeT6qmqrNHhsX+rWwe3rOCQ==}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fdir@6.4.0:
+    resolution: {integrity: sha512-3oB133prH1o4j/L5lLW7uOCF1PlD+/It2L0eL/iAqWMB91RBbqTewABqxhj0ibBd90EEmWZq7ntIWzVaWcXTGQ==}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fflate@0.7.4:
+    resolution: {integrity: sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==}
+
+  figures@6.1.0:
+    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
+    engines: {node: '>=18'}
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  file-uri-to-path@1.0.0:
+    resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-up-simple@1.0.0:
+    resolution: {integrity: sha512-q7Us7kcjj2VMePAa02hDAF6d+MzsdsAWEwYyOpwUtlerRBkOEPBCRZrAV4XfcSN8fHAgaD0hP7miwoay6DCprw==}
+    engines: {node: '>=18'}
+
+  find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  find-up@6.3.0:
+    resolution: {integrity: sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flat@6.0.1:
+    resolution: {integrity: sha512-/3FfIa8mbrg3xE7+wAhWeV+bd7L2Mof+xtZb5dRDKZ+wDvYJK4WDYeIOuOhre5Yv5aQObZrlbRmk3RTSiuQBtw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  flatted@3.3.1:
+    resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
+
+  fontaine@0.5.0:
+    resolution: {integrity: sha512-vPDSWKhVAfTx4hRKT777+N6Szh2pAosAuzLpbppZ6O3UdD/1m6OlHjNcC3vIbgkRTIcLjzySLHXzPeLO2rE8cA==}
+
+  fontkit@2.0.4:
+    resolution: {integrity: sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==}
+
+  foreground-child@3.3.0:
+    resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
+    engines: {node: '>=14'}
+
+  fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+
+  fresh@0.5.2:
+    resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
+    engines: {node: '>= 0.6'}
+
+  fs-constants@1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+
+  fs-extra@11.2.0:
+    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
+    engines: {node: '>=14.14'}
+
+  fs-minipass@2.1.0:
+    resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==}
+    engines: {node: '>= 8'}
+
+  fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  fuse.js@7.0.0:
+    resolution: {integrity: sha512-14F4hBIxqKvD4Zz/XjDc3y94mNZN6pRv3U13Udo0lNLCWRBUsrMv2xwcF/y/Z5sV6+FQW+/ow68cHpm4sunt8Q==}
+    engines: {node: '>=10'}
+
+  gauge@3.0.2:
+    resolution: {integrity: sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==}
+    engines: {node: '>=10'}
+    deprecated: This package is no longer supported.
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-east-asian-width@1.2.0:
+    resolution: {integrity: sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==}
+    engines: {node: '>=18'}
+
+  get-func-name@2.0.2:
+    resolution: {integrity: sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==}
+
+  get-port-please@3.1.2:
+    resolution: {integrity: sha512-Gxc29eLs1fbn6LQ4jSU4vXjlwyZhF5HsGuMAa7gqBP4Rw4yxxltyDUuF5MBclFzDTXO+ACchGQoeela4DSfzdQ==}
+
+  get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+
+  get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
+    engines: {node: '>=16'}
+
+  get-stream@9.0.1:
+    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
+    engines: {node: '>=18'}
+
+  get-tsconfig@4.8.1:
+    resolution: {integrity: sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==}
+
+  get-uri@6.0.3:
+    resolution: {integrity: sha512-BzUrJBS9EcUb4cFol8r4W3v1cPsSyajLSthNkz5BxbpDcHN5tIrM10E2eNvfnvBn3DaT3DUgx0OpsBKkaOpanw==}
+    engines: {node: '>= 14'}
+
+  giget@1.2.3:
+    resolution: {integrity: sha512-8EHPljDvs7qKykr6uw8b+lqLiUc/vUg+KVTI0uND4s63TdsZM2Xus3mflvF0DDG9SiM4RlCkFGL+7aAjRmV7KA==}
+    hasBin: true
+
+  git-config-path@2.0.0:
+    resolution: {integrity: sha512-qc8h1KIQbJpp+241id3GuAtkdyJ+IK+LIVtkiFTRKRrmddDzs3SI9CvP1QYmWBFvm1I/PWRwj//of8bgAc0ltA==}
+    engines: {node: '>=4'}
+
+  git-raw-commits@4.0.0:
+    resolution: {integrity: sha512-ICsMM1Wk8xSGMowkOmPrzo2Fgmfo4bMHLNX6ytHjajRJUqvHOw/TFapQ+QG75c3X/tTDDhOSRPGC52dDbNM8FQ==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  git-semver-tags@7.0.1:
+    resolution: {integrity: sha512-NY0ZHjJzyyNXHTDZmj+GG7PyuAKtMsyWSwh07CR2hOZFa+/yoTsXci/nF2obzL8UDhakFNkD9gNdt/Ed+cxh2Q==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  git-semver-tags@8.0.0:
+    resolution: {integrity: sha512-N7YRIklvPH3wYWAR2vysaqGLPRcpwQ0GKdlqTiVN5w1UmCdaeY3K8s6DMKRCh54DDdzyt/OAB6C8jgVtb7Y2Fg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  git-up@7.0.0:
+    resolution: {integrity: sha512-ONdIrbBCFusq1Oy0sC71F5azx8bVkvtZtMJAsv+a6lz5YAmbNnLD6HAB4gptHZVLPR8S2/kVN6Gab7lryq5+lQ==}
+
+  git-url-parse@14.0.0:
+    resolution: {integrity: sha512-NnLweV+2A4nCvn4U/m2AoYu0pPKlsmhK9cknG7IMwsjFY1S2jxM+mAhsDxyxfCIGfGaD+dozsyX4b6vkYc83yQ==}
+
+  git-url-parse@15.0.0:
+    resolution: {integrity: sha512-5reeBufLi+i4QD3ZFftcJs9jC26aULFLBU23FeKM/b1rI0K6ofIeAblmDVO7Ht22zTDE9+CkJ3ZVb0CgJmz3UQ==}
+
+  github-from-package@0.0.0:
+    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
+
+  github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@10.4.5:
+    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+    hasBin: true
+
+  glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Glob versions prior to v9 are no longer supported
+
+  glob@8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
+    engines: {node: '>=12'}
+    deprecated: Glob versions prior to v9 are no longer supported
+
+  global-directory@4.0.1:
+    resolution: {integrity: sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==}
+    engines: {node: '>=18'}
+
+  globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
+
+  globals@13.24.0:
+    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
+    engines: {node: '>=8'}
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@15.9.0:
+    resolution: {integrity: sha512-SmSKyLLKFbSr6rptvP8izbyxJL4ILwqO9Jg23UA0sDlGlu58V59D1//I3vlc0KJphVdUR7vMjHIplYnzBxorQA==}
+    engines: {node: '>=18'}
+
+  globby@13.2.2:
+    resolution: {integrity: sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  globby@14.0.2:
+    resolution: {integrity: sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==}
+    engines: {node: '>=18'}
+
+  graceful-fs@4.2.10:
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+
+  gzip-size@7.0.0:
+    resolution: {integrity: sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  h3@1.12.0:
+    resolution: {integrity: sha512-Zi/CcNeWBXDrFNlV0hUBJQR9F7a96RjMeAZweW/ZWkR9fuXrMcvKnSA63f/zZ9l0GgQOZDVHGvXivNN9PWOwhA==}
+
+  h3@1.13.0:
+    resolution: {integrity: sha512-vFEAu/yf8UMUcB4s43OaDaigcqpQd14yanmOsn+NcRX3/guSKncyE2rOYhq8RIchgJrPSs/QiIddnTTR1ddiAg==}
+
+  handlebars@4.7.8:
+    resolution: {integrity: sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==}
+    engines: {node: '>=0.4.7'}
+    hasBin: true
+
+  happy-dom@14.12.3:
+    resolution: {integrity: sha512-vsYlEs3E9gLwA1Hp+w3qzu+RUDFf4VTT8cyKqVICoZ2k7WM++Qyd2LwzyTi5bqMJFiIC/vNpTDYuxdreENRK/g==}
+    engines: {node: '>=16.0.0'}
+
+  has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-unicode@2.0.1:
+    resolution: {integrity: sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==}
+
+  hash-sum@2.0.0:
+    resolution: {integrity: sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==}
+
+  hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+
+  hast-util-from-parse5@8.0.1:
+    resolution: {integrity: sha512-Er/Iixbc7IEa7r/XLtuG52zoqn/b3Xng/w6aZQ0xGVxzhw5xUFxcRqdPzP6yFi/4HBYRaifaI5fQ1RH8n0ZeOQ==}
+
+  hast-util-heading-rank@3.0.0:
+    resolution: {integrity: sha512-EJKb8oMUXVHcWZTDepnr+WNbfnXKFNf9duMesmr4S8SXTJBJ9M4Yok08pu9vxdJwdlGRhVumk9mEhkEvKGifwA==}
+
+  hast-util-is-element@3.0.0:
+    resolution: {integrity: sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==}
+
+  hast-util-parse-selector@4.0.0:
+    resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==}
+
+  hast-util-raw@9.0.4:
+    resolution: {integrity: sha512-LHE65TD2YiNsHD3YuXcKPHXPLuYh/gjp12mOfU8jxSrm1f/yJpsb0F/KKljS6U9LJoP0Ux+tCe8iJ2AsPzTdgA==}
+
+  hast-util-to-html@9.0.3:
+    resolution: {integrity: sha512-M17uBDzMJ9RPCqLMO92gNNUDuBSq10a25SDBI08iCCxmorf4Yy6sYHK57n9WAbRAAaU+DuR4W6GN9K4DFZesYg==}
+
+  hast-util-to-parse5@8.0.0:
+    resolution: {integrity: sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==}
+
+  hast-util-to-string@3.0.1:
+    resolution: {integrity: sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
+  hastscript@8.0.0:
+    resolution: {integrity: sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==}
+
+  he@1.2.0:
+    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
+
+  hex-rgb@4.3.0:
+    resolution: {integrity: sha512-Ox1pJVrDCyGHMG9CFg1tmrRUMRPRsAWYc/PinY0XzJU4K7y7vjNoLKIQ7BR5UJMCxNN8EM1MNDmHWA/B3aZUuw==}
+    engines: {node: '>=6'}
+
+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
+  hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+
+  hosted-git-info@7.0.2:
+    resolution: {integrity: sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
+  html-tags@3.3.1:
+    resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
+    engines: {node: '>=8'}
+
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
+  http-errors@2.0.0:
+    resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
+    engines: {node: '>= 0.8'}
+
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  http-shutdown@1.2.2:
+    resolution: {integrity: sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==}
+    engines: {iojs: '>= 1.0.0', node: '>= 0.12.0'}
+
+  https-proxy-agent@5.0.1:
+    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
+    engines: {node: '>= 6'}
+
+  https-proxy-agent@7.0.5:
+    resolution: {integrity: sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==}
+    engines: {node: '>= 14'}
+
+  httpxy@0.1.5:
+    resolution: {integrity: sha512-hqLDO+rfststuyEUTWObQK6zHEEmZ/kaIP2/zclGGZn6X8h/ESTWg+WKecQ/e5k4nPswjzZD+q2VqZIbr15CoQ==}
+
+  human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+
+  human-signals@4.3.1:
+    resolution: {integrity: sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==}
+    engines: {node: '>=14.18.0'}
+
+  human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
+    engines: {node: '>=16.17.0'}
+
+  human-signals@8.0.0:
+    resolution: {integrity: sha512-/1/GPCpDUCCYwlERiYjxoczfP0zfvZMU/OWgQPMya9AbAE24vseigFdhAMObpc8Q4lc/kjutPfUddDYyAmejnA==}
+    engines: {node: '>=18.18.0'}
+
+  iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
+
+  ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  image-meta@0.2.1:
+    resolution: {integrity: sha512-K6acvFaelNxx8wc2VjbIzXKDVB0Khs0QT35U6NkGfTdCmjLNcO2945m7RFNR9/RPVFm48hq7QPzK8uGH18HCGw==}
+
+  image-size@1.1.1:
+    resolution: {integrity: sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ==}
+    engines: {node: '>=16.x'}
+    hasBin: true
+
+  import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+
+  import-lazy@4.0.0:
+    resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
+    engines: {node: '>=8'}
+
+  impound@0.1.0:
+    resolution: {integrity: sha512-F9nJgOsDc3tysjN74edE0vGPEQrU7DAje6g5nNAL5Jc9Tv4JW3mH7XMGne+EaadTniDXLeUrVR21opkNfWO1zQ==}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
+  inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  ini@4.1.1:
+    resolution: {integrity: sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  inquirer@9.3.2:
+    resolution: {integrity: sha512-+ynEbhWKhyomnaX0n2aLIMSkgSlGB5RrWbNXnEqj6mdaIydu6y40MdBjL38SAB0JcdmOaIaMua1azdjLEr3sdw==}
+    engines: {node: '>=18'}
+
+  interpret@1.4.0:
+    resolution: {integrity: sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==}
+    engines: {node: '>= 0.10'}
+
+  ioredis@5.4.1:
+    resolution: {integrity: sha512-2YZsvl7jopIa1gaePkeMtd9rAcSjOOjPtpcLlOeusyO+XH2SK5ZcT+UCrElPP+WVIInh2TzeI4XW9ENaSLVVHA==}
+    engines: {node: '>=12.22.0'}
+
+  ip-address@9.0.5:
+    resolution: {integrity: sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==}
+    engines: {node: '>= 12'}
+
+  ipx@2.1.0:
+    resolution: {integrity: sha512-AVnPGXJ8L41vjd11Z4akIF2yd14636Klxul3tBySxHA6PKfCOQPxBDkCFK5zcWh0z/keR6toh1eg8qzdBVUgdA==}
+    hasBin: true
+
+  iron-webcrypto@1.2.1:
+    resolution: {integrity: sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==}
+
+  is-absolute-url@4.0.1:
+    resolution: {integrity: sha512-/51/TKE88Lmm7Gc4/8btclNXWS+g50wXhYJq8HWIBAGUBnoAdRu1aXeh364t/O7wXDAcTJDP8PNuNKWUDWie+A==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  is-alphabetical@2.0.1:
+    resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
+
+  is-alphanumerical@2.0.1:
+    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
+
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
+  is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+
+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
+  is-builtin-module@3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
+    engines: {node: '>=6'}
+
+  is-core-module@2.15.1:
+    resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
+    engines: {node: '>= 0.4'}
+
+  is-decimal@2.0.1:
+    resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
+
+  is-docker@2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-hexadecimal@2.0.1:
+    resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
+
+  is-in-ci@0.1.0:
+    resolution: {integrity: sha512-d9PXLEY0v1iJ64xLiQMJ51J128EYHAaOR4yZqQi8aHGfw6KgifM3/Viw1oZZ1GCVmb3gBuyhLyHj0HgR2DhSXQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-installed-globally@1.0.0:
+    resolution: {integrity: sha512-K55T22lfpQ63N4KEN57jZUAaAYqYHEe8veb/TycJRk9DdSCLLcovXz/mL6mOnhQaZsQGwPhuFopdQIlqGSEjiQ==}
+    engines: {node: '>=18'}
+
+  is-interactive@1.0.0:
+    resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==}
+    engines: {node: '>=8'}
+
+  is-interactive@2.0.0:
+    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
+    engines: {node: '>=12'}
+
+  is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+
+  is-npm@6.0.0:
+    resolution: {integrity: sha512-JEjxbSmtPSt1c8XTkVrlujcXdKV1/tvuQ7GwKcAlyiVLeYFQ2VHat8xfrDJsIkhCdF/tZ7CiIR3sy141c6+gPQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-obj@2.0.0:
+    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
+    engines: {node: '>=8'}
+
+  is-path-inside@4.0.0:
+    resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==}
+    engines: {node: '>=12'}
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
+  is-reference@1.2.1:
+    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+
+  is-ssh@1.4.0:
+    resolution: {integrity: sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==}
+
+  is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+
+  is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  is-stream@4.0.1:
+    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
+    engines: {node: '>=18'}
+
+  is-text-path@2.0.0:
+    resolution: {integrity: sha512-+oDTluR6WEjdXEJMnC2z6A4FRwFoYuvShVVEGsS7ewc0UTi2QtAKMDJuL4BDEVt+5T7MjFo12RP8ghOM75oKJw==}
+    engines: {node: '>=8'}
+
+  is-typedarray@1.0.0:
+    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
+
+  is-unicode-supported@0.1.0:
+    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
+    engines: {node: '>=10'}
+
+  is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
+    engines: {node: '>=12'}
+
+  is-unicode-supported@2.1.0:
+    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
+    engines: {node: '>=18'}
+
+  is-what@4.1.16:
+    resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==}
+    engines: {node: '>=12.13'}
+
+  is-wsl@2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+
+  is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+    engines: {node: '>=16'}
+
+  is64bit@2.0.0:
+    resolution: {integrity: sha512-jv+8jaWCl0g2lSBkNSVXdzfBA0npK1HGC2KtWM9FumFRoGS94g3NbCCLVnCYHLjp4GrW2KZeeSTMo5ddtznmGw==}
+    engines: {node: '>=18'}
+
+  isarray@1.0.0:
+    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  issue-parser@7.0.1:
+    resolution: {integrity: sha512-3YZcUUR2Wt1WsapF+S/WiA2WmlW0cWAoPccMqne7AxEBhCdFeTPjfv/Axb8V2gyCgY3nRw+ksZ3xSUX+R47iAg==}
+    engines: {node: ^18.17 || >=20.6.1}
+
+  jackspeak@3.4.3:
+    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
+
+  jiti@1.21.6:
+    resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
+    hasBin: true
+
+  jiti@2.0.0:
+    resolution: {integrity: sha512-CJ7e7Abb779OTRv3lomfp7Mns/Sy1+U4pcAx5VbjxCZD5ZM/VJaXPpPjNKjtSvWQy/H86E49REXR34dl1JEz9w==}
+    hasBin: true
+
+  jiti@2.3.3:
+    resolution: {integrity: sha512-EX4oNDwcXSivPrw2qKH2LB5PoFxEvgtv2JgwW0bU858HoLQ+kutSvjLMUqBd0PeJYEinLWhoI9Ol0eYMqj/wNQ==}
+    hasBin: true
+
+  joi@17.13.3:
+    resolution: {integrity: sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==}
+
+  js-beautify@1.15.1:
+    resolution: {integrity: sha512-ESjNzSlt/sWE8sciZH8kBF8BPlwXPwhR6pWKAw8bw4Bwj+iZcnKW6ONWUutJ7eObuBZQpiIb8S7OYspWrKt7rA==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  js-cookie@3.0.5:
+    resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
+    engines: {node: '>=14'}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-tokens@9.0.0:
+    resolution: {integrity: sha512-WriZw1luRMlmV3LGJaR6QOJjWwgLUTf89OwT2lUOyjX2dJGBwgmIkbcz+7WFZjrZM635JOIR517++e/67CP9dQ==}
+
+  js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+
+  jsbn@1.1.0:
+    resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==}
+
+  jsdoc-type-pratt-parser@4.1.0:
+    resolution: {integrity: sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==}
+    engines: {node: '>=12.0.0'}
+
+  jsesc@0.5.0:
+    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
+    hasBin: true
+
+  jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  jsesc@3.0.2:
+    resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
+  json-parse-even-better-errors@3.0.2:
+    resolution: {integrity: sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json-stringify-safe@5.0.1:
+    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsonfile@6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
+
+  jsonparse@1.3.1:
+    resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
+    engines: {'0': node >= 0.2.0}
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
+    engines: {node: '>=6'}
+
+  klona@2.0.6:
+    resolution: {integrity: sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==}
+    engines: {node: '>= 8'}
+
+  knitwork@1.1.0:
+    resolution: {integrity: sha512-oHnmiBUVHz1V+URE77PNot2lv3QiYU2zQf1JjOVkMt3YDKGbu8NAFr+c4mcNOhdsGrB/VpVbRwPwhiXrPhxQbw==}
+
+  kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+
+  ky@1.7.2:
+    resolution: {integrity: sha512-OzIvbHKKDpi60TnF9t7UUVAF1B4mcqc02z5PIvrm08Wyb+yOcz63GRvEuVxNT18a9E1SrNouhB4W2NNLeD7Ykg==}
+    engines: {node: '>=18'}
+
+  latest-version@9.0.0:
+    resolution: {integrity: sha512-7W0vV3rqv5tokqkBAFV1LbR7HPOWzXQDpDgEuib/aJ1jsZZx6x3c2mBI+TJhJzOhkGeaLbCKEHXEXLfirtG2JA==}
+    engines: {node: '>=18'}
+
+  launch-editor@2.9.1:
+    resolution: {integrity: sha512-Gcnl4Bd+hRO9P9icCP/RVVT2o8SFlPXofuCxvA2SaZuH45whSvf5p8x5oih5ftLiVhEI4sp5xDY+R+b3zJBh5w==}
+
+  lazystream@1.0.1:
+    resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==}
+    engines: {node: '>= 0.6.3'}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lighthouse-logger@2.0.1:
+    resolution: {integrity: sha512-ioBrW3s2i97noEmnXxmUq7cjIcVRjT5HBpAYy8zE11CxU9HqlWHHeRxfeN1tn8F7OEMVPIC9x1f8t3Z7US9ehQ==}
+
+  lightningcss-darwin-arm64@1.27.0:
+    resolution: {integrity: sha512-Gl/lqIXY+d+ySmMbgDf0pgaWSqrWYxVHoc88q+Vhf2YNzZ8DwoRzGt5NZDVqqIW5ScpSnmmjcgXP87Dn2ylSSQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.27.0:
+    resolution: {integrity: sha512-0+mZa54IlcNAoQS9E0+niovhyjjQWEMrwW0p2sSdLRhLDc8LMQ/b67z7+B5q4VmjYCMSfnFi3djAAQFIDuj/Tg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.27.0:
+    resolution: {integrity: sha512-n1sEf85fePoU2aDN2PzYjoI8gbBqnmLGEhKq7q0DKLj0UTVmOTwDC7PtLcy/zFxzASTSBlVQYJUhwIStQMIpRA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.27.0:
+    resolution: {integrity: sha512-MUMRmtdRkOkd5z3h986HOuNBD1c2lq2BSQA1Jg88d9I7bmPGx08bwGcnB75dvr17CwxjxD6XPi3Qh8ArmKFqCA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.27.0:
+    resolution: {integrity: sha512-cPsxo1QEWq2sfKkSq2Bq5feQDHdUEwgtA9KaB27J5AX22+l4l0ptgjMZZtYtUnteBofjee+0oW1wQ1guv04a7A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.27.0:
+    resolution: {integrity: sha512-rCGBm2ax7kQ9pBSeITfCW9XSVF69VX+fm5DIpvDZQl4NnQoMQyRwhZQm9pd59m8leZ1IesRqWk2v/DntMo26lg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.27.0:
+    resolution: {integrity: sha512-Dk/jovSI7qqhJDiUibvaikNKI2x6kWPN79AQiD/E/KeQWMjdGe9kw51RAgoWFDi0coP4jinaH14Nrt/J8z3U4A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.27.0:
+    resolution: {integrity: sha512-QKjTxXm8A9s6v9Tg3Fk0gscCQA1t/HMoF7Woy1u68wCk5kS4fR+q3vXa1p3++REW784cRAtkYKrPy6JKibrEZA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.27.0:
+    resolution: {integrity: sha512-/wXegPS1hnhkeG4OXQKEMQeJd48RDC3qdh+OA8pCuOPCyvnm/yEayrJdJVqzBsqpy1aJklRCVxscpFur80o6iQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.27.0:
+    resolution: {integrity: sha512-/OJLj94Zm/waZShL8nB5jsNj3CfNATLCTyFxZyouilfTmSoLDX7VlVAmhPHoZWVFp4vdmoiEbPEYC8HID3m6yw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.27.0:
+    resolution: {integrity: sha512-8f7aNmS1+etYSLHht0fQApPc2kNO8qGRutifN5rVIc6Xo6ABsEbqOr758UwI7ALVbTt4x1fllKt0PYgzD9S3yQ==}
+    engines: {node: '>= 12.0.0'}
+
+  lilconfig@3.1.2:
+    resolution: {integrity: sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==}
+    engines: {node: '>=14'}
+
+  linebreak@1.1.0:
+    resolution: {integrity: sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  lines-and-columns@2.0.4:
+    resolution: {integrity: sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  listhen@1.8.0:
+    resolution: {integrity: sha512-Wj5hk++HPDqnG/0nc9++oXf8M3GlzObC6AJJJ9VYAVhVTdeW+t3HyeiKhK6Ro0GPhVd8lOYM75zsckrtzLB2Gw==}
+    hasBin: true
+
+  local-pkg@0.5.0:
+    resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
+    engines: {node: '>=14'}
+
+  locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  locate-path@7.2.0:
+    resolution: {integrity: sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  lodash.capitalize@4.2.1:
+    resolution: {integrity: sha512-kZzYOKspf8XVX5AvmQF94gQW0lejFVgb80G85bU4ZWzoJ6C03PQg3coYAUpSTpQWelrZELd3XWgHzw4Ck5kaIw==}
+
+  lodash.defaults@4.2.0:
+    resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
+
+  lodash.escaperegexp@4.1.2:
+    resolution: {integrity: sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw==}
+
+  lodash.isarguments@3.1.0:
+    resolution: {integrity: sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==}
+
+  lodash.isplainobject@4.0.6:
+    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
+
+  lodash.isstring@4.0.1:
+    resolution: {integrity: sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==}
+
+  lodash.memoize@4.1.2:
+    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+
+  lodash.uniqby@4.7.0:
+    resolution: {integrity: sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==}
+
+  lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
+  log-symbols@4.1.0:
+    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
+    engines: {node: '>=10'}
+
+  log-symbols@6.0.0:
+    resolution: {integrity: sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==}
+    engines: {node: '>=18'}
+
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
+  loupe@3.1.1:
+    resolution: {integrity: sha512-edNu/8D5MKVfGVFRhFf8aAxiTM6Wumfz5XsaatSxlD3w4R1d/WEKUTydCdPGbl9K7QG/Ca3GnDV2sIKIpXRQcw==}
+
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lru-cache@7.18.3:
+    resolution: {integrity: sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==}
+    engines: {node: '>=12'}
+
+  macos-release@3.3.0:
+    resolution: {integrity: sha512-tPJQ1HeyiU2vRruNGhZ+VleWuMQRro8iFtJxYgnS4NQe+EukKF6aGiIT+7flZhISAt2iaXBCfFGvAyif7/f8nQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  magic-regexp@0.8.0:
+    resolution: {integrity: sha512-lOSLWdE156csDYwCTIGiAymOLN7Epu/TU5e/oAnISZfU6qP+pgjkE+xbVjVn3yLPKN8n1G2yIAYTAM5KRk6/ow==}
+
+  magic-string-ast@0.6.2:
+    resolution: {integrity: sha512-oN3Bcd7ZVt+0VGEs7402qR/tjgjbM7kPlH/z7ufJnzTLVBzXJITRHOJiwMmmYMgZfdoWQsfQcY+iKlxiBppnMA==}
+    engines: {node: '>=16.14.0'}
+
+  magic-string@0.30.11:
+    resolution: {integrity: sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==}
+
+  magicast@0.3.5:
+    resolution: {integrity: sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==}
+
+  make-dir@3.1.0:
+    resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
+    engines: {node: '>=8'}
+
+  markdown-table@3.0.3:
+    resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
+
+  marky@1.2.5:
+    resolution: {integrity: sha512-q9JtQJKjpsVxCRVgQ+WapguSbKC3SQ5HEzFGPAJMStgh3QjCawp00UKv3MTTAArTmGmmPUvllHZoNbZ3gs0I+Q==}
+
+  mdast-util-find-and-replace@3.0.1:
+    resolution: {integrity: sha512-SG21kZHGC3XRTSUhtofZkBzZTJNM5ecCi0SK2IMKmSXR8vO3peL+kb1O0z7Zl83jKtutG4k5Wv/W7V3/YHvzPA==}
+
+  mdast-util-from-markdown@2.0.1:
+    resolution: {integrity: sha512-aJEUyzZ6TzlsX2s5B4Of7lN7EQtAxvtradMMglCQDyaTFgse6CmtmdJ15ElnVRlCg1vpNyVtbem0PWzlNieZsA==}
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
+
+  mdast-util-gfm-footnote@2.0.0:
+    resolution: {integrity: sha512-5jOT2boTSVkMnQ7LTrd6n/18kqwjmuYqo7JUPe+tRCY6O7dAuTFMtTPauYYrMPpox9hlN0uOx/FL8XvEfG9/mQ==}
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
+
+  mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
+
+  mdast-util-gfm@3.0.0:
+    resolution: {integrity: sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-hast@13.2.0:
+    resolution: {integrity: sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==}
+
+  mdast-util-to-markdown@2.1.0:
+    resolution: {integrity: sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
+  mdn-data@2.10.0:
+    resolution: {integrity: sha512-qq7C3EtK3yJXMwz1zAab65pjl+UhohqMOctTgcqjLOWABqmwj+me02LSsCuEUxnst9X1lCBpoE0WArGKgdGDzw==}
+
+  mdurl@2.0.0:
+    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
+
+  meow@12.1.1:
+    resolution: {integrity: sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==}
+    engines: {node: '>=16.10'}
+
+  meow@13.2.0:
+    resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
+    engines: {node: '>=18'}
+
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromark-core-commonmark@2.0.1:
+    resolution: {integrity: sha512-CUQyKr1e///ZODyD1U3xit6zXwy1a8q2a1S1HKtIlmgvurrEpaw/Y9y6KSIbF8P59cn/NjzHyO+Q2fAyYLQrAA==}
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
+
+  micromark-extension-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==}
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    resolution: {integrity: sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==}
+
+  micromark-extension-gfm-table@2.1.0:
+    resolution: {integrity: sha512-Ub2ncQv+fwD70/l4ou27b4YzfNaCJOvyX4HxXU15m7mpYY+rjuWzsLIPZHJL253Z643RpbcP1oeIJlQ/SKW67g==}
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    resolution: {integrity: sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==}
+
+  micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
+
+  micromark-factory-destination@2.0.0:
+    resolution: {integrity: sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA==}
+
+  micromark-factory-label@2.0.0:
+    resolution: {integrity: sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw==}
+
+  micromark-factory-space@2.0.0:
+    resolution: {integrity: sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==}
+
+  micromark-factory-title@2.0.0:
+    resolution: {integrity: sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A==}
+
+  micromark-factory-whitespace@2.0.0:
+    resolution: {integrity: sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA==}
+
+  micromark-util-character@2.1.0:
+    resolution: {integrity: sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ==}
+
+  micromark-util-chunked@2.0.0:
+    resolution: {integrity: sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg==}
+
+  micromark-util-classify-character@2.0.0:
+    resolution: {integrity: sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw==}
+
+  micromark-util-combine-extensions@2.0.0:
+    resolution: {integrity: sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ==}
+
+  micromark-util-decode-numeric-character-reference@2.0.1:
+    resolution: {integrity: sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ==}
+
+  micromark-util-decode-string@2.0.0:
+    resolution: {integrity: sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA==}
+
+  micromark-util-encode@2.0.0:
+    resolution: {integrity: sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==}
+
+  micromark-util-html-tag-name@2.0.0:
+    resolution: {integrity: sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw==}
+
+  micromark-util-normalize-identifier@2.0.0:
+    resolution: {integrity: sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w==}
+
+  micromark-util-resolve-all@2.0.0:
+    resolution: {integrity: sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA==}
+
+  micromark-util-sanitize-uri@2.0.0:
+    resolution: {integrity: sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==}
+
+  micromark-util-subtokenize@2.0.1:
+    resolution: {integrity: sha512-jZNtiFl/1aY73yS3UGQkutD0UbhTt68qnRpw2Pifmz5wV9h8gOVsN70v+Lq/f1rKaU/W8pxRe8y8Q9FX1AOe1Q==}
+
+  micromark-util-symbol@2.0.0:
+    resolution: {integrity: sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==}
+
+  micromark-util-types@2.0.0:
+    resolution: {integrity: sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==}
+
+  micromark@4.0.0:
+    resolution: {integrity: sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ==}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
+  mime@1.6.0:
+    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  mime@3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+
+  mime@4.0.4:
+    resolution: {integrity: sha512-v8yqInVjhXyqP6+Kw4fV3ZzeMRqEW6FotRsKXjRS5VMTNIuXsdRoAvklpoRgSqXm6o9VNH4/C0mgedko9DdLsQ==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+
+  mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+
+  mimic-response@3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
+    engines: {node: '>=10'}
+
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
+    engines: {node: '>=10'}
+
+  minimatch@9.0.1:
+    resolution: {integrity: sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@3.3.6:
+    resolution: {integrity: sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==}
+    engines: {node: '>=8'}
+
+  minipass@5.0.0:
+    resolution: {integrity: sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==}
+    engines: {node: '>=8'}
+
+  minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minisearch@7.1.0:
+    resolution: {integrity: sha512-tv7c/uefWdEhcu6hvrfTihflgeEi2tN6VV7HJnCjK6VxM75QQJh4t9FwJCsA2EsRS8LCnu3W87CuGPWMocOLCA==}
+
+  minizlib@2.1.2:
+    resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
+    engines: {node: '>= 8'}
+
+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
+  mkdirp-classic@0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
+
+  mkdirp@1.0.4:
+    resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  mkdist@1.5.9:
+    resolution: {integrity: sha512-PdJimzhcgDxaHpk1SUabw56gT3BU15vBHUTHkeeus8Kl7jUkpgG7+z0PiS/y23XXgO8TiU/dKP3L1oG55qrP1g==}
+    hasBin: true
+    peerDependencies:
+      sass: ^1.78.0
+      typescript: '>=5.5.4'
+      vue-tsc: ^1.8.27 || ^2.0.21
+    peerDependenciesMeta:
+      sass:
+        optional: true
+      typescript:
+        optional: true
+      vue-tsc:
+        optional: true
+
+  mlly@1.7.1:
+    resolution: {integrity: sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==}
+
+  mlly@1.7.2:
+    resolution: {integrity: sha512-tN3dvVHYVz4DhSXinXIk7u9syPYaJvio118uomkovAtWBT+RdbP6Lfh/5Lvo519YMmwBafwlh20IPTXIStscpA==}
+
+  mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
+
+  mrmime@2.0.0:
+    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
+    engines: {node: '>=10'}
+
+  ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+
+  mute-stream@1.0.0:
+    resolution: {integrity: sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@5.0.7:
+    resolution: {integrity: sha512-oLxFY2gd2IqnjcYyOXD8XGCftpGtZP2AbHbOkthDkvRywH5ayNtPVy9YlOPcHckXzbLTCHpkb7FB+yuxKV13pQ==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+
+  nanotar@0.1.1:
+    resolution: {integrity: sha512-AiJsGsSF3O0havL1BydvI4+wR76sKT+okKRwWIaK96cZUnXqH0uNBOsHlbwZq3+m2BR1VKqHDVudl3gO4mYjpQ==}
+
+  napi-build-utils@1.0.2:
+    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  neo-async@2.6.2:
+    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
+
+  netmask@2.0.2:
+    resolution: {integrity: sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==}
+    engines: {node: '>= 0.4.0'}
+
+  new-github-release-url@2.0.0:
+    resolution: {integrity: sha512-NHDDGYudnvRutt/VhKFlX26IotXe1w0cmkDm6JGquh5bz/bDTw0LufSmH/GxTjEdpHEO+bVKFTwdrcGa/9XlKQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  nitro-cloudflare-dev@0.1.6:
+    resolution: {integrity: sha512-7YcLTJsTZSZZ89XrTEaDEnFsVWbppBgLO0Rr5n3Nf93gKHTBkBfeGH8//8FVwV2poi6SabVbJ0a2eoJRoII81w==}
+
+  nitropack@2.9.7:
+    resolution: {integrity: sha512-aKXvtNrWkOCMsQbsk4A0qQdBjrJ1ZcvwlTQevI/LAgLWLYc5L7Q/YiYxGLal4ITyNSlzir1Cm1D2ZxnYhmpMEw==}
+    engines: {node: ^16.11.0 || >=17.0.0}
+    hasBin: true
+    peerDependencies:
+      xml2js: ^0.6.2
+    peerDependenciesMeta:
+      xml2js:
+        optional: true
+
+  node-abi@3.68.0:
+    resolution: {integrity: sha512-7vbj10trelExNjFSBm5kTvZXXa7pZyKWx9RCKIyqe6I9Ev3IzGpQoqBP3a+cOdxY+pWj6VkP28n/2wWysBHD/A==}
+    engines: {node: '>=10'}
+
+  node-addon-api@6.1.0:
+    resolution: {integrity: sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==}
+
+  node-addon-api@7.1.1:
+    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
+
+  node-emoji@2.1.3:
+    resolution: {integrity: sha512-E2WEOVsgs7O16zsURJ/eH8BqhF029wGpEOnv7Urwdo2wmQanOACwJQh0devF9D9RhoZru0+9JXIS0dBXIAz+lA==}
+    engines: {node: '>=18'}
+
+  node-fetch-native@1.6.4:
+    resolution: {integrity: sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==}
+
+  node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+
+  node-forge@1.3.1:
+    resolution: {integrity: sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==}
+    engines: {node: '>= 6.13.0'}
+
+  node-gyp-build@4.8.2:
+    resolution: {integrity: sha512-IRUxE4BVsHWXkV/SFOut4qTlagw2aM8T5/vnTsmrHJvVoKueJHRc/JaFND7QDDc61kLYUJ6qlZM3sqTSyx2dTw==}
+    hasBin: true
+
+  node-releases@2.0.18:
+    resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
+
+  nopt@5.0.0:
+    resolution: {integrity: sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  nopt@7.2.1:
+    resolution: {integrity: sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+
+  normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+
+  normalize-package-data@6.0.2:
+    resolution: {integrity: sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  normalize-range@0.1.2:
+    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+    engines: {node: '>=0.10.0'}
+
+  npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+
+  npm-run-path@5.3.0:
+    resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  npm-run-path@6.0.0:
+    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
+    engines: {node: '>=18'}
+
+  npmlog@5.0.1:
+    resolution: {integrity: sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==}
+    deprecated: This package is no longer supported.
+
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  nuxi@3.14.0:
+    resolution: {integrity: sha512-MhG4QR6D95jQxhnwKfdKXulZ8Yqy1nbpwbotbxY5IcabOzpEeTB8hYn2BFkmYdMUB0no81qpv2ldZmVCT9UsnQ==}
+    engines: {node: ^16.10.0 || >=18.0.0}
+    hasBin: true
+
+  nuxt-component-meta@0.8.2:
+    resolution: {integrity: sha512-diMXSjBDlueIGy0Wb60vqKCwjT+ZorJGhcD/0xMhGOuyc971ccJgbQRZnwYoCTgMICo+0/+ZL2UyjAiYuHgHqw==}
+    hasBin: true
+
+  nuxt-og-image@3.0.4:
+    resolution: {integrity: sha512-Gw0u1SzjEhWOgj2INzfb6hhEDgnXSnHHVCNviMWWgNMXd1peTpFN9F5Qnnp1pvaRc/7IF5yy/vbM6LCOkHFIYw==}
+    engines: {node: '>=18.0.0'}
+
+  nuxt-site-config-kit@2.2.18:
+    resolution: {integrity: sha512-iPtf2X1fvI9m9VV04edSqNGC2EzQ1aLB7F2/AOxYRktCJxHeTdBGifuNPc90EaEIOfWx+gf3lmRd4EppGoAMSA==}
+
+  nuxt-site-config@2.2.18:
+    resolution: {integrity: sha512-NU39ANP1kvRBzpEWV496y/lf9PKVv3t1VKX3zmQ1POcbzAXU4gm0Mh5NKOaLEcoXj6bQnziFNqjzHX3DAA8Aog==}
+
+  nuxt@3.13.2:
+    resolution: {integrity: sha512-Bjc2qRsipfBhjXsBEJCN+EUAukhdgFv/KoIR5HFB2hZOYRSqXBod3oWQs78k3ja1nlIhAEdBG533898KJxUtJw==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+    hasBin: true
+    peerDependencies:
+      '@parcel/watcher': ^2.1.0
+      '@types/node': ^14.18.0 || >=16.10.0
+    peerDependenciesMeta:
+      '@parcel/watcher':
+        optional: true
+      '@types/node':
+        optional: true
+
+  nypm@0.3.12:
+    resolution: {integrity: sha512-D3pzNDWIvgA+7IORhD/IuWzEk4uXv6GsgOxiid4UU3h9oq5IqV1KtPDi63n4sZJ/xcWlr88c0QM2RgN5VbOhFA==}
+    engines: {node: ^14.16.0 || >=16.10.0}
+    hasBin: true
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  ofetch@1.4.0:
+    resolution: {integrity: sha512-MuHgsEhU6zGeX+EMh+8mSMrYTnsqJQQrpM00Q6QHMKNqQ0bKy0B43tk8tL1wg+CnsSTy1kg4Ir2T5Ig6rD+dfQ==}
+
+  ohash@1.1.4:
+    resolution: {integrity: sha512-FlDryZAahJmEF3VR3w1KogSEdWX3WhA5GPakFx4J81kEAiHyLMpdLLElS8n8dfNadMgAne/MywcvmogzscVt4g==}
+
+  on-finished@2.4.1:
+    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
+    engines: {node: '>= 0.8'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+
+  onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+
+  oniguruma-to-js@0.4.3:
+    resolution: {integrity: sha512-X0jWUcAlxORhOqqBREgPMgnshB7ZGYszBNspP+tS9hPD3l13CdaXcHbgImoHUHlrvGx/7AvFEkTRhAGYh+jzjQ==}
+
+  open@10.1.0:
+    resolution: {integrity: sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==}
+    engines: {node: '>=18'}
+
+  open@8.4.2:
+    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
+    engines: {node: '>=12'}
+
+  openapi-typescript@6.7.6:
+    resolution: {integrity: sha512-c/hfooPx+RBIOPM09GSxABOZhYPblDoyaGhqBkD/59vtpN21jEuWKDlM0KYTvqJVlSYjKs0tBcIdeXKChlSPtw==}
+    hasBin: true
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  ora@5.4.1:
+    resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==}
+    engines: {node: '>=10'}
+
+  ora@8.0.1:
+    resolution: {integrity: sha512-ANIvzobt1rls2BDny5fWZ3ZVKyD6nscLvfFRpQgfWsythlcsVUC9kL0zq6j2Z5z9wwp1kd7wpsD/T9qNPVLCaQ==}
+    engines: {node: '>=18'}
+
+  os-name@5.1.0:
+    resolution: {integrity: sha512-YEIoAnM6zFmzw3PQ201gCVCIWbXNyKObGlVvpAVvraAeOHnlYVKFssbA/riRX5R40WA6kKrZ7Dr7dWzO3nKSeQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  os-tmpdir@1.0.2:
+    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
+    engines: {node: '>=0.10.0'}
+
+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-limit@4.0.0:
+    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  p-locate@6.0.0:
+    resolution: {integrity: sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
+  pac-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-BFi3vZnO9X5Qt6NRz7ZOaPja3ic0PhlsmCRYLOpN11+mWBCR6XJDqW5RF3j8jm4WGGQZtBA+bTfxYzeKW73eHg==}
+    engines: {node: '>= 14'}
+
+  pac-resolver@7.0.1:
+    resolution: {integrity: sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==}
+    engines: {node: '>= 14'}
+
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
+  package-json@10.0.1:
+    resolution: {integrity: sha512-ua1L4OgXSBdsu1FPb7F3tYH0F48a6kxvod4pLUlGY9COeJAJQNX/sNH2IiEmsxw7lqYiAwrdHMjz1FctOsyDQg==}
+    engines: {node: '>=18'}
+
+  package-manager-detector@0.2.0:
+    resolution: {integrity: sha512-E385OSk9qDcXhcM9LNSe4sdhx8a9mAPrZ4sMLW+tmxl5ZuGtPUcdFu+MPP2jbgiWAZ6Pfe5soGFMd+0Db5Vrog==}
+
+  pako@0.2.9:
+    resolution: {integrity: sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-css-color@0.2.1:
+    resolution: {integrity: sha512-bwS/GGIFV3b6KS4uwpzCFj4w297Yl3uqnSgIPsoQkx7GMLROXfMnWvxfNkL0oh8HVhZA4hvJoEoEIqonfJ3BWg==}
+
+  parse-entities@4.0.1:
+    resolution: {integrity: sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==}
+
+  parse-git-config@3.0.0:
+    resolution: {integrity: sha512-wXoQGL1D+2COYWCD35/xbiKma1Z15xvZL8cI25wvxzled58V51SJM04Urt/uznS900iQor7QO04SgdfT/XlbuA==}
+    engines: {node: '>=8'}
+
+  parse-imports@2.2.1:
+    resolution: {integrity: sha512-OL/zLggRp8mFhKL0rNORUTR4yBYujK/uU+xZL+/0Rgm2QE4nLO9v8PzEweSJEbMGKmDRjJE4R3IMJlL2di4JeQ==}
+    engines: {node: '>= 18'}
+
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  parse-json@7.1.1:
+    resolution: {integrity: sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==}
+    engines: {node: '>=16'}
+
+  parse-ms@4.0.0:
+    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
+    engines: {node: '>=18'}
+
+  parse-path@7.0.0:
+    resolution: {integrity: sha512-Euf9GG8WT9CdqwuWJGdf3RkUcTBArppHABkO7Lm8IzRQp0e2r/kkFnmhu4TSK30Wcu5rVAZLmfPKSBBi9tWFog==}
+
+  parse-url@8.1.0:
+    resolution: {integrity: sha512-xDvOoLU5XRrcOZvnI6b8zA6n9O9ejNk/GExuz1yBuWUGn9KA97GI6HTs6u02wKara1CeVmZhH+0TZFdWScR89w==}
+
+  parse5@7.1.2:
+    resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
+
+  parseurl@1.3.3:
+    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
+    engines: {node: '>= 0.8'}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-exists@5.0.0:
+    resolution: {integrity: sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  path-scurry@1.11.1:
+    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+    engines: {node: '>=16 || 14 >=14.18'}
+
+  path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+
+  path-type@5.0.0:
+    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
+    engines: {node: '>=12'}
+
+  pathe@1.1.2:
+    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
+
+  pathval@2.0.0:
+    resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
+    engines: {node: '>= 14.16'}
+
+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
+  picocolors@1.1.0:
+    resolution: {integrity: sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==}
+
+  picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.2:
+    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
+    engines: {node: '>=12'}
+
+  pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+
+  pkg-types@1.2.0:
+    resolution: {integrity: sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==}
+
+  playwright-core@1.47.2:
+    resolution: {integrity: sha512-3JvMfF+9LJfe16l7AbSmU555PaTl2tPyQsVInqm3id16pdDfvZ8TTZ/pyzmkbDrZTQefyzU7AIHlZqQnxpqHVQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  pluralize@8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+
+  postcss-calc@10.0.2:
+    resolution: {integrity: sha512-DT/Wwm6fCKgpYVI7ZEWuPJ4az8hiEHtCUeYjZXqU7Ou4QqYh1Df2yCQ7Ca6N7xqKPFkxN3fhf+u9KSoOCJNAjg==}
+    engines: {node: ^18.12 || ^20.9 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.38
+
+  postcss-colormin@7.0.2:
+    resolution: {integrity: sha512-YntRXNngcvEvDbEjTdRWGU606eZvB5prmHG4BF0yLmVpamXbpsRJzevyy6MZVyuecgzI2AWAlvFi8DAeCqwpvA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-convert-values@7.0.4:
+    resolution: {integrity: sha512-e2LSXPqEHVW6aoGbjV9RsSSNDO3A0rZLCBxN24zvxF25WknMPpX8Dm9UxxThyEbaytzggRuZxaGXqaOhxQ514Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-comments@7.0.3:
+    resolution: {integrity: sha512-q6fjd4WU4afNhWOA2WltHgCbkRhZPgQe7cXF74fuVB/ge4QbM9HEaOIzGSiMvM+g/cOsNAUGdf2JDzqA2F8iLA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-duplicates@7.0.1:
+    resolution: {integrity: sha512-oZA+v8Jkpu1ct/xbbrntHRsfLGuzoP+cpt0nJe5ED2FQF8n8bJtn7Bo28jSmBYwqgqnqkuSXJfSUEE7if4nClQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-empty@7.0.0:
+    resolution: {integrity: sha512-e+QzoReTZ8IAwhnSdp/++7gBZ/F+nBq9y6PomfwORfP7q9nBpK5AMP64kOt0bA+lShBFbBDcgpJ3X4etHg4lzA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-overridden@7.0.0:
+    resolution: {integrity: sha512-GmNAzx88u3k2+sBTZrJSDauR0ccpE24omTQCVmaTTZFz1du6AasspjaUPMJ2ud4RslZpoFKyf+6MSPETLojc6w==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-import@16.1.0:
+    resolution: {integrity: sha512-7hsAZ4xGXl4MW+OKEWCnF6T5jqBw80/EE9aXg1r2yyn1RsVEU8EtKXbijEODa+rg7iih4bKf7vlvTGYR4CnPNg==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-merge-longhand@7.0.4:
+    resolution: {integrity: sha512-zer1KoZA54Q8RVHKOY5vMke0cCdNxMP3KBfDerjH/BYHh4nCIh+1Yy0t1pAEQF18ac/4z3OFclO+ZVH8azjR4A==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-merge-rules@7.0.4:
+    resolution: {integrity: sha512-ZsaamiMVu7uBYsIdGtKJ64PkcQt6Pcpep/uO90EpLS3dxJi6OXamIobTYcImyXGoW0Wpugh7DSD3XzxZS9JCPg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-font-values@7.0.0:
+    resolution: {integrity: sha512-2ckkZtgT0zG8SMc5aoNwtm5234eUx1GGFJKf2b1bSp8UflqaeFzR50lid4PfqVI9NtGqJ2J4Y7fwvnP/u1cQog==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-gradients@7.0.0:
+    resolution: {integrity: sha512-pdUIIdj/C93ryCHew0UgBnL2DtUS3hfFa5XtERrs4x+hmpMYGhbzo6l/Ir5de41O0GaKVpK1ZbDNXSY6GkXvtg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-params@7.0.2:
+    resolution: {integrity: sha512-nyqVLu4MFl9df32zTsdcLqCFfE/z2+f8GE1KHPxWOAmegSo6lpV2GNy5XQvrzwbLmiU7d+fYay4cwto1oNdAaQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-selectors@7.0.4:
+    resolution: {integrity: sha512-JG55VADcNb4xFCf75hXkzc1rNeURhlo7ugf6JjiiKRfMsKlDzN9CXHZDyiG6x/zGchpjQS+UAgb1d4nqXqOpmA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-nested@6.2.0:
+    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-normalize-charset@7.0.0:
+    resolution: {integrity: sha512-ABisNUXMeZeDNzCQxPxBCkXexvBrUHV+p7/BXOY+ulxkcjUZO0cp8ekGBwvIh2LbCwnWbyMPNJVtBSdyhM2zYQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-display-values@7.0.0:
+    resolution: {integrity: sha512-lnFZzNPeDf5uGMPYgGOw7v0BfB45+irSRz9gHQStdkkhiM0gTfvWkWB5BMxpn0OqgOQuZG/mRlZyJxp0EImr2Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-positions@7.0.0:
+    resolution: {integrity: sha512-I0yt8wX529UKIGs2y/9Ybs2CelSvItfmvg/DBIjTnoUSrPxSV7Z0yZ8ShSVtKNaV/wAY+m7bgtyVQLhB00A1NQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-repeat-style@7.0.0:
+    resolution: {integrity: sha512-o3uSGYH+2q30ieM3ppu9GTjSXIzOrRdCUn8UOMGNw7Af61bmurHTWI87hRybrP6xDHvOe5WlAj3XzN6vEO8jLw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-string@7.0.0:
+    resolution: {integrity: sha512-w/qzL212DFVOpMy3UGyxrND+Kb0fvCiBBujiaONIihq7VvtC7bswjWgKQU/w4VcRyDD8gpfqUiBQ4DUOwEJ6Qg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-timing-functions@7.0.0:
+    resolution: {integrity: sha512-tNgw3YV0LYoRwg43N3lTe3AEWZ66W7Dh7lVEpJbHoKOuHc1sLrzMLMFjP8SNULHaykzsonUEDbKedv8C+7ej6g==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-unicode@7.0.2:
+    resolution: {integrity: sha512-ztisabK5C/+ZWBdYC+Y9JCkp3M9qBv/XFvDtSw0d/XwfT3UaKeW/YTm/MD/QrPNxuecia46vkfEhewjwcYFjkg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-url@7.0.0:
+    resolution: {integrity: sha512-+d7+PpE+jyPX1hDQZYG+NaFD+Nd2ris6r8fPTBAjE8z/U41n/bib3vze8x7rKs5H1uEw5ppe9IojewouHk0klQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-whitespace@7.0.0:
+    resolution: {integrity: sha512-37/toN4wwZErqohedXYqWgvcHUGlT8O/m2jVkAfAe9Bd4MzRqlBmXrJRePH0e9Wgnz2X7KymTgTOaaFizQe3AQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-ordered-values@7.0.1:
+    resolution: {integrity: sha512-irWScWRL6nRzYmBOXReIKch75RRhNS86UPUAxXdmW/l0FcAsg0lvAXQCby/1lymxn/o0gVa6Rv/0f03eJOwHxw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-reduce-initial@7.0.2:
+    resolution: {integrity: sha512-pOnu9zqQww7dEKf62Nuju6JgsW2V0KRNBHxeKohU+JkHd/GAH5uvoObqFLqkeB2n20mr6yrlWDvo5UBU5GnkfA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-reduce-transforms@7.0.0:
+    resolution: {integrity: sha512-pnt1HKKZ07/idH8cpATX/ujMbtOGhUfE+m8gbqwJE05aTaNw8gbo34a2e3if0xc0dlu75sUOiqvwCGY3fzOHew==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-selector-parser@6.1.2:
+    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
+    engines: {node: '>=4'}
+
+  postcss-svgo@7.0.1:
+    resolution: {integrity: sha512-0WBUlSL4lhD9rA5k1e5D8EN5wCEyZD6HJk0jIvRxl+FDVOMlJ7DePHYWGGVc5QRqrJ3/06FTXM0bxjmJpmTPSA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >= 18}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-unique-selectors@7.0.3:
+    resolution: {integrity: sha512-J+58u5Ic5T1QjP/LDV9g3Cx4CNOgB5vz+kM6+OxHHhFACdcDeKhBXjQmB7fnIZM12YSTvsL0Opwco83DmacW2g==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.4.47:
+    resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prebuild-install@7.1.2:
+    resolution: {integrity: sha512-UnNke3IQb6sgarcZIDU3gbMeTp/9SSU1DAIkil7PrqG1vZlBtY5msYccSKSHDqa3hNg436IXK+SNImReuA1wEQ==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier@3.3.3:
+    resolution: {integrity: sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  pretty-bytes@6.1.1:
+    resolution: {integrity: sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+
+  pretty-ms@9.1.0:
+    resolution: {integrity: sha512-o1piW0n3tgKIKCwk2vpM/vOV13zjJzvP37Ioze54YlTHE06m4tjEbzg9WsKkvTuyYln2DHjo5pY4qrZGI0otpw==}
+    engines: {node: '>=18'}
+
+  process-nextick-args@2.0.1:
+    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
+
+  process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+
+  prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
+    engines: {node: '>= 6'}
+
+  property-expr@2.0.6:
+    resolution: {integrity: sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==}
+
+  property-information@6.5.0:
+    resolution: {integrity: sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig==}
+
+  proto-list@1.2.4:
+    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
+
+  protocols@2.0.1:
+    resolution: {integrity: sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==}
+
+  proxy-agent@6.4.0:
+    resolution: {integrity: sha512-u0piLU+nCOHMgGjRbimiXmA9kM/L9EHh3zL81xCdp7m+Y2pHIsnmbdDoEDoAz5geaonNR6q6+yOPQs6n4T6sBQ==}
+    engines: {node: '>= 14'}
+
+  proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+
+  pump@3.0.2:
+    resolution: {integrity: sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  pupa@3.1.0:
+    resolution: {integrity: sha512-FLpr4flz5xZTSJxSeaheeMKN/EDzMdK7b8PTOC6a5PYFKTucWbdqjgqaEyH0shFiSJrVB1+Qqi4Tk19ccU6Aug==}
+    engines: {node: '>=12.20'}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  queue-tick@1.0.1:
+    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
+
+  queue@6.0.2:
+    resolution: {integrity: sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==}
+
+  radix-vue@1.9.6:
+    resolution: {integrity: sha512-legrn9jHbEpbJS4QYrA0VmIafj1bmc4MSVzN55WZatGiXMJg3oFrQL5QxpiURJciS+OlATbKA2KAGkMuuLA0LA==}
+    peerDependencies:
+      vue: '>= 3.2.0'
+
+  radix3@1.1.2:
+    resolution: {integrity: sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==}
+
+  randombytes@2.1.0:
+    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
+
+  range-parser@1.2.1:
+    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
+    engines: {node: '>= 0.6'}
+
+  rc9@2.1.2:
+    resolution: {integrity: sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==}
+
+  rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+
+  read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
+  read-pkg-up@10.1.0:
+    resolution: {integrity: sha512-aNtBq4jR8NawpKJQldrQcSW9y/d+KWH4v24HWkHljOZ7H0av+YTGANBzRh9A5pw7v/bLVsLVPpOhJ7gHNVy8lA==}
+    engines: {node: '>=16'}
+
+  read-pkg-up@7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
+
+  read-pkg@5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
+
+  read-pkg@8.1.0:
+    resolution: {integrity: sha512-PORM8AgzXeskHO/WEv312k9U03B8K9JSiWF/8N9sUuFjBa+9SF2u6K7VClzXwDXab51jCd8Nd36CNM+zR97ScQ==}
+    engines: {node: '>=16'}
+
+  readable-stream@2.3.8:
+    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
+
+  readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+
+  readable-stream@4.5.2:
+    resolution: {integrity: sha512-yjavECdqeZ3GLXNgRXgeQEdz9fvDDkNKyHnbHRFtOr7/LcfgBcmct7t/ET+HaCTqfh06OzoAxrkN/IfjJBVe+g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  readdir-glob@1.1.3:
+    resolution: {integrity: sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  readdirp@4.0.2:
+    resolution: {integrity: sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==}
+    engines: {node: '>= 14.16.0'}
+
+  rechoir@0.6.2:
+    resolution: {integrity: sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==}
+    engines: {node: '>= 0.10'}
+
+  redis-errors@1.2.0:
+    resolution: {integrity: sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==}
+    engines: {node: '>=4'}
+
+  redis-parser@3.0.0:
+    resolution: {integrity: sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==}
+    engines: {node: '>=4'}
+
+  refa@0.12.1:
+    resolution: {integrity: sha512-J8rn6v4DBb2nnFqkqwy6/NnTYMcgLA+sLr0iIO41qpv0n+ngb7ksag2tMRl0inb1bbO/esUwzW1vbJi7K0sI0g==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  regex@4.3.2:
+    resolution: {integrity: sha512-kK/AA3A9K6q2js89+VMymcboLOlF5lZRCYJv3gzszXFHBr6kO6qLGzbm+UIugBEV8SMMKCTR59txoY6ctRHYVw==}
+
+  regexp-ast-analysis@0.7.1:
+    resolution: {integrity: sha512-sZuz1dYW/ZsfG17WSAG7eS85r5a0dDsvg+7BiiYR5o6lKCAtUrEwdmRmaGF6rwVj3LcmAeYkOWKEPlbPzN3Y3A==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  regexp-tree@0.1.27:
+    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
+    hasBin: true
+
+  registry-auth-token@5.0.2:
+    resolution: {integrity: sha512-o/3ikDxtXaA59BmZuZrJZDJv8NMDGSj+6j6XaeBmHw8eY1i1qd9+6H+LjVvQXx3HN6aRCGa1cUdJ9RaJZUugnQ==}
+    engines: {node: '>=14'}
+
+  registry-url@6.0.1:
+    resolution: {integrity: sha512-+crtS5QjFRqFCoQmvGduwYWEBng99ZvmFvF+cUJkGYF1L1BfU8C6Zp9T7f5vPAwyLkUExpvK+ANVZmGU49qi4Q==}
+    engines: {node: '>=12'}
+
+  regjsparser@0.10.0:
+    resolution: {integrity: sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==}
+    hasBin: true
+
+  rehype-external-links@3.0.0:
+    resolution: {integrity: sha512-yp+e5N9V3C6bwBeAC4n796kc86M4gJCdlVhiMTxIrJG5UHDMh+PJANf9heqORJbt1nrCbDwIlAZKjANIaVBbvw==}
+
+  rehype-raw@7.0.0:
+    resolution: {integrity: sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==}
+
+  rehype-slug@6.0.0:
+    resolution: {integrity: sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==}
+
+  rehype-sort-attribute-values@5.0.1:
+    resolution: {integrity: sha512-lU3ABJO5frbUgV132YS6SL7EISf//irIm9KFMaeu5ixHfgWf6jhe+09Uf/Ef8pOYUJWKOaQJDRJGCXs6cNsdsQ==}
+
+  rehype-sort-attributes@5.0.1:
+    resolution: {integrity: sha512-Bxo+AKUIELcnnAZwJDt5zUDDRpt4uzhfz9d0PVGhcxYWsbFj5Cv35xuWxu5r1LeYNFNhgGqsr9Q2QiIOM/Qctg==}
+
+  release-it@17.7.0:
+    resolution: {integrity: sha512-VL9nBetoLf5k/QiMhtmit762nUAAMyrzjHbqU8z9iwUb7M8NhZjrbMU8rxcEJCWrSNlvsnn2lEbcWBeg/IEI8Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || ^22.0.0}
+    hasBin: true
+
+  remark-emoji@5.0.1:
+    resolution: {integrity: sha512-QCqTSvcZ65Ym+P+VyBKd4JfJfh7icMl7cIOGVmPMzWkDtdD8pQ0nQG7yxGolVIiMzSx90EZ7SwNiVpYpfTxn7w==}
+    engines: {node: '>=18'}
+
+  remark-gfm@4.0.0:
+    resolution: {integrity: sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==}
+
+  remark-mdc@3.2.1:
+    resolution: {integrity: sha512-MLNqQE7ryygOA3TtH4hKmIvmjFAqTMzCs2zrMzXs4MWJXYM2vbtdwR2NfgcN3vxIp5Pllgq3oLGuKgQSs8J19w==}
+
+  remark-parse@11.0.0:
+    resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
+
+  remark-rehype@11.1.1:
+    resolution: {integrity: sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==}
+
+  remark-stringify@11.0.0:
+    resolution: {integrity: sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
+  resolve@1.22.8:
+    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+    hasBin: true
+
+  restore-cursor@3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
+    engines: {node: '>=8'}
+
+  restore-cursor@4.0.0:
+    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  restructure@3.0.2:
+    resolution: {integrity: sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==}
+
+  retry@0.13.1:
+    resolution: {integrity: sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==}
+    engines: {node: '>= 4'}
+
+  reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
+    hasBin: true
+
+  rollup-plugin-dts@6.1.1:
+    resolution: {integrity: sha512-aSHRcJ6KG2IHIioYlvAOcEq6U99sVtqDDKVhnwt70rW6tsz3tv5OSjEiWcgzfsHdLyGXZ/3b/7b/+Za3Y6r1XA==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      rollup: ^4.24.0
+      typescript: ^4.5 || ^5.0
+
+  rollup-plugin-visualizer@5.12.0:
+    resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+    peerDependencies:
+      rollup: ^4.24.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  rollup@4.24.0:
+    resolution: {integrity: sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  run-applescript@7.0.0:
+    resolution: {integrity: sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==}
+    engines: {node: '>=18'}
+
+  run-async@3.0.0:
+    resolution: {integrity: sha512-540WwVDOMxA6dN6We19EcT9sc3hkXPw5mzRNGM3FkdN/vtE9NFvj5lFAPNwUDmJjXidm3v7TC1cTE7t17Ulm1Q==}
+    engines: {node: '>=0.12.0'}
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  rxjs@7.8.1:
+    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+
+  safe-buffer@5.1.2:
+    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
+
+  safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  satori-html@0.3.2:
+    resolution: {integrity: sha512-wjTh14iqADFKDK80e51/98MplTGfxz2RmIzh0GqShlf4a67+BooLywF17TvJPD6phO0Hxm7Mf1N5LtRYvdkYRA==}
+
+  satori@0.11.1:
+    resolution: {integrity: sha512-xIfUwWEiGsJPK4T+iALLhop2bNY4Kg/PvElG9aCQFdocBgPBWTTOULDdOBVaGwqqCMNmibXMoGC0uSteNr7kuQ==}
+    engines: {node: '>=16'}
+
+  scslre@0.3.0:
+    resolution: {integrity: sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==}
+    engines: {node: ^14.0.0 || >=16.0.0}
+
+  scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+
+  semver-diff@4.0.0:
+    resolution: {integrity: sha512-0Ju4+6A8iOnpL/Thra7dZsSlOHYAHIeMxfhWQRI1/VLcT3WDBZKKtQt/QkBOsiIN9ZpuvHE6cGZ0x4glCMmfiA==}
+    engines: {node: '>=12'}
+
+  semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.6.2:
+    resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  semver@7.6.3:
+    resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  send@0.19.0:
+    resolution: {integrity: sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==}
+    engines: {node: '>= 0.8.0'}
+
+  serialize-javascript@6.0.2:
+    resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
+
+  serve-placeholder@2.0.2:
+    resolution: {integrity: sha512-/TMG8SboeiQbZJWRlfTCqMs2DD3SZgWp0kDQePz9yUuCnDfDh/92gf7/PxGhzXTKBIPASIHxFcZndoNbp6QOLQ==}
+
+  serve-static@1.16.2:
+    resolution: {integrity: sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==}
+    engines: {node: '>= 0.8.0'}
+
+  set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+
+  setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+
+  sharp@0.32.6:
+    resolution: {integrity: sha512-KyLTWwgcR9Oe4d9HwCwNM2l7+J0dUQwn/yf7S0EnTtb0eVS4RxO0eUSvxPtzT4F3SY+C4K6fqdv/DO27sJ/v/w==}
+    engines: {node: '>=14.15.0'}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  shell-quote@1.8.1:
+    resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
+
+  shelljs@0.8.5:
+    resolution: {integrity: sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  shiki-transformer-color-highlight@0.2.0:
+    resolution: {integrity: sha512-KvQYFqhf7gdZCr1GcwWHqPS/sYl0RgwhCET95Sf3N8UX2yHUBqJbis9CbkR+KcnGxR6PWO4I/jB3Q64+yquNrQ==}
+
+  shiki@1.21.0:
+    resolution: {integrity: sha512-apCH5BoWTrmHDPGgg3RF8+HAAbEL/CdbYr8rMw7eIrdhCkZHdVGat5mMNlRtd1erNG01VPMIKHNQ0Pj2HMAiog==}
+
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
+
+  simple-get@4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
+
+  simple-git@3.27.0:
+    resolution: {integrity: sha512-ivHoFS9Yi9GY49ogc6/YAi3Fl9ROnF4VyubNylgCkA+RVqLaKWnDSzXOVzya8csELIaWaYNutsEuAhZrtOjozA==}
+
+  simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+
+  sirv@2.0.4:
+    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
+    engines: {node: '>= 10'}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  site-config-stack@2.2.18:
+    resolution: {integrity: sha512-kwyuCwYZBJikuLN3IB15cGT7SHQQxAitLaDs1b6eNZbb+tBHubVUhj0pnFZnZZi4+5eNCO+3HiZxaU3qpFxP2A==}
+    peerDependencies:
+      vue: ^3
+
+  skin-tone@2.0.0:
+    resolution: {integrity: sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA==}
+    engines: {node: '>=8'}
+
+  slash@4.0.0:
+    resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
+    engines: {node: '>=12'}
+
+  slash@5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
+    engines: {node: '>=14.16'}
+
+  slashes@3.0.12:
+    resolution: {integrity: sha512-Q9VME8WyGkc7pJf6QEkj3wE+2CnvZMI+XJhwdTPR8Z/kWQRXi7boAWLDibRPyHRTUTPx5FaU7MsyrjI3yLB4HA==}
+
+  slugify@1.6.6:
+    resolution: {integrity: sha512-h+z7HKHYXj6wJU+AnS/+IH8Uh9fdcX1Lrhg1/VMdf9PwoBQXFcXiAdsy2tSK0P6gKwJLXp02r90ahUCqHk9rrw==}
+    engines: {node: '>=8.0.0'}
+
+  smart-buffer@4.2.0:
+    resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
+    engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
+
+  smob@1.5.0:
+    resolution: {integrity: sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==}
+
+  smooth-dnd@0.12.1:
+    resolution: {integrity: sha512-Dndj/MOG7VP83mvzfGCLGzV2HuK1lWachMtWl/Iuk6zV7noDycIBnflwaPuDzoaapEl3Pc4+ybJArkkx9sxPZg==}
+
+  socket.io-client@4.8.0:
+    resolution: {integrity: sha512-C0jdhD5yQahMws9alf/yvtsMGTaIDBnZ8Rb5HU56svyq0l5LIrGzIDZZD5pHQlmzxLuU91Gz+VpQMKgCTNYtkw==}
+    engines: {node: '>=10.0.0'}
+
+  socket.io-parser@4.2.4:
+    resolution: {integrity: sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==}
+    engines: {node: '>=10.0.0'}
+
+  socks-proxy-agent@8.0.4:
+    resolution: {integrity: sha512-GNAq/eg8Udq2x0eNiFkr9gRg5bA7PXEWagQdeRX4cPSG+X/8V38v637gim9bjFptMk1QWsCTr0ttrJEiXbNnRw==}
+    engines: {node: '>= 14'}
+
+  socks@2.8.3:
+    resolution: {integrity: sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==}
+    engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.7.4:
+    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
+    engines: {node: '>= 8'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
+  spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+
+  spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+
+  spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+
+  spdx-expression-parse@4.0.0:
+    resolution: {integrity: sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==}
+
+  spdx-license-ids@3.0.20:
+    resolution: {integrity: sha512-jg25NiDV/1fLtSgEgyvVyDunvaNHbuwF9lfNV17gSmPFAlYzdfNBlLtLzXTevwkPj7DhGbmN9VnmJIgLnhvaBw==}
+
+  speakingurl@14.0.1:
+    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
+    engines: {node: '>=0.10.0'}
+
+  split2@4.2.0:
+    resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
+    engines: {node: '>= 10.x'}
+
+  sprintf-js@1.1.3:
+    resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
+
+  stable-hash@0.0.4:
+    resolution: {integrity: sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==}
+
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  standard-as-callback@2.1.0:
+    resolution: {integrity: sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==}
+
+  statuses@2.0.1:
+    resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
+    engines: {node: '>= 0.8'}
+
+  std-env@3.7.0:
+    resolution: {integrity: sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==}
+
+  stdin-discarder@0.2.2:
+    resolution: {integrity: sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==}
+    engines: {node: '>=18'}
+
+  streamx@2.20.1:
+    resolution: {integrity: sha512-uTa0mU6WUC65iUvzKH4X9hEdvSW7rbPxPtwfWiLMSj3qTdQbAiUboZTxauKfpFuGIGa1C2BYijZ7wgdUXICJhA==}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
+  string.prototype.codepointat@0.2.1:
+    resolution: {integrity: sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg==}
+
+  string_decoder@1.1.1:
+    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
+
+  string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+
+  strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+
+  strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+
+  strip-final-newline@4.0.0:
+    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
+    engines: {node: '>=18'}
+
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
+  strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+    engines: {node: '>=0.10.0'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  strip-literal@2.1.0:
+    resolution: {integrity: sha512-Op+UycaUt/8FbN/Z2TWPBLge3jWrP3xj10f3fnYxf052bKuS3EKs1ZQcVGjnEMdsNVAM+plXRdmjrZ/KgG3Skw==}
+
+  stylehacks@7.0.4:
+    resolution: {integrity: sha512-i4zfNrGMt9SB4xRK9L83rlsFCgdGANfeDAYacO1pkqcE7cRHPdWHwnKZVz7WY17Veq/FvyYsRAU++Ga+qDFIww==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  superjson@2.2.1:
+    resolution: {integrity: sha512-8iGv75BYOa0xRJHK5vRLEjE2H/i4lulTjzpUXic3Eg8akftYjkmQDa8JARQ42rlczXyFR3IeRoeFCc7RxHsYZA==}
+    engines: {node: '>=16'}
+
+  supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-color@9.4.0:
+    resolution: {integrity: sha512-VL+lNrEoIXww1coLPOmiEmK/0sGigko5COxI09KzHc2VJXJsQ37UaQ+8quuxjDeA7+KnLGTWRyOXSLLR2Wb4jw==}
+    engines: {node: '>=12'}
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  svg-tags@1.0.0:
+    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
+
+  svgo@3.3.2:
+    resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  synckit@0.9.1:
+    resolution: {integrity: sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
+  system-architecture@0.1.0:
+    resolution: {integrity: sha512-ulAk51I9UVUyJgxlv9M6lFot2WP3e7t8Kz9+IS6D4rVba1tR9kON+Ey69f+1R4Q8cd45Lod6a4IcJIxnzGc/zA==}
+    engines: {node: '>=18'}
+
+  tailwind-merge@2.5.2:
+    resolution: {integrity: sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg==}
+
+  tailwind-variants@0.2.1:
+    resolution: {integrity: sha512-2xmhAf4UIc3PijOUcJPA1LP4AbxhpcHuHM2C26xM0k81r0maAO6uoUSHl3APmvHZcY5cZCY/bYuJdfFa4eGoaw==}
+    engines: {node: '>=16.x', pnpm: '>=7.x'}
+    peerDependencies:
+      tailwindcss: '*'
+
+  tailwindcss@4.0.0-alpha.24:
+    resolution: {integrity: sha512-SOowAXp/sGer9VCOPO1HlnwbCmDz9nD/aXkdNzt4zkMRRlSAPdE1w6TD3I+RgR1qD0QDw5J9nkBA47mrFMjYPQ==}
+
+  tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+    engines: {node: '>=6'}
+
+  tar-fs@2.1.1:
+    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
+
+  tar-fs@3.0.6:
+    resolution: {integrity: sha512-iokBDQQkUyeXhgPYaZxmczGPhnhXZ0CmrqI+MOb/WFGS9DW5wnfrLgtjUJBvz50vQ3qfRwJ62QVoCFu8mPVu5w==}
+
+  tar-stream@2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
+    engines: {node: '>=6'}
+
+  tar-stream@3.1.7:
+    resolution: {integrity: sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==}
+
+  tar@6.2.1:
+    resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
+    engines: {node: '>=10'}
+
+  terser@5.34.1:
+    resolution: {integrity: sha512-FsJZ7iZLd/BXkz+4xrRTGJ26o/6VTjQytUk8b8OxkwcD2I+79VPJlz7qss1+zE7h8GNIScFqXcDyJ/KqBYZFVA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  text-decoder@1.2.0:
+    resolution: {integrity: sha512-n1yg1mOj9DNpk3NeZOx7T6jchTbyJS3i3cucbNN6FcdPriMZx7NsgrGpWWdWZZGxD7ES1XB+3uoqHMgOKaN+fg==}
+
+  text-extensions@2.4.0:
+    resolution: {integrity: sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==}
+    engines: {node: '>=8'}
+
+  text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+
+  through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+
+  tiny-case@1.0.3:
+    resolution: {integrity: sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==}
+
+  tiny-inflate@1.0.3:
+    resolution: {integrity: sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==}
+
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@0.3.0:
+    resolution: {integrity: sha512-tVGE0mVJPGb0chKhqmsoosjsS+qUnJVGJpZgsHYQcGoPlG3B51R3PouqTgEGH2Dc9jjFyOqOpix6ZHNMXp1FZg==}
+
+  tinyglobby@0.2.6:
+    resolution: {integrity: sha512-NbBoFBpqfcgd1tCiO8Lkfdk+xrA7mlLR9zgvZcZWQQwU63XAfUePyd6wZBaU93Hqw347lHnwFzttAkemHzzz4g==}
+    engines: {node: '>=12.0.0'}
+
+  tinyglobby@0.2.9:
+    resolution: {integrity: sha512-8or1+BGEdk1Zkkw2ii16qSS7uVrQJPre5A9o/XkWPATkk23FZh/15BKFxPnlTy6vkljZxLqYCzzBMj30ZrSvjw==}
+    engines: {node: '>=12.0.0'}
+
+  tinypool@1.0.1:
+    resolution: {integrity: sha512-URZYihUbRPcGv95En+sz6MfghfIc2OJ1sv/RmhWZLouPY0/8Vo80viwPvg3dlaS9fuq7fQMEfgRRK7BBZThBEA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+
+  tinyrainbow@1.2.0:
+    resolution: {integrity: sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@3.0.2:
+    resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
+    engines: {node: '>=14.0.0'}
+
+  tmp@0.0.33:
+    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
+    engines: {node: '>=0.6.0'}
+
+  to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+
+  toposort@2.0.2:
+    resolution: {integrity: sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==}
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  tr46@0.0.3:
+    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  trough@2.2.0:
+    resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
+
+  ts-api-utils@1.3.0:
+    resolution: {integrity: sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+
+  tsconfck@3.1.3:
+    resolution: {integrity: sha512-ulNZP1SVpRDesxeMLON/LtWM8HIgAJEIVpVVhBM6gsmvQ8+Rh+ZG7FWGvHh7Ah3pRABwVJWklWCr/BTZSv0xnQ==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  tslib@2.7.0:
+    resolution: {integrity: sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
+
+  tunnel-agent@0.6.0:
+    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+
+  type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+
+  type-fest@0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+
+  type-fest@0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+
+  type-fest@1.4.0:
+    resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
+    engines: {node: '>=10'}
+
+  type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+
+  type-fest@3.13.1:
+    resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
+    engines: {node: '>=14.16'}
+
+  type-fest@4.26.1:
+    resolution: {integrity: sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==}
+    engines: {node: '>=16'}
+
+  type-level-regexp@0.1.17:
+    resolution: {integrity: sha512-wTk4DH3cxwk196uGLK/E9pE45aLfeKJacKmcEgEOA/q5dnPGNxXt0cfYdFxb57L+sEpf1oJH4Dnx/pnRcku9jg==}
+
+  typedarray-to-buffer@3.1.5:
+    resolution: {integrity: sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==}
+
+  typedarray@0.0.6:
+    resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
+
+  typescript@5.6.2:
+    resolution: {integrity: sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  ufo@1.5.4:
+    resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
+
+  uglify-js@3.19.3:
+    resolution: {integrity: sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+
+  ultrahtml@1.5.3:
+    resolution: {integrity: sha512-GykOvZwgDWZlTQMtp5jrD4BVL+gNn2NVlVafjcFUJ7taY20tqYdwdoWBFy6GBJsNTZe1GkGPkSl5knQAjtgceg==}
+
+  unbuild@2.0.0:
+    resolution: {integrity: sha512-JWCUYx3Oxdzvw2J9kTAp+DKE8df/BnH/JTSj6JyA4SH40ECdFu7FoJJcrm8G92B7TjofQ6GZGjJs50TRxoH6Wg==}
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.1.6
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  uncrypto@0.1.3:
+    resolution: {integrity: sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==}
+
+  unctx@2.3.1:
+    resolution: {integrity: sha512-PhKke8ZYauiqh3FEMVNm7ljvzQiph0Mt3GBRve03IJm7ukfaON2OBK795tLwhbyfzknuRRkW0+Ze+CQUmzOZ+A==}
+
+  undici-types@6.19.8:
+    resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
+
+  undici@5.28.4:
+    resolution: {integrity: sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==}
+    engines: {node: '>=14.0'}
+
+  unenv@1.10.0:
+    resolution: {integrity: sha512-wY5bskBQFL9n3Eca5XnhH6KbUo/tfvkwm9OpcdCvLaeA7piBNbavbOKJySEwQ1V0RH6HvNlSAFRTpvTqgKRQXQ==}
+
+  unhead@1.11.7:
+    resolution: {integrity: sha512-aA0+JBRryLhDKUq6L2JhMDLZEG/ElyyDASyC9wiwDl6nvvsj9hD26LgPWgmAsSd+9HtMGM2N1gU27CWEMo16CQ==}
+
+  unicode-emoji-modifier-base@1.0.0:
+    resolution: {integrity: sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g==}
+    engines: {node: '>=4'}
+
+  unicode-properties@1.4.1:
+    resolution: {integrity: sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==}
+
+  unicode-trie@2.0.0:
+    resolution: {integrity: sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==}
+
+  unicorn-magic@0.1.0:
+    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
+    engines: {node: '>=18'}
+
+  unicorn-magic@0.3.0:
+    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
+    engines: {node: '>=18'}
+
+  unified@11.0.5:
+    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
+
+  unimport@3.13.1:
+    resolution: {integrity: sha512-nNrVzcs93yrZQOW77qnyOVHtb68LegvhYFwxFMfuuWScmwQmyVCG/NBuN8tYsaGzgQUVYv34E/af+Cc9u4og4A==}
+
+  unique-string@3.0.0:
+    resolution: {integrity: sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==}
+    engines: {node: '>=12'}
+
+  unist-builder@4.0.0:
+    resolution: {integrity: sha512-wmRFnH+BLpZnTKpc5L7O67Kac89s9HMrtELpnNaE6TAobq5DTZZs5YaTQfAZBA9bFPECx2uVAPO31c+GVug8mg==}
+
+  unist-util-is@6.0.0:
+    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.1:
+    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
+
+  unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
+
+  universal-user-agent@6.0.1:
+    resolution: {integrity: sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ==}
+
+  universal-user-agent@7.0.2:
+    resolution: {integrity: sha512-0JCqzSKnStlRRQfCdowvqy3cy0Dvtlb8xecj/H8JFZuCze4rwjPZQOgvFvn0Ws/usCHQFGpyr+pB9adaGwXn4Q==}
+
+  universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+
+  unplugin-vue-router@0.10.8:
+    resolution: {integrity: sha512-xi+eLweYAqolIoTRSmumbi6Yx0z5M0PLvl+NFNVWHJgmE2ByJG1SZbrn+TqyuDtIyln20KKgq8tqmL7aLoiFjw==}
+    peerDependencies:
+      vue-router: ^4.4.0
+    peerDependenciesMeta:
+      vue-router:
+        optional: true
+
+  unplugin@1.14.1:
+    resolution: {integrity: sha512-lBlHbfSFPToDYp9pjXlUEFVxYLaue9f9T1HC+4OHlmj+HnMDdz9oZY+erXfoCe/5V/7gKUSY2jpXPb9S7f0f/w==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      webpack-sources: ^3
+    peerDependenciesMeta:
+      webpack-sources:
+        optional: true
+
+  unstorage@1.12.0:
+    resolution: {integrity: sha512-ARZYTXiC+e8z3lRM7/qY9oyaOkaozCeNd2xoz7sYK9fv7OLGhVsf+BZbmASqiK/HTZ7T6eAlnVq9JynZppyk3w==}
+    peerDependencies:
+      '@azure/app-configuration': ^1.7.0
+      '@azure/cosmos': ^4.1.1
+      '@azure/data-tables': ^13.2.2
+      '@azure/identity': ^4.4.1
+      '@azure/keyvault-secrets': ^4.8.0
+      '@azure/storage-blob': ^12.24.0
+      '@capacitor/preferences': ^6.0.2
+      '@netlify/blobs': ^6.5.0 || ^7.0.0
+      '@planetscale/database': ^1.19.0
+      '@upstash/redis': ^1.34.0
+      '@vercel/kv': ^1.0.1
+      idb-keyval: ^6.2.1
+      ioredis: ^5.4.1
+    peerDependenciesMeta:
+      '@azure/app-configuration':
+        optional: true
+      '@azure/cosmos':
+        optional: true
+      '@azure/data-tables':
+        optional: true
+      '@azure/identity':
+        optional: true
+      '@azure/keyvault-secrets':
+        optional: true
+      '@azure/storage-blob':
+        optional: true
+      '@capacitor/preferences':
+        optional: true
+      '@netlify/blobs':
+        optional: true
+      '@planetscale/database':
+        optional: true
+      '@upstash/redis':
+        optional: true
+      '@vercel/kv':
+        optional: true
+      idb-keyval:
+        optional: true
+      ioredis:
+        optional: true
+
+  untun@0.1.3:
+    resolution: {integrity: sha512-4luGP9LMYszMRZwsvyUd9MrxgEGZdZuZgpVQHEEX0lCYFESasVRvZd0EYpCkOIbJKHMuv0LskpXc/8Un+MJzEQ==}
+    hasBin: true
+
+  untyped@1.5.0:
+    resolution: {integrity: sha512-o2Vjmn2dal08BzCcINxSmWuAteReUUiXseii5VRhmxyLF0b21K0iKZQ9fMYK7RWspVkY+0saqaVQNq4roe3Efg==}
+    hasBin: true
+
+  unwasm@0.3.9:
+    resolution: {integrity: sha512-LDxTx/2DkFURUd+BU1vUsF/moj0JsoTvl+2tcg2AUOiEzVturhGGx17/IMgGvKUYdZwr33EJHtChCJuhu9Ouvg==}
+
+  update-browserslist-db@1.1.1:
+    resolution: {integrity: sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  update-notifier@7.1.0:
+    resolution: {integrity: sha512-8SV3rIqVY6EFC1WxH6L0j55s0MO79MFBS1pivmInRJg3pCEDgWHBj1Q6XByTtCLOZIFA0f6zoG9ZWf2Ks9lvTA==}
+    engines: {node: '>=18'}
+
+  uqr@0.1.2:
+    resolution: {integrity: sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==}
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  url-join@5.0.0:
+    resolution: {integrity: sha512-n2huDr9h9yzd6exQVnH/jU5mr+Pfx08LRXXZhkLLetAMESRj+anQsTAh940iMrIetKAmry9coFuZQ2jY8/p3WA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  urlpattern-polyfill@8.0.2:
+    resolution: {integrity: sha512-Qp95D4TPJl1kC9SKigDcqgyM2VDVO4RiJc2d4qe5GrYm+zbIQCWWKAFaJNQ4BhdFeDGwBmAxqJBwWSJDb9T3BQ==}
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  valibot@0.42.1:
+    resolution: {integrity: sha512-3keXV29Ar5b//Hqi4MbSdV7lfVp6zuYLZuA9V1PvQUsXqogr+u5lvLPLk3A4f74VUXDnf/JfWMN6sB+koJ/FFw==}
+    peerDependencies:
+      typescript: '>=5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+
+  vaul-vue@0.2.0:
+    resolution: {integrity: sha512-YV0zqxc8NiVzr1z/Awwbaty0UDDchxj5BfhFbLiYu+Uz0rCfSaDK2zwmuXZvejBJKLGbWw9I5GLHJRse14lQew==}
+    peerDependencies:
+      radix-vue: ^1.4.0
+      vue: ^3.3.0
+
+  vfile-location@5.0.3:
+    resolution: {integrity: sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==}
+
+  vfile-message@4.0.2:
+    resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
+  vite-hot-client@0.2.3:
+    resolution: {integrity: sha512-rOGAV7rUlUHX89fP2p2v0A2WWvV3QMX2UYq0fRqsWSvFvev4atHWqjwGoKaZT1VTKyLGk533ecu3eyd0o59CAg==}
+    peerDependencies:
+      vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0
+
+  vite-node@2.1.1:
+    resolution: {integrity: sha512-N/mGckI1suG/5wQI35XeR9rsMsPqKXzq1CdUndzVstBj/HvyxxGctwnK6WX43NGt5L3Z5tcRf83g4TITKJhPrA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+
+  vite-node@2.1.2:
+    resolution: {integrity: sha512-HPcGNN5g/7I2OtPjLqgOtCRu/qhVvBxTUD3qzitmL0SrG1cWFzxzhMDWussxSbrRYWqnKf8P2jiNhPMSN+ymsQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+
+  vite-plugin-checker@0.8.0:
+    resolution: {integrity: sha512-UA5uzOGm97UvZRTdZHiQVYFnd86AVn8EVaD4L3PoVzxH+IZSfaAw14WGFwX9QS23UW3lV/5bVKZn6l0w+q9P0g==}
+    engines: {node: '>=14.16'}
+    peerDependencies:
+      '@biomejs/biome': '>=1.7'
+      eslint: '>=7'
+      meow: ^9.0.0
+      optionator: ^0.9.1
+      stylelint: '>=13'
+      typescript: '*'
+      vite: '>=2.0.0'
+      vls: '*'
+      vti: '*'
+      vue-tsc: ~2.1.6
+    peerDependenciesMeta:
+      '@biomejs/biome':
+        optional: true
+      eslint:
+        optional: true
+      meow:
+        optional: true
+      optionator:
+        optional: true
+      stylelint:
+        optional: true
+      typescript:
+        optional: true
+      vls:
+        optional: true
+      vti:
+        optional: true
+      vue-tsc:
+        optional: true
+
+  vite-plugin-inspect@0.8.7:
+    resolution: {integrity: sha512-/XXou3MVc13A5O9/2Nd6xczjrUwt7ZyI9h8pTnUMkr5SshLcb0PJUOVq2V+XVkdeU4njsqAtmK87THZuO2coGA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@nuxt/kit': '*'
+      vite: ^3.1.0 || ^4.0.0 || ^5.0.0-0
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+
+  vite-plugin-vue-inspector@5.2.0:
+    resolution: {integrity: sha512-wWxyb9XAtaIvV/Lr7cqB1HIzmHZFVUJsTNm3yAxkS87dgh/Ky4qr2wDEWNxF23fdhVa3jQ8MZREpr4XyiuaRqA==}
+    peerDependencies:
+      vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
+
+  vite@5.4.8:
+    resolution: {integrity: sha512-FqrItQ4DT1NC4zCUqMB4c4AZORMKIa0m8/URVCZ77OZ/QSNeJ54bU1vrFADbDsuwfIPcgknRkmqakQcgnL4GiQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      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
+
+  vitest-environment-nuxt@1.0.1:
+    resolution: {integrity: sha512-eBCwtIQriXW5/M49FjqNKfnlJYlG2LWMSNFsRVKomc8CaMqmhQPBS5LZ9DlgYL9T8xIVsiA6RZn2lk7vxov3Ow==}
+
+  vitest@2.1.2:
+    resolution: {integrity: sha512-veNjLizOMkRrJ6xxb+pvxN6/QAWg95mzcRjtmkepXdN87FNfxAss9RKe2far/G9cQpipfgP2taqg0KiWsquj8A==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@types/node': ^18.0.0 || >=20.0.0
+      '@vitest/browser': 2.1.2
+      '@vitest/ui': 2.1.2
+      happy-dom: 14.12.3
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  vscode-jsonrpc@6.0.0:
+    resolution: {integrity: sha512-wnJA4BnEjOSyFMvjZdpiOwhSq9uDoK8e/kpRJDTaMYzwlkrhG1fwDIZI94CLsLzlCK5cIbMMtFlJlfR57Lavmg==}
+    engines: {node: '>=8.0.0 || >=10.0.0'}
+
+  vscode-languageclient@7.0.0:
+    resolution: {integrity: sha512-P9AXdAPlsCgslpP9pRxYPqkNYV7Xq8300/aZDpO35j1fJm/ncize8iGswzYlcvFw5DQUx4eVk+KvfXdL0rehNg==}
+    engines: {vscode: ^1.52.0}
+
+  vscode-languageserver-protocol@3.16.0:
+    resolution: {integrity: sha512-sdeUoAawceQdgIfTI+sdcwkiK2KU+2cbEYA0agzM2uqaUy2UpnnGHtWTHVEtS0ES4zHU0eMFRGN+oQgDxlD66A==}
+
+  vscode-languageserver-textdocument@1.0.12:
+    resolution: {integrity: sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==}
+
+  vscode-languageserver-types@3.16.0:
+    resolution: {integrity: sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==}
+
+  vscode-languageserver@7.0.0:
+    resolution: {integrity: sha512-60HTx5ID+fLRcgdHfmz0LDZAXYEV68fzwG0JWwEPBode9NuMYTIxuYXPg4ngO8i8+Ou0lM7y6GzaYWbiDL0drw==}
+    hasBin: true
+
+  vscode-uri@3.0.8:
+    resolution: {integrity: sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==}
+
+  vue-bundle-renderer@2.1.1:
+    resolution: {integrity: sha512-+qALLI5cQncuetYOXp4yScwYvqh8c6SMXee3B+M7oTZxOgtESP0l4j/fXdEJoZ+EdMxkGWIj+aSEyjXkOdmd7g==}
+
+  vue-component-meta@2.1.6:
+    resolution: {integrity: sha512-N5zReatWQTNqULhatFib69K82g5UhDERVobeqrT5S6Uk2QoCeYbsSY8nHRUwJFywE2iXRFN4B+XPhI+piZfC6w==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  vue-component-type-helpers@2.1.6:
+    resolution: {integrity: sha512-ng11B8B/ZADUMMOsRbqv0arc442q7lifSubD0v8oDXIFoMg/mXwAPUunrroIDkY+mcD0dHKccdaznSVp8EoX3w==}
+
+  vue-demi@0.14.10:
+    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
+    engines: {node: '>=12'}
+    hasBin: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
+  vue-devtools-stub@0.1.0:
+    resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}
+
+  vue-eslint-parser@9.4.3:
+    resolution: {integrity: sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+
+  vue-router@4.4.5:
+    resolution: {integrity: sha512-4fKZygS8cH1yCyuabAXGUAsyi1b2/o/OKgu/RUb+znIYOxPRxdkytJEx+0wGcpBE1pX6vUgh5jwWOKRGvuA/7Q==}
+    peerDependencies:
+      vue: ^3.2.0
+
+  vue-tsc@2.1.6:
+    resolution: {integrity: sha512-f98dyZp5FOukcYmbFpuSCJ4Z0vHSOSmxGttZJCsFeX0M4w/Rsq0s4uKXjcSRsZqsRgQa6z7SfuO+y0HVICE57Q==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=5.0.0'
+
+  vue3-smooth-dnd@0.0.6:
+    resolution: {integrity: sha512-CH9ZZhEfE7qU1ef2rlfgBG+nZtQX8PnWlspB2HDDz1uVGU7fXM0Pr65DftBMz4X81S+edw2H+ZFG6Dyb5J81KA==}
+    peerDependencies:
+      vue: ^3.0.11
+
+  vue@3.5.10:
+    resolution: {integrity: sha512-Vy2kmJwHPlouC/tSnIgXVg03SG+9wSqT1xu1Vehc+ChsXsRd7jLkKgMltVEFOzUdBr3uFwBCG+41LJtfAcBRng==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  wcwidth@1.0.1:
+    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
+
+  web-namespaces@2.0.1:
+    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
+
+  webidl-conversions@3.0.1:
+    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+
+  webidl-conversions@7.0.0:
+    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
+    engines: {node: '>=12'}
+
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
+  whatwg-mimetype@3.0.0:
+    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
+    engines: {node: '>=12'}
+
+  whatwg-url@5.0.0:
+    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  which@3.0.1:
+    resolution: {integrity: sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  wide-align@1.1.5:
+    resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
+
+  widest-line@4.0.1:
+    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
+    engines: {node: '>=12'}
+
+  wildcard-match@5.1.3:
+    resolution: {integrity: sha512-a95hPUk+BNzSGLntNXYxsjz2Hooi5oL7xOfJR6CKwSsSALh7vUNuTlzsrZowtYy38JNduYFRVhFv19ocqNOZlg==}
+
+  windows-release@5.1.1:
+    resolution: {integrity: sha512-NMD00arvqcq2nwqc5Q6KtrSRHK+fVD31erE5FEMahAw5PmVCgD7MUXodq3pdZSUkqA9Cda2iWx6s1XYwiJWRmw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  wordwrap@1.0.0:
+    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
+
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  write-file-atomic@3.0.3:
+    resolution: {integrity: sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==}
+
+  ws@8.17.1:
+    resolution: {integrity: sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  ws@8.18.0:
+    resolution: {integrity: sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  xdg-basedir@5.1.0:
+    resolution: {integrity: sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==}
+    engines: {node: '>=12'}
+
+  xml-name-validator@4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+
+  xmlhttprequest-ssl@2.1.1:
+    resolution: {integrity: sha512-ptjR8YSJIXoA3Mbv5po7RtSYHO6mZr8s7i5VGmEk7QY2pQWyT1o0N+W1gKbOyJPUCGXGnuw0wqe8f0L6Y0ny7g==}
+    engines: {node: '>=0.4.0'}
+
+  xss@1.0.15:
+    resolution: {integrity: sha512-FVdlVVC67WOIPvfOwhoMETV72f6GbW7aOabBC3WxN/oUdoEMDyLz4OgRv5/gck2ZeNqEQu+Tb0kloovXOfpYVg==}
+    engines: {node: '>= 0.10.0'}
+    hasBin: true
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
+  yaml@2.5.1:
+    resolution: {integrity: sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==}
+    engines: {node: '>= 14'}
+    hasBin: true
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  yocto-queue@1.1.1:
+    resolution: {integrity: sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==}
+    engines: {node: '>=12.20'}
+
+  yoctocolors-cjs@2.1.2:
+    resolution: {integrity: sha512-cYVsTjKl8b+FrnidjibDWskAv7UKOfcwaVZdp/it9n1s9fU3IkgDbhdIRKCW4JDsAlECJY0ytoVPT3sK6kideA==}
+    engines: {node: '>=18'}
+
+  yoctocolors@2.1.1:
+    resolution: {integrity: sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==}
+    engines: {node: '>=18'}
+
+  yoga-wasm-web@0.3.3:
+    resolution: {integrity: sha512-N+d4UJSJbt/R3wqY7Coqs5pcV0aUj2j9IaQ3rNj9bVCLld8tTGKRa2USARjnvZJWVx1NDmQev8EknoczaOQDOA==}
+
+  yup@1.4.0:
+    resolution: {integrity: sha512-wPbgkJRCqIf+OHyiTBQoJiP5PFuAXaWiJK6AmYkzQAh5/c2K9hzSApBZG5wV9KoKSePF7sAxmNSvh/13YHkFDg==}
+
+  zhead@2.2.4:
+    resolution: {integrity: sha512-8F0OI5dpWIA5IGG5NHUg9staDwz/ZPxZtvGVf01j7vHqSyZ0raHY+78atOVxRqb73AotX22uV1pXt3gYSstGag==}
+
+  zip-stream@6.0.1:
+    resolution: {integrity: sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==}
+    engines: {node: '>= 14'}
+
+  zod@3.23.8:
+    resolution: {integrity: sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==}
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@ampproject/remapping@2.3.0':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@antfu/install-pkg@0.4.1':
+    dependencies:
+      package-manager-detector: 0.2.0
+      tinyexec: 0.3.0
+
+  '@antfu/utils@0.7.10': {}
+
+  '@babel/code-frame@7.24.7':
+    dependencies:
+      '@babel/highlight': 7.24.7
+      picocolors: 1.1.0
+
+  '@babel/compat-data@7.25.4': {}
+
+  '@babel/core@7.25.2':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.25.6
+      '@babel/helper-compilation-targets': 7.25.2
+      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
+      '@babel/helpers': 7.25.6
+      '@babel/parser': 7.25.6
+      '@babel/template': 7.25.0
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
+      convert-source-map: 2.0.0
+      debug: 4.3.7
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.25.6':
+    dependencies:
+      '@babel/types': 7.25.6
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+      jsesc: 2.5.2
+
+  '@babel/helper-annotate-as-pure@7.24.7':
+    dependencies:
+      '@babel/types': 7.25.6
+
+  '@babel/helper-compilation-targets@7.25.2':
+    dependencies:
+      '@babel/compat-data': 7.25.4
+      '@babel/helper-validator-option': 7.24.8
+      browserslist: 4.24.0
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-create-class-features-plugin@7.25.4(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/helper-annotate-as-pure': 7.24.7
+      '@babel/helper-member-expression-to-functions': 7.24.8
+      '@babel/helper-optimise-call-expression': 7.24.7
+      '@babel/helper-replace-supers': 7.25.0(@babel/core@7.25.2)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
+      '@babel/traverse': 7.25.6
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-member-expression-to-functions@7.24.8':
+    dependencies:
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-imports@7.24.7':
+    dependencies:
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.25.2(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/helper-module-imports': 7.24.7
+      '@babel/helper-simple-access': 7.24.7
+      '@babel/helper-validator-identifier': 7.24.7
+      '@babel/traverse': 7.25.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-optimise-call-expression@7.24.7':
+    dependencies:
+      '@babel/types': 7.25.6
+
+  '@babel/helper-plugin-utils@7.24.8': {}
+
+  '@babel/helper-replace-supers@7.25.0(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/helper-member-expression-to-functions': 7.24.8
+      '@babel/helper-optimise-call-expression': 7.24.7
+      '@babel/traverse': 7.25.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-simple-access@7.24.7':
+    dependencies:
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.24.7':
+    dependencies:
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.24.8': {}
+
+  '@babel/helper-validator-identifier@7.24.7': {}
+
+  '@babel/helper-validator-option@7.24.8': {}
+
+  '@babel/helpers@7.25.6':
+    dependencies:
+      '@babel/template': 7.25.0
+      '@babel/types': 7.25.6
+
+  '@babel/highlight@7.24.7':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.24.7
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+      picocolors: 1.1.0
+
+  '@babel/parser@7.25.6':
+    dependencies:
+      '@babel/types': 7.25.6
+
+  '@babel/plugin-proposal-decorators@7.24.7(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/helper-create-class-features-plugin': 7.25.4(@babel/core@7.25.2)
+      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/plugin-syntax-decorators': 7.24.7(@babel/core@7.25.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/plugin-syntax-decorators@7.24.7(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/helper-plugin-utils': 7.24.8
+
+  '@babel/plugin-syntax-import-attributes@7.25.6(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/helper-plugin-utils': 7.24.8
+
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/helper-plugin-utils': 7.24.8
+
+  '@babel/plugin-syntax-jsx@7.24.7(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/helper-plugin-utils': 7.24.8
+
+  '@babel/plugin-syntax-typescript@7.25.4(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/helper-plugin-utils': 7.24.8
+
+  '@babel/plugin-transform-typescript@7.25.2(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/helper-annotate-as-pure': 7.24.7
+      '@babel/helper-create-class-features-plugin': 7.25.4(@babel/core@7.25.2)
+      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
+      '@babel/plugin-syntax-typescript': 7.25.4(@babel/core@7.25.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/standalone@7.25.6': {}
+
+  '@babel/template@7.25.0':
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      '@babel/parser': 7.25.6
+      '@babel/types': 7.25.6
+
+  '@babel/traverse@7.25.6':
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.25.6
+      '@babel/parser': 7.25.6
+      '@babel/template': 7.25.0
+      '@babel/types': 7.25.6
+      debug: 4.3.7
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.25.6':
+    dependencies:
+      '@babel/helper-string-parser': 7.24.8
+      '@babel/helper-validator-identifier': 7.24.7
+      to-fast-properties: 2.0.0
+
+  '@barbapapazes/plausible-tracker@0.5.3': {}
+
+  '@capsizecss/metrics@2.2.0': {}
+
+  '@capsizecss/unpack@2.3.0':
+    dependencies:
+      blob-to-buffer: 1.2.9
+      cross-fetch: 3.1.8
+      fontkit: 2.0.4
+    transitivePeerDependencies:
+      - encoding
+
+  '@cloudflare/kv-asset-handler@0.3.4':
+    dependencies:
+      mime: 3.0.0
+
+  '@cloudflare/workers-types@4.20241004.0': {}
+
+  '@conventional-changelog/git-client@1.0.1':
+    dependencies:
+      '@types/semver': 7.5.8
+      semver: 7.6.3
+
+  '@es-joy/jsdoccomment@0.48.0':
+    dependencies:
+      comment-parser: 1.4.1
+      esquery: 1.6.0
+      jsdoc-type-pratt-parser: 4.1.0
+
+  '@esbuild/aix-ppc64@0.19.12':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.20.2':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.23.1':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.24.0':
+    optional: true
+
+  '@esbuild/android-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/android-arm64@0.20.2':
+    optional: true
+
+  '@esbuild/android-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm64@0.23.1':
+    optional: true
+
+  '@esbuild/android-arm64@0.24.0':
+    optional: true
+
+  '@esbuild/android-arm@0.19.12':
+    optional: true
+
+  '@esbuild/android-arm@0.20.2':
+    optional: true
+
+  '@esbuild/android-arm@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm@0.23.1':
+    optional: true
+
+  '@esbuild/android-arm@0.24.0':
+    optional: true
+
+  '@esbuild/android-x64@0.19.12':
+    optional: true
+
+  '@esbuild/android-x64@0.20.2':
+    optional: true
+
+  '@esbuild/android-x64@0.21.5':
+    optional: true
+
+  '@esbuild/android-x64@0.23.1':
+    optional: true
+
+  '@esbuild/android-x64@0.24.0':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.20.2':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.23.1':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.24.0':
+    optional: true
+
+  '@esbuild/darwin-x64@0.19.12':
+    optional: true
+
+  '@esbuild/darwin-x64@0.20.2':
+    optional: true
+
+  '@esbuild/darwin-x64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-x64@0.23.1':
+    optional: true
+
+  '@esbuild/darwin-x64@0.24.0':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.20.2':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.23.1':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.24.0':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.20.2':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.23.1':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.24.0':
+    optional: true
+
+  '@esbuild/linux-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-arm64@0.20.2':
+    optional: true
+
+  '@esbuild/linux-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm64@0.23.1':
+    optional: true
+
+  '@esbuild/linux-arm64@0.24.0':
+    optional: true
+
+  '@esbuild/linux-arm@0.19.12':
+    optional: true
+
+  '@esbuild/linux-arm@0.20.2':
+    optional: true
+
+  '@esbuild/linux-arm@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm@0.23.1':
+    optional: true
+
+  '@esbuild/linux-arm@0.24.0':
+    optional: true
+
+  '@esbuild/linux-ia32@0.19.12':
+    optional: true
+
+  '@esbuild/linux-ia32@0.20.2':
+    optional: true
+
+  '@esbuild/linux-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ia32@0.23.1':
+    optional: true
+
+  '@esbuild/linux-ia32@0.24.0':
+    optional: true
+
+  '@esbuild/linux-loong64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-loong64@0.20.2':
+    optional: true
+
+  '@esbuild/linux-loong64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-loong64@0.23.1':
+    optional: true
+
+  '@esbuild/linux-loong64@0.24.0':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.19.12':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.20.2':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.21.5':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.23.1':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.24.0':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.20.2':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.23.1':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.24.0':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.20.2':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.23.1':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.24.0':
+    optional: true
+
+  '@esbuild/linux-s390x@0.19.12':
+    optional: true
+
+  '@esbuild/linux-s390x@0.20.2':
+    optional: true
+
+  '@esbuild/linux-s390x@0.21.5':
+    optional: true
+
+  '@esbuild/linux-s390x@0.23.1':
+    optional: true
+
+  '@esbuild/linux-s390x@0.24.0':
+    optional: true
+
+  '@esbuild/linux-x64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-x64@0.20.2':
+    optional: true
+
+  '@esbuild/linux-x64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-x64@0.23.1':
+    optional: true
+
+  '@esbuild/linux-x64@0.24.0':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.20.2':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.23.1':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.24.0':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.23.1':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.24.0':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.20.2':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.23.1':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.24.0':
+    optional: true
+
+  '@esbuild/sunos-x64@0.19.12':
+    optional: true
+
+  '@esbuild/sunos-x64@0.20.2':
+    optional: true
+
+  '@esbuild/sunos-x64@0.21.5':
+    optional: true
+
+  '@esbuild/sunos-x64@0.23.1':
+    optional: true
+
+  '@esbuild/sunos-x64@0.24.0':
+    optional: true
+
+  '@esbuild/win32-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/win32-arm64@0.20.2':
+    optional: true
+
+  '@esbuild/win32-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-arm64@0.23.1':
+    optional: true
+
+  '@esbuild/win32-arm64@0.24.0':
+    optional: true
+
+  '@esbuild/win32-ia32@0.19.12':
+    optional: true
+
+  '@esbuild/win32-ia32@0.20.2':
+    optional: true
+
+  '@esbuild/win32-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/win32-ia32@0.23.1':
+    optional: true
+
+  '@esbuild/win32-ia32@0.24.0':
+    optional: true
+
+  '@esbuild/win32-x64@0.19.12':
+    optional: true
+
+  '@esbuild/win32-x64@0.20.2':
+    optional: true
+
+  '@esbuild/win32-x64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-x64@0.23.1':
+    optional: true
+
+  '@esbuild/win32-x64@0.24.0':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.4.0(eslint@9.12.0(jiti@2.3.3))':
+    dependencies:
+      eslint: 9.12.0(jiti@2.3.3)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.11.1': {}
+
+  '@eslint/compat@1.2.0(eslint@9.12.0(jiti@2.3.3))':
+    optionalDependencies:
+      eslint: 9.12.0(jiti@2.3.3)
+
+  '@eslint/config-array@0.18.0':
+    dependencies:
+      '@eslint/object-schema': 2.1.4
+      debug: 4.3.7
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/core@0.6.0': {}
+
+  '@eslint/eslintrc@3.1.0':
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.7
+      espree: 10.2.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.11.1': {}
+
+  '@eslint/js@9.12.0': {}
+
+  '@eslint/object-schema@2.1.4': {}
+
+  '@eslint/plugin-kit@0.2.0':
+    dependencies:
+      levn: 0.4.1
+
+  '@fastify/accept-negotiator@1.1.0':
+    optional: true
+
+  '@fastify/busboy@2.1.1': {}
+
+  '@floating-ui/core@1.6.8':
+    dependencies:
+      '@floating-ui/utils': 0.2.8
+
+  '@floating-ui/dom@1.6.11':
+    dependencies:
+      '@floating-ui/core': 1.6.8
+      '@floating-ui/utils': 0.2.8
+
+  '@floating-ui/utils@0.2.8': {}
+
+  '@floating-ui/vue@1.1.5(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@floating-ui/dom': 1.6.11
+      '@floating-ui/utils': 0.2.8
+      vue-demi: 0.14.10(vue@3.5.10(typescript@5.6.2))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@hapi/hoek@9.3.0': {}
+
+  '@hapi/topo@5.1.0':
+    dependencies:
+      '@hapi/hoek': 9.3.0
+
+  '@humanfs/core@0.19.0': {}
+
+  '@humanfs/node@0.16.5':
+    dependencies:
+      '@humanfs/core': 0.19.0
+      '@humanwhocodes/retry': 0.3.1
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.3.1': {}
+
+  '@hutson/parse-repository-url@5.0.0': {}
+
+  '@iarna/toml@2.2.5': {}
+
+  '@iconify-json/heroicons@1.2.0':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify-json/simple-icons@1.2.7':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify-json/vscode-icons@1.2.2':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/collections@1.0.469':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@2.1.33':
+    dependencies:
+      '@antfu/install-pkg': 0.4.1
+      '@antfu/utils': 0.7.10
+      '@iconify/types': 2.0.0
+      debug: 4.3.7
+      kolorist: 1.8.0
+      local-pkg: 0.5.0
+      mlly: 1.7.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@iconify/vue@4.1.3-beta.1(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@iconify/types': 2.0.0
+      vue: 3.5.10(typescript@5.6.2)
+
+  '@inquirer/figures@1.0.6': {}
+
+  '@internationalized/date@3.5.6':
+    dependencies:
+      '@swc/helpers': 0.5.13
+
+  '@internationalized/number@3.5.4':
+    dependencies:
+      '@swc/helpers': 0.5.13
+
+  '@ioredis/commands@1.2.0': {}
+
+  '@isaacs/cliui@8.0.2':
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: string-width@4.2.3
+      strip-ansi: 7.1.0
+      strip-ansi-cjs: strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: wrap-ansi@7.0.0
+
+  '@jridgewell/gen-mapping@0.3.5':
+    dependencies:
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/set-array@1.2.1': {}
+
+  '@jridgewell/source-map@0.3.6':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.0
+
+  '@kwsites/file-exists@1.1.1':
+    dependencies:
+      debug: 4.3.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@kwsites/promise-deferred@1.1.1': {}
+
+  '@mapbox/node-pre-gyp@1.0.11':
+    dependencies:
+      detect-libc: 2.0.3
+      https-proxy-agent: 5.0.1
+      make-dir: 3.1.0
+      node-fetch: 2.7.0
+      nopt: 5.0.0
+      npmlog: 5.0.1
+      rimraf: 3.0.2
+      semver: 7.6.3
+      tar: 6.2.1
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
+  '@netlify/functions@2.8.1':
+    dependencies:
+      '@netlify/serverless-functions-api': 1.19.1
+
+  '@netlify/node-cookies@0.1.0': {}
+
+  '@netlify/serverless-functions-api@1.19.1':
+    dependencies:
+      '@netlify/node-cookies': 0.1.0
+      urlpattern-polyfill: 8.0.2
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.17.1
+
+  '@nuxt/content@2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxtjs/mdc': 0.8.3(magicast@0.3.5)(rollup@4.24.0)
+      '@vueuse/core': 10.11.1(vue@3.5.10(typescript@5.6.2))
+      '@vueuse/head': 2.0.0(vue@3.5.10(typescript@5.6.2))
+      '@vueuse/nuxt': 10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))
+      consola: 3.2.3
+      defu: 6.1.4
+      destr: 2.0.3
+      json5: 2.2.3
+      knitwork: 1.1.0
+      listhen: 1.8.0
+      mdast-util-to-string: 4.0.0
+      mdurl: 2.0.0
+      micromark: 4.0.0
+      micromark-util-sanitize-uri: 2.0.0
+      micromark-util-types: 2.0.0
+      minisearch: 7.1.0
+      ohash: 1.1.4
+      pathe: 1.1.2
+      scule: 1.3.0
+      shiki: 1.21.0
+      slugify: 1.6.6
+      socket.io-client: 4.8.0
+      ufo: 1.5.4
+      unist-util-stringify-position: 4.0.0
+      unstorage: 1.12.0(ioredis@5.4.1)
+      ws: 8.18.0
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - '@vue/composition-api'
+      - bufferutil
+      - idb-keyval
+      - ioredis
+      - magicast
+      - nuxt
+      - rollup
+      - supports-color
+      - uWebSockets.js
+      - utf-8-validate
+      - vue
+      - webpack-sources
+
+  '@nuxt/devalue@2.0.2': {}
+
+  '@nuxt/devtools-kit@1.5.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)
+      execa: 7.2.0
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  '@nuxt/devtools-kit@1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)
+      execa: 7.2.0
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  '@nuxt/devtools-wizard@1.5.1':
+    dependencies:
+      consola: 3.2.3
+      diff: 7.0.0
+      execa: 7.2.0
+      global-directory: 4.0.1
+      magicast: 0.3.5
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      prompts: 2.4.2
+      rc9: 2.1.2
+      semver: 7.6.3
+
+  '@nuxt/devtools@1.5.1(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@antfu/utils': 0.7.10
+      '@nuxt/devtools-kit': 1.5.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@nuxt/devtools-wizard': 1.5.1
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@vue/devtools-core': 7.4.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))
+      '@vue/devtools-kit': 7.4.4
+      birpc: 0.2.17
+      consola: 3.2.3
+      cronstrue: 2.50.0
+      destr: 2.0.3
+      error-stack-parser-es: 0.1.5
+      execa: 7.2.0
+      fast-npm-meta: 0.2.2
+      flatted: 3.3.1
+      get-port-please: 3.1.2
+      hookable: 5.5.3
+      image-meta: 0.2.1
+      is-installed-globally: 1.0.0
+      launch-editor: 2.9.1
+      local-pkg: 0.5.0
+      magicast: 0.3.5
+      nypm: 0.3.12
+      ohash: 1.1.4
+      pathe: 1.1.2
+      perfect-debounce: 1.0.0
+      pkg-types: 1.2.0
+      rc9: 2.1.2
+      scule: 1.3.0
+      semver: 7.6.3
+      simple-git: 3.27.0
+      sirv: 2.0.4
+      tinyglobby: 0.2.6
+      unimport: 3.13.1(rollup@4.24.0)
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      vite-plugin-vue-inspector: 5.2.0(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      which: 3.0.1
+      ws: 8.18.0
+    transitivePeerDependencies:
+      - bufferutil
+      - rollup
+      - supports-color
+      - utf-8-validate
+      - vue
+      - webpack-sources
+
+  '@nuxt/eslint-config@0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+    dependencies:
+      '@eslint/js': 9.11.1
+      '@nuxt/eslint-plugin': 0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@stylistic/eslint-plugin': 2.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/eslint-plugin': 8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2))(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/parser': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      eslint: 9.12.0(jiti@2.3.3)
+      eslint-config-flat-gitignore: 0.3.0(eslint@9.12.0(jiti@2.3.3))
+      eslint-flat-config-utils: 0.4.0
+      eslint-plugin-import-x: 4.3.1(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      eslint-plugin-jsdoc: 50.3.1(eslint@9.12.0(jiti@2.3.3))
+      eslint-plugin-regexp: 2.6.0(eslint@9.12.0(jiti@2.3.3))
+      eslint-plugin-unicorn: 55.0.0(eslint@9.12.0(jiti@2.3.3))
+      eslint-plugin-vue: 9.28.0(eslint@9.12.0(jiti@2.3.3))
+      globals: 15.9.0
+      local-pkg: 0.5.0
+      pathe: 1.1.2
+      vue-eslint-parser: 9.4.3(eslint@9.12.0(jiti@2.3.3))
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@nuxt/eslint-plugin@0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+    dependencies:
+      '@typescript-eslint/types': 8.7.0
+      '@typescript-eslint/utils': 8.7.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      eslint: 9.12.0(jiti@2.3.3)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@nuxt/fonts@0.9.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
+    dependencies:
+      '@nuxt/devtools-kit': 1.5.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      chalk: 5.3.0
+      css-tree: 3.0.0
+      defu: 6.1.4
+      esbuild: 0.24.0
+      fontaine: 0.5.0
+      h3: 1.12.0
+      jiti: 1.21.6
+      magic-regexp: 0.8.0
+      magic-string: 0.30.11
+      node-fetch-native: 1.6.4
+      ohash: 1.1.4
+      pathe: 1.1.2
+      sirv: 2.0.4
+      tinyglobby: 0.2.6
+      ufo: 1.5.4
+      unplugin: 1.14.1
+      unstorage: 1.12.0(ioredis@5.4.1)
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - encoding
+      - idb-keyval
+      - ioredis
+      - magicast
+      - rollup
+      - supports-color
+      - uWebSockets.js
+      - vite
+      - webpack-sources
+
+  '@nuxt/icon@1.5.5(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@iconify/collections': 1.0.469
+      '@iconify/types': 2.0.0
+      '@iconify/utils': 2.1.33
+      '@iconify/vue': 4.1.3-beta.1(vue@3.5.10(typescript@5.6.2))
+      '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      consola: 3.2.3
+      local-pkg: 0.5.0
+      mlly: 1.7.2
+      ohash: 1.1.4
+      pathe: 1.1.2
+      std-env: 3.7.0
+      tinyglobby: 0.2.9
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - vite
+      - vue
+      - webpack-sources
+
+  '@nuxt/image@1.8.1(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      consola: 3.2.3
+      defu: 6.1.4
+      h3: 1.13.0
+      image-meta: 0.2.1
+      node-fetch-native: 1.6.4
+      ohash: 1.1.4
+      pathe: 1.1.2
+      std-env: 3.7.0
+      ufo: 1.5.4
+    optionalDependencies:
+      ipx: 2.1.0(ioredis@5.4.1)
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - idb-keyval
+      - ioredis
+      - magicast
+      - rollup
+      - supports-color
+      - uWebSockets.js
+      - webpack-sources
+
+  '@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0)':
+    dependencies:
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)
+      c12: 1.11.2(magicast@0.3.5)
+      consola: 3.2.3
+      defu: 6.1.4
+      destr: 2.0.3
+      globby: 14.0.2
+      hash-sum: 2.0.0
+      ignore: 5.3.2
+      jiti: 1.21.6
+      klona: 2.0.6
+      knitwork: 1.1.0
+      mlly: 1.7.1
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      scule: 1.3.0
+      semver: 7.6.3
+      ufo: 1.5.4
+      unctx: 2.3.1
+      unimport: 3.13.1(rollup@4.24.0)
+      untyped: 1.5.0
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  '@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      citty: 0.1.6
+      consola: 3.2.3
+      defu: 6.1.4
+      magic-regexp: 0.8.0
+      mlly: 1.7.1
+      nuxi: 3.14.0
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      tsconfck: 3.1.3(typescript@5.6.2)
+      unbuild: 2.0.0(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
+    transitivePeerDependencies:
+      - sass
+      - supports-color
+      - typescript
+      - vue-tsc
+      - webpack-sources
+
+  '@nuxt/schema@3.13.2(rollup@4.24.0)':
+    dependencies:
+      compatx: 0.1.8
+      consola: 3.2.3
+      defu: 6.1.4
+      hookable: 5.5.3
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      scule: 1.3.0
+      std-env: 3.7.0
+      ufo: 1.5.4
+      uncrypto: 0.1.3
+      unimport: 3.13.1(rollup@4.24.0)
+      untyped: 1.5.0
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  '@nuxt/telemetry@2.6.0(magicast@0.3.5)(rollup@4.24.0)':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      ci-info: 4.0.0
+      consola: 3.2.3
+      create-require: 1.1.1
+      defu: 6.1.4
+      destr: 2.0.3
+      dotenv: 16.4.5
+      git-url-parse: 15.0.0
+      is-docker: 3.0.0
+      jiti: 1.21.6
+      mri: 1.2.0
+      nanoid: 5.0.7
+      ofetch: 1.4.0
+      package-manager-detector: 0.2.0
+      parse-git-config: 3.0.0
+      pathe: 1.1.2
+      rc9: 2.1.2
+      std-env: 3.7.0
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  '@nuxt/test-utils@3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.10(typescript@5.6.2)))(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)
+      c12: 2.0.1(magicast@0.3.5)
+      consola: 3.2.3
+      defu: 6.1.4
+      destr: 2.0.3
+      estree-walker: 3.0.3
+      fake-indexeddb: 6.0.0
+      get-port-please: 3.1.2
+      h3: 1.13.0
+      local-pkg: 0.5.0
+      magic-string: 0.30.11
+      nitropack: 2.9.7(magicast@0.3.5)
+      node-fetch-native: 1.6.4
+      ofetch: 1.4.0
+      pathe: 1.1.2
+      perfect-debounce: 1.0.0
+      radix3: 1.1.2
+      scule: 1.3.0
+      std-env: 3.7.0
+      tinyexec: 0.3.0
+      ufo: 1.5.4
+      unenv: 1.10.0
+      unplugin: 1.14.1
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.10(typescript@5.6.2)))(vue@3.5.10(typescript@5.6.2))
+      vue: 3.5.10(typescript@5.6.2)
+      vue-router: 4.4.5(vue@3.5.10(typescript@5.6.2))
+    optionalDependencies:
+      '@vue/test-utils': 2.4.6
+      happy-dom: 14.12.3
+      playwright-core: 1.47.2
+      vitest: 2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1)
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  '@nuxt/ui-pro@https://pkg.pr.new/nuxt/ui-pro/@nuxt/ui-pro@v2(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)
+      '@nuxt/ui': 'link:'
+      '@vueuse/core': 11.1.0(vue@3.5.10(typescript@5.6.2))
+      consola: 3.2.3
+      defu: 6.1.4
+      git-url-parse: 15.0.0
+      ofetch: 1.4.0
+      parse-git-config: 3.0.0
+      pkg-types: 1.2.0
+      scule: 1.3.0
+      vue3-smooth-dnd: 0.0.6(vue@3.5.10(typescript@5.6.2))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - magicast
+      - rollup
+      - supports-color
+      - vue
+      - webpack-sources
+
+  '@nuxt/vite-builder@3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@rollup/plugin-replace': 5.0.7(rollup@4.24.0)
+      '@vitejs/plugin-vue': 5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))
+      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))
+      autoprefixer: 10.4.20(postcss@8.4.47)
+      clear: 0.1.0
+      consola: 3.2.3
+      cssnano: 7.0.6(postcss@8.4.47)
+      defu: 6.1.4
+      esbuild: 0.23.1
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      externality: 1.0.2
+      get-port-please: 3.1.2
+      h3: 1.12.0
+      knitwork: 1.1.0
+      magic-string: 0.30.11
+      mlly: 1.7.1
+      ohash: 1.1.4
+      pathe: 1.1.2
+      perfect-debounce: 1.0.0
+      pkg-types: 1.2.0
+      postcss: 8.4.47
+      rollup-plugin-visualizer: 5.12.0(rollup@4.24.0)
+      std-env: 3.7.0
+      strip-literal: 2.1.0
+      ufo: 1.5.4
+      unenv: 1.10.0
+      unplugin: 1.14.1
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vite-node: 2.1.1(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vite-plugin-checker: 0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue: 3.5.10(typescript@5.6.2)
+      vue-bundle-renderer: 2.1.1
+    transitivePeerDependencies:
+      - '@biomejs/biome'
+      - '@types/node'
+      - eslint
+      - less
+      - lightningcss
+      - magicast
+      - meow
+      - optionator
+      - rollup
+      - sass
+      - sass-embedded
+      - stylelint
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - typescript
+      - uWebSockets.js
+      - vls
+      - vti
+      - vue-tsc
+      - webpack-sources
+
+  '@nuxthub/core@0.7.24(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
+    dependencies:
+      '@cloudflare/workers-types': 4.20241004.0
+      '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@uploadthing/mime-types': 0.3.0
+      citty: 0.1.6
+      confbox: 0.1.7
+      defu: 6.1.4
+      destr: 2.0.3
+      h3: 1.13.0
+      mime: 4.0.4
+      nitro-cloudflare-dev: 0.1.6
+      ofetch: 1.4.0
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      ufo: 1.5.4
+      uncrypto: 0.1.3
+      unstorage: 1.12.0(ioredis@5.4.1)
+      zod: 3.23.8
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - idb-keyval
+      - ioredis
+      - magicast
+      - rollup
+      - supports-color
+      - uWebSockets.js
+      - vite
+      - webpack-sources
+
+  '@nuxtjs/color-mode@3.5.1(magicast@0.3.5)(rollup@4.24.0)':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      changelogen: 0.5.7(magicast@0.3.5)
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      semver: 7.6.3
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  '@nuxtjs/mdc@0.8.3(magicast@0.3.5)(rollup@4.24.0)':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@shikijs/transformers': 1.21.0
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@vue/compiler-core': 3.5.10
+      consola: 3.2.3
+      debug: 4.3.7
+      defu: 6.1.4
+      destr: 2.0.3
+      detab: 3.0.2
+      github-slugger: 2.0.0
+      hast-util-to-string: 3.0.1
+      mdast-util-to-hast: 13.2.0
+      micromark-util-sanitize-uri: 2.0.0
+      ohash: 1.1.4
+      parse5: 7.1.2
+      pathe: 1.1.2
+      property-information: 6.5.0
+      rehype-external-links: 3.0.0
+      rehype-raw: 7.0.0
+      rehype-slug: 6.0.0
+      rehype-sort-attribute-values: 5.0.1
+      rehype-sort-attributes: 5.0.1
+      remark-emoji: 5.0.1
+      remark-gfm: 4.0.0
+      remark-mdc: 3.2.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.1
+      scule: 1.3.0
+      shiki: 1.21.0
+      ufo: 1.5.4
+      unified: 11.0.5
+      unist-builder: 4.0.0
+      unist-util-visit: 5.0.0
+      unwasm: 0.3.9
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  '@nuxtjs/mdc@0.9.0(magicast@0.3.5)(rollup@4.24.0)':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@shikijs/transformers': 1.21.0
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@vue/compiler-core': 3.5.10
+      consola: 3.2.3
+      debug: 4.3.7
+      defu: 6.1.4
+      destr: 2.0.3
+      detab: 3.0.2
+      github-slugger: 2.0.0
+      hast-util-to-string: 3.0.1
+      mdast-util-to-hast: 13.2.0
+      micromark-util-sanitize-uri: 2.0.0
+      ohash: 1.1.4
+      parse5: 7.1.2
+      pathe: 1.1.2
+      property-information: 6.5.0
+      rehype-external-links: 3.0.0
+      rehype-raw: 7.0.0
+      rehype-slug: 6.0.0
+      rehype-sort-attribute-values: 5.0.1
+      rehype-sort-attributes: 5.0.1
+      remark-emoji: 5.0.1
+      remark-gfm: 4.0.0
+      remark-mdc: 3.2.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.1
+      scule: 1.3.0
+      shiki: 1.21.0
+      ufo: 1.5.4
+      unified: 11.0.5
+      unist-builder: 4.0.0
+      unist-util-visit: 5.0.0
+      unwasm: 0.3.9
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  '@nuxtjs/plausible@1.0.3(magicast@0.3.5)(rollup@4.24.0)':
+    dependencies:
+      '@barbapapazes/plausible-tracker': 0.5.3
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      defu: 6.1.4
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  '@octokit/auth-token@4.0.0': {}
+
+  '@octokit/auth-token@5.1.1': {}
+
+  '@octokit/core@5.2.0':
+    dependencies:
+      '@octokit/auth-token': 4.0.0
+      '@octokit/graphql': 7.1.0
+      '@octokit/request': 8.4.0
+      '@octokit/request-error': 5.1.0
+      '@octokit/types': 13.6.0
+      before-after-hook: 2.2.3
+      universal-user-agent: 6.0.1
+
+  '@octokit/core@6.1.2':
+    dependencies:
+      '@octokit/auth-token': 5.1.1
+      '@octokit/graphql': 8.1.1
+      '@octokit/request': 9.1.3
+      '@octokit/request-error': 6.1.5
+      '@octokit/types': 13.6.0
+      before-after-hook: 3.0.2
+      universal-user-agent: 7.0.2
+
+  '@octokit/endpoint@10.1.1':
+    dependencies:
+      '@octokit/types': 13.6.0
+      universal-user-agent: 7.0.2
+
+  '@octokit/endpoint@9.0.5':
+    dependencies:
+      '@octokit/types': 13.6.0
+      universal-user-agent: 6.0.1
+
+  '@octokit/graphql@7.1.0':
+    dependencies:
+      '@octokit/request': 8.4.0
+      '@octokit/types': 13.6.0
+      universal-user-agent: 6.0.1
+
+  '@octokit/graphql@8.1.1':
+    dependencies:
+      '@octokit/request': 9.1.3
+      '@octokit/types': 13.6.0
+      universal-user-agent: 7.0.2
+
+  '@octokit/openapi-types@22.2.0': {}
+
+  '@octokit/plugin-paginate-rest@11.3.1(@octokit/core@5.2.0)':
+    dependencies:
+      '@octokit/core': 5.2.0
+      '@octokit/types': 13.6.0
+
+  '@octokit/plugin-paginate-rest@11.3.5(@octokit/core@6.1.2)':
+    dependencies:
+      '@octokit/core': 6.1.2
+      '@octokit/types': 13.6.0
+
+  '@octokit/plugin-request-log@4.0.1(@octokit/core@5.2.0)':
+    dependencies:
+      '@octokit/core': 5.2.0
+
+  '@octokit/plugin-request-log@5.3.1(@octokit/core@6.1.2)':
+    dependencies:
+      '@octokit/core': 6.1.2
+
+  '@octokit/plugin-rest-endpoint-methods@13.2.2(@octokit/core@5.2.0)':
+    dependencies:
+      '@octokit/core': 5.2.0
+      '@octokit/types': 13.6.0
+
+  '@octokit/plugin-rest-endpoint-methods@13.2.5(@octokit/core@6.1.2)':
+    dependencies:
+      '@octokit/core': 6.1.2
+      '@octokit/types': 13.6.0
+
+  '@octokit/request-error@5.1.0':
+    dependencies:
+      '@octokit/types': 13.6.0
+      deprecation: 2.3.1
+      once: 1.4.0
+
+  '@octokit/request-error@6.1.5':
+    dependencies:
+      '@octokit/types': 13.6.0
+
+  '@octokit/request@8.4.0':
+    dependencies:
+      '@octokit/endpoint': 9.0.5
+      '@octokit/request-error': 5.1.0
+      '@octokit/types': 13.6.0
+      universal-user-agent: 6.0.1
+
+  '@octokit/request@9.1.3':
+    dependencies:
+      '@octokit/endpoint': 10.1.1
+      '@octokit/request-error': 6.1.5
+      '@octokit/types': 13.6.0
+      universal-user-agent: 7.0.2
+
+  '@octokit/rest@20.1.1':
+    dependencies:
+      '@octokit/core': 5.2.0
+      '@octokit/plugin-paginate-rest': 11.3.1(@octokit/core@5.2.0)
+      '@octokit/plugin-request-log': 4.0.1(@octokit/core@5.2.0)
+      '@octokit/plugin-rest-endpoint-methods': 13.2.2(@octokit/core@5.2.0)
+
+  '@octokit/rest@21.0.2':
+    dependencies:
+      '@octokit/core': 6.1.2
+      '@octokit/plugin-paginate-rest': 11.3.5(@octokit/core@6.1.2)
+      '@octokit/plugin-request-log': 5.3.1(@octokit/core@6.1.2)
+      '@octokit/plugin-rest-endpoint-methods': 13.2.5(@octokit/core@6.1.2)
+
+  '@octokit/types@13.6.0':
+    dependencies:
+      '@octokit/openapi-types': 22.2.0
+
+  '@one-ini/wasm@0.1.1': {}
+
+  '@parcel/watcher-android-arm64@2.4.1':
+    optional: true
+
+  '@parcel/watcher-darwin-arm64@2.4.1':
+    optional: true
+
+  '@parcel/watcher-darwin-x64@2.4.1':
+    optional: true
+
+  '@parcel/watcher-freebsd-x64@2.4.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm-glibc@2.4.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-glibc@2.4.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-musl@2.4.1':
+    optional: true
+
+  '@parcel/watcher-linux-x64-glibc@2.4.1':
+    optional: true
+
+  '@parcel/watcher-linux-x64-musl@2.4.1':
+    optional: true
+
+  '@parcel/watcher-wasm@2.4.1':
+    dependencies:
+      is-glob: 4.0.3
+      micromatch: 4.0.8
+
+  '@parcel/watcher-win32-arm64@2.4.1':
+    optional: true
+
+  '@parcel/watcher-win32-ia32@2.4.1':
+    optional: true
+
+  '@parcel/watcher-win32-x64@2.4.1':
+    optional: true
+
+  '@parcel/watcher@2.4.1':
+    dependencies:
+      detect-libc: 1.0.3
+      is-glob: 4.0.3
+      micromatch: 4.0.8
+      node-addon-api: 7.1.1
+    optionalDependencies:
+      '@parcel/watcher-android-arm64': 2.4.1
+      '@parcel/watcher-darwin-arm64': 2.4.1
+      '@parcel/watcher-darwin-x64': 2.4.1
+      '@parcel/watcher-freebsd-x64': 2.4.1
+      '@parcel/watcher-linux-arm-glibc': 2.4.1
+      '@parcel/watcher-linux-arm64-glibc': 2.4.1
+      '@parcel/watcher-linux-arm64-musl': 2.4.1
+      '@parcel/watcher-linux-x64-glibc': 2.4.1
+      '@parcel/watcher-linux-x64-musl': 2.4.1
+      '@parcel/watcher-win32-arm64': 2.4.1
+      '@parcel/watcher-win32-ia32': 2.4.1
+      '@parcel/watcher-win32-x64': 2.4.1
+
+  '@pkgjs/parseargs@0.11.0':
+    optional: true
+
+  '@pkgr/core@0.1.1': {}
+
+  '@pnpm/config.env-replace@1.1.0': {}
+
+  '@pnpm/network.ca-file@1.0.2':
+    dependencies:
+      graceful-fs: 4.2.10
+
+  '@pnpm/npm-conf@2.3.1':
+    dependencies:
+      '@pnpm/config.env-replace': 1.1.0
+      '@pnpm/network.ca-file': 1.0.2
+      config-chain: 1.1.13
+
+  '@polka/url@1.0.0-next.28': {}
+
+  '@release-it/conventional-changelog@8.0.2(release-it@17.7.0(typescript@5.6.2))':
+    dependencies:
+      concat-stream: 2.0.0
+      conventional-changelog: 5.1.0
+      conventional-recommended-bump: 9.0.0
+      git-semver-tags: 8.0.0
+      release-it: 17.7.0(typescript@5.6.2)
+      semver: 7.6.3
+    transitivePeerDependencies:
+      - conventional-commits-filter
+      - conventional-commits-parser
+
+  '@resvg/resvg-js-android-arm-eabi@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-android-arm64@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-darwin-arm64@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-darwin-x64@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-linux-arm-gnueabihf@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-linux-arm64-gnu@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-linux-arm64-musl@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-linux-x64-gnu@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-linux-x64-musl@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-win32-arm64-msvc@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-win32-ia32-msvc@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js-win32-x64-msvc@2.6.2':
+    optional: true
+
+  '@resvg/resvg-js@2.6.2':
+    optionalDependencies:
+      '@resvg/resvg-js-android-arm-eabi': 2.6.2
+      '@resvg/resvg-js-android-arm64': 2.6.2
+      '@resvg/resvg-js-darwin-arm64': 2.6.2
+      '@resvg/resvg-js-darwin-x64': 2.6.2
+      '@resvg/resvg-js-linux-arm-gnueabihf': 2.6.2
+      '@resvg/resvg-js-linux-arm64-gnu': 2.6.2
+      '@resvg/resvg-js-linux-arm64-musl': 2.6.2
+      '@resvg/resvg-js-linux-x64-gnu': 2.6.2
+      '@resvg/resvg-js-linux-x64-musl': 2.6.2
+      '@resvg/resvg-js-win32-arm64-msvc': 2.6.2
+      '@resvg/resvg-js-win32-ia32-msvc': 2.6.2
+      '@resvg/resvg-js-win32-x64-msvc': 2.6.2
+
+  '@resvg/resvg-wasm@2.6.2': {}
+
+  '@rollup/plugin-alias@5.1.1(rollup@4.24.0)':
+    optionalDependencies:
+      rollup: 4.24.0
+
+  '@rollup/plugin-commonjs@25.0.8(rollup@4.24.0)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      commondir: 1.0.1
+      estree-walker: 2.0.2
+      glob: 8.1.0
+      is-reference: 1.2.1
+      magic-string: 0.30.11
+    optionalDependencies:
+      rollup: 4.24.0
+
+  '@rollup/plugin-inject@5.0.5(rollup@4.24.0)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      estree-walker: 2.0.2
+      magic-string: 0.30.11
+    optionalDependencies:
+      rollup: 4.24.0
+
+  '@rollup/plugin-json@6.1.0(rollup@4.24.0)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+    optionalDependencies:
+      rollup: 4.24.0
+
+  '@rollup/plugin-node-resolve@15.3.0(rollup@4.24.0)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@types/resolve': 1.20.2
+      deepmerge: 4.3.1
+      is-module: 1.0.0
+      resolve: 1.22.8
+    optionalDependencies:
+      rollup: 4.24.0
+
+  '@rollup/plugin-replace@5.0.7(rollup@4.24.0)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      magic-string: 0.30.11
+    optionalDependencies:
+      rollup: 4.24.0
+
+  '@rollup/plugin-terser@0.4.4(rollup@4.24.0)':
+    dependencies:
+      serialize-javascript: 6.0.2
+      smob: 1.5.0
+      terser: 5.34.1
+    optionalDependencies:
+      rollup: 4.24.0
+
+  '@rollup/pluginutils@4.2.1':
+    dependencies:
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+
+  '@rollup/pluginutils@5.1.2(rollup@4.24.0)':
+    dependencies:
+      '@types/estree': 1.0.6
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    optionalDependencies:
+      rollup: 4.24.0
+
+  '@rollup/rollup-android-arm-eabi@4.24.0':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.24.0':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.24.0':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.24.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.24.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.24.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.24.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.24.0':
+    optional: true
+
+  '@rollup/rollup-linux-powerpc64le-gnu@4.24.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.24.0':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.24.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.24.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.24.0':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.24.0':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.24.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.24.0':
+    optional: true
+
+  '@sec-ant/readable-stream@0.4.1': {}
+
+  '@shikijs/core@1.21.0':
+    dependencies:
+      '@shikijs/engine-javascript': 1.21.0
+      '@shikijs/engine-oniguruma': 1.21.0
+      '@shikijs/types': 1.21.0
+      '@shikijs/vscode-textmate': 9.2.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.3
+
+  '@shikijs/engine-javascript@1.21.0':
+    dependencies:
+      '@shikijs/types': 1.21.0
+      '@shikijs/vscode-textmate': 9.2.2
+      oniguruma-to-js: 0.4.3
+
+  '@shikijs/engine-oniguruma@1.21.0':
+    dependencies:
+      '@shikijs/types': 1.21.0
+      '@shikijs/vscode-textmate': 9.2.2
+
+  '@shikijs/transformers@1.21.0':
+    dependencies:
+      shiki: 1.21.0
+
+  '@shikijs/types@1.21.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 9.2.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@9.2.2': {}
+
+  '@shuding/opentype.js@1.4.0-beta.0':
+    dependencies:
+      fflate: 0.7.4
+      string.prototype.codepointat: 0.2.1
+
+  '@sideway/address@4.1.5':
+    dependencies:
+      '@hapi/hoek': 9.3.0
+
+  '@sideway/formula@3.0.1': {}
+
+  '@sideway/pinpoint@2.0.0': {}
+
+  '@sindresorhus/is@4.6.0': {}
+
+  '@sindresorhus/merge-streams@2.3.0': {}
+
+  '@sindresorhus/merge-streams@4.0.0': {}
+
+  '@socket.io/component-emitter@3.1.2': {}
+
+  '@stylistic/eslint-plugin@2.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+    dependencies:
+      '@typescript-eslint/utils': 8.7.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      eslint: 9.12.0(jiti@2.3.3)
+      eslint-visitor-keys: 4.1.0
+      espree: 10.2.0
+      estraverse: 5.3.0
+      picomatch: 4.0.2
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@swc/helpers@0.5.13':
+    dependencies:
+      tslib: 2.7.0
+
+  '@tailwindcss/node@4.0.0-alpha.24':
+    dependencies:
+      jiti: 2.0.0
+
+  '@tailwindcss/oxide-android-arm64@4.0.0-alpha.24':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.0.0-alpha.24':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.0.0-alpha.24':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.0.0-alpha.24':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.0.0-alpha.24':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.0.0-alpha.24':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.0.0-alpha.24':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.0.0-alpha.24':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.0.0-alpha.24':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.0.0-alpha.24':
+    optional: true
+
+  '@tailwindcss/oxide@4.0.0-alpha.24':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.0.0-alpha.24
+      '@tailwindcss/oxide-darwin-arm64': 4.0.0-alpha.24
+      '@tailwindcss/oxide-darwin-x64': 4.0.0-alpha.24
+      '@tailwindcss/oxide-freebsd-x64': 4.0.0-alpha.24
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.0.0-alpha.24
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.0.0-alpha.24
+      '@tailwindcss/oxide-linux-arm64-musl': 4.0.0-alpha.24
+      '@tailwindcss/oxide-linux-x64-gnu': 4.0.0-alpha.24
+      '@tailwindcss/oxide-linux-x64-musl': 4.0.0-alpha.24
+      '@tailwindcss/oxide-win32-x64-msvc': 4.0.0-alpha.24
+
+  '@tailwindcss/postcss@4.0.0-alpha.24(postcss@8.4.47)':
+    dependencies:
+      '@tailwindcss/node': 4.0.0-alpha.24
+      '@tailwindcss/oxide': 4.0.0-alpha.24
+      lightningcss: 1.27.0
+      postcss-import: 16.1.0(postcss@8.4.47)
+      tailwindcss: 4.0.0-alpha.24
+    transitivePeerDependencies:
+      - postcss
+
+  '@tailwindcss/vite@4.0.0-alpha.24(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
+    dependencies:
+      '@tailwindcss/node': 4.0.0-alpha.24
+      '@tailwindcss/oxide': 4.0.0-alpha.24
+      lightningcss: 1.27.0
+      postcss: 8.4.47
+      postcss-import: 16.1.0(postcss@8.4.47)
+      tailwindcss: 4.0.0-alpha.24
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+
+  '@tanstack/virtual-core@3.10.8': {}
+
+  '@tanstack/vue-virtual@3.10.8(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@tanstack/virtual-core': 3.10.8
+      vue: 3.5.10(typescript@5.6.2)
+
+  '@tootallnate/quickjs-emscripten@0.23.0': {}
+
+  '@trysound/sax@0.2.0': {}
+
+  '@types/debug@4.1.12':
+    dependencies:
+      '@types/ms': 0.7.34
+
+  '@types/estree@1.0.6': {}
+
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/http-proxy@1.17.15':
+    dependencies:
+      '@types/node': 22.7.4
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/ms@0.7.34': {}
+
+  '@types/node@22.7.4':
+    dependencies:
+      undici-types: 6.19.8
+
+  '@types/normalize-package-data@2.4.4': {}
+
+  '@types/resolve@1.20.2': {}
+
+  '@types/semver@7.5.8': {}
+
+  '@types/unist@2.0.11': {}
+
+  '@types/unist@3.0.3': {}
+
+  '@types/web-bluetooth@0.0.20': {}
+
+  '@typescript-eslint/eslint-plugin@8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2))(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+    dependencies:
+      '@eslint-community/regexpp': 4.11.1
+      '@typescript-eslint/parser': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/scope-manager': 8.8.0
+      '@typescript-eslint/type-utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/visitor-keys': 8.8.0
+      eslint: 9.12.0(jiti@2.3.3)
+      graphemer: 1.4.0
+      ignore: 5.3.2
+      natural-compare: 1.4.0
+      ts-api-utils: 1.3.0(typescript@5.6.2)
+    optionalDependencies:
+      typescript: 5.6.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.8.0
+      '@typescript-eslint/types': 8.8.0
+      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2)
+      '@typescript-eslint/visitor-keys': 8.8.0
+      debug: 4.3.7
+      eslint: 9.12.0(jiti@2.3.3)
+    optionalDependencies:
+      typescript: 5.6.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.7.0':
+    dependencies:
+      '@typescript-eslint/types': 8.7.0
+      '@typescript-eslint/visitor-keys': 8.7.0
+
+  '@typescript-eslint/scope-manager@8.8.0':
+    dependencies:
+      '@typescript-eslint/types': 8.8.0
+      '@typescript-eslint/visitor-keys': 8.8.0
+
+  '@typescript-eslint/type-utils@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+    dependencies:
+      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      debug: 4.3.7
+      ts-api-utils: 1.3.0(typescript@5.6.2)
+    optionalDependencies:
+      typescript: 5.6.2
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+
+  '@typescript-eslint/types@8.7.0': {}
+
+  '@typescript-eslint/types@8.8.0': {}
+
+  '@typescript-eslint/typescript-estree@8.7.0(typescript@5.6.2)':
+    dependencies:
+      '@typescript-eslint/types': 8.7.0
+      '@typescript-eslint/visitor-keys': 8.7.0
+      debug: 4.3.7
+      fast-glob: 3.3.2
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.6.3
+      ts-api-utils: 1.3.0(typescript@5.6.2)
+    optionalDependencies:
+      typescript: 5.6.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/typescript-estree@8.8.0(typescript@5.6.2)':
+    dependencies:
+      '@typescript-eslint/types': 8.8.0
+      '@typescript-eslint/visitor-keys': 8.8.0
+      debug: 4.3.7
+      fast-glob: 3.3.2
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.6.3
+      ts-api-utils: 1.3.0(typescript@5.6.2)
+    optionalDependencies:
+      typescript: 5.6.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.7.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0(jiti@2.3.3))
+      '@typescript-eslint/scope-manager': 8.7.0
+      '@typescript-eslint/types': 8.7.0
+      '@typescript-eslint/typescript-estree': 8.7.0(typescript@5.6.2)
+      eslint: 9.12.0(jiti@2.3.3)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@typescript-eslint/utils@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0(jiti@2.3.3))
+      '@typescript-eslint/scope-manager': 8.8.0
+      '@typescript-eslint/types': 8.8.0
+      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2)
+      eslint: 9.12.0(jiti@2.3.3)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@typescript-eslint/visitor-keys@8.7.0':
+    dependencies:
+      '@typescript-eslint/types': 8.7.0
+      eslint-visitor-keys: 3.4.3
+
+  '@typescript-eslint/visitor-keys@8.8.0':
+    dependencies:
+      '@typescript-eslint/types': 8.8.0
+      eslint-visitor-keys: 3.4.3
+
+  '@ungap/structured-clone@1.2.0': {}
+
+  '@unhead/dom@1.11.7':
+    dependencies:
+      '@unhead/schema': 1.11.7
+      '@unhead/shared': 1.11.7
+
+  '@unhead/schema@1.11.7':
+    dependencies:
+      hookable: 5.5.3
+      zhead: 2.2.4
+
+  '@unhead/shared@1.11.7':
+    dependencies:
+      '@unhead/schema': 1.11.7
+
+  '@unhead/ssr@1.11.7':
+    dependencies:
+      '@unhead/schema': 1.11.7
+      '@unhead/shared': 1.11.7
+
+  '@unhead/vue@1.11.7(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@unhead/schema': 1.11.7
+      '@unhead/shared': 1.11.7
+      defu: 6.1.4
+      hookable: 5.5.3
+      unhead: 1.11.7
+      vue: 3.5.10(typescript@5.6.2)
+
+  '@unocss/core@0.63.1': {}
+
+  '@unocss/extractor-arbitrary-variants@0.63.1':
+    dependencies:
+      '@unocss/core': 0.63.1
+
+  '@unocss/preset-mini@0.63.1':
+    dependencies:
+      '@unocss/core': 0.63.1
+      '@unocss/extractor-arbitrary-variants': 0.63.1
+      '@unocss/rule-utils': 0.63.1
+
+  '@unocss/preset-wind@0.63.1':
+    dependencies:
+      '@unocss/core': 0.63.1
+      '@unocss/preset-mini': 0.63.1
+      '@unocss/rule-utils': 0.63.1
+
+  '@unocss/rule-utils@0.63.1':
+    dependencies:
+      '@unocss/core': 0.63.1
+      magic-string: 0.30.11
+
+  '@uploadthing/mime-types@0.3.0': {}
+
+  '@vercel/nft@0.26.5':
+    dependencies:
+      '@mapbox/node-pre-gyp': 1.0.11
+      '@rollup/pluginutils': 4.2.1
+      acorn: 8.12.1
+      acorn-import-attributes: 1.9.5(acorn@8.12.1)
+      async-sema: 3.1.1
+      bindings: 1.5.0
+      estree-walker: 2.0.2
+      glob: 7.2.3
+      graceful-fs: 4.2.11
+      micromatch: 4.0.8
+      node-gyp-build: 4.8.2
+      resolve-from: 5.0.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
+  '@vitejs/plugin-vue-jsx@4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/plugin-transform-typescript': 7.25.2(@babel/core@7.25.2)
+      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.25.2)
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vue: 3.5.10(typescript@5.6.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vitejs/plugin-vue@5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vue: 3.5.10(typescript@5.6.2)
+
+  '@vitest/expect@2.1.2':
+    dependencies:
+      '@vitest/spy': 2.1.2
+      '@vitest/utils': 2.1.2
+      chai: 5.1.1
+      tinyrainbow: 1.2.0
+
+  '@vitest/mocker@2.1.2(@vitest/spy@2.1.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
+    dependencies:
+      '@vitest/spy': 2.1.2
+      estree-walker: 3.0.3
+      magic-string: 0.30.11
+    optionalDependencies:
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+
+  '@vitest/pretty-format@2.1.2':
+    dependencies:
+      tinyrainbow: 1.2.0
+
+  '@vitest/runner@2.1.2':
+    dependencies:
+      '@vitest/utils': 2.1.2
+      pathe: 1.1.2
+
+  '@vitest/snapshot@2.1.2':
+    dependencies:
+      '@vitest/pretty-format': 2.1.2
+      magic-string: 0.30.11
+      pathe: 1.1.2
+
+  '@vitest/spy@2.1.2':
+    dependencies:
+      tinyspy: 3.0.2
+
+  '@vitest/utils@2.1.2':
+    dependencies:
+      '@vitest/pretty-format': 2.1.2
+      loupe: 3.1.1
+      tinyrainbow: 1.2.0
+
+  '@volar/language-core@2.4.5':
+    dependencies:
+      '@volar/source-map': 2.4.5
+
+  '@volar/source-map@2.4.5': {}
+
+  '@volar/typescript@2.4.5':
+    dependencies:
+      '@volar/language-core': 2.4.5
+      path-browserify: 1.0.1
+      vscode-uri: 3.0.8
+
+  '@vue-macros/common@1.14.0(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@babel/types': 7.25.6
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@vue/compiler-sfc': 3.5.10
+      ast-kit: 1.2.1
+      local-pkg: 0.5.0
+      magic-string-ast: 0.6.2
+    optionalDependencies:
+      vue: 3.5.10(typescript@5.6.2)
+    transitivePeerDependencies:
+      - rollup
+
+  '@vue/babel-helper-vue-transform-on@1.2.5': {}
+
+  '@vue/babel-plugin-jsx@1.2.5(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/helper-module-imports': 7.24.7
+      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.25.2)
+      '@babel/template': 7.25.0
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
+      '@vue/babel-helper-vue-transform-on': 1.2.5
+      '@vue/babel-plugin-resolve-type': 1.2.5(@babel/core@7.25.2)
+      html-tags: 3.3.1
+      svg-tags: 1.0.0
+    optionalDependencies:
+      '@babel/core': 7.25.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vue/babel-plugin-resolve-type@1.2.5(@babel/core@7.25.2)':
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      '@babel/core': 7.25.2
+      '@babel/helper-module-imports': 7.24.7
+      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/parser': 7.25.6
+      '@vue/compiler-sfc': 3.5.10
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vue/compiler-core@3.5.10':
+    dependencies:
+      '@babel/parser': 7.25.6
+      '@vue/shared': 3.5.10
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-dom@3.5.10':
+    dependencies:
+      '@vue/compiler-core': 3.5.10
+      '@vue/shared': 3.5.10
+
+  '@vue/compiler-sfc@3.5.10':
+    dependencies:
+      '@babel/parser': 7.25.6
+      '@vue/compiler-core': 3.5.10
+      '@vue/compiler-dom': 3.5.10
+      '@vue/compiler-ssr': 3.5.10
+      '@vue/shared': 3.5.10
+      estree-walker: 2.0.2
+      magic-string: 0.30.11
+      postcss: 8.4.47
+      source-map-js: 1.2.1
+
+  '@vue/compiler-ssr@3.5.10':
+    dependencies:
+      '@vue/compiler-dom': 3.5.10
+      '@vue/shared': 3.5.10
+
+  '@vue/compiler-vue2@2.7.16':
+    dependencies:
+      de-indent: 1.0.2
+      he: 1.2.0
+
+  '@vue/devtools-api@6.6.4': {}
+
+  '@vue/devtools-core@7.4.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@vue/devtools-kit': 7.4.4
+      '@vue/devtools-shared': 7.4.6
+      mitt: 3.0.1
+      nanoid: 3.3.7
+      pathe: 1.1.2
+      vite-hot-client: 0.2.3(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      vue: 3.5.10(typescript@5.6.2)
+    transitivePeerDependencies:
+      - vite
+
+  '@vue/devtools-kit@7.4.4':
+    dependencies:
+      '@vue/devtools-shared': 7.4.6
+      birpc: 0.2.17
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.1
+
+  '@vue/devtools-shared@7.4.6':
+    dependencies:
+      rfdc: 1.4.1
+
+  '@vue/language-core@2.1.6(typescript@5.6.2)':
+    dependencies:
+      '@volar/language-core': 2.4.5
+      '@vue/compiler-dom': 3.5.10
+      '@vue/compiler-vue2': 2.7.16
+      '@vue/shared': 3.5.10
+      computeds: 0.0.1
+      minimatch: 9.0.5
+      muggle-string: 0.4.1
+      path-browserify: 1.0.1
+    optionalDependencies:
+      typescript: 5.6.2
+
+  '@vue/reactivity@3.5.10':
+    dependencies:
+      '@vue/shared': 3.5.10
+
+  '@vue/runtime-core@3.5.10':
+    dependencies:
+      '@vue/reactivity': 3.5.10
+      '@vue/shared': 3.5.10
+
+  '@vue/runtime-dom@3.5.10':
+    dependencies:
+      '@vue/reactivity': 3.5.10
+      '@vue/runtime-core': 3.5.10
+      '@vue/shared': 3.5.10
+      csstype: 3.1.3
+
+  '@vue/server-renderer@3.5.10(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.10
+      '@vue/shared': 3.5.10
+      vue: 3.5.10(typescript@5.6.2)
+
+  '@vue/shared@3.5.10': {}
+
+  '@vue/test-utils@2.4.6':
+    dependencies:
+      js-beautify: 1.15.1
+      vue-component-type-helpers: 2.1.6
+
+  '@vueuse/core@10.11.1(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 10.11.1
+      '@vueuse/shared': 10.11.1(vue@3.5.10(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.10(typescript@5.6.2))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/core@11.1.0(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 11.1.0
+      '@vueuse/shared': 11.1.0(vue@3.5.10(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.10(typescript@5.6.2))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/head@2.0.0(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@unhead/dom': 1.11.7
+      '@unhead/schema': 1.11.7
+      '@unhead/ssr': 1.11.7
+      '@unhead/vue': 1.11.7(vue@3.5.10(typescript@5.6.2))
+      vue: 3.5.10(typescript@5.6.2)
+
+  '@vueuse/integrations@11.1.0(fuse.js@7.0.0)(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@vueuse/core': 11.1.0(vue@3.5.10(typescript@5.6.2))
+      '@vueuse/shared': 11.1.0(vue@3.5.10(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.10(typescript@5.6.2))
+    optionalDependencies:
+      fuse.js: 7.0.0
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/metadata@10.11.1': {}
+
+  '@vueuse/metadata@11.1.0': {}
+
+  '@vueuse/nuxt@10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@vueuse/core': 10.11.1(vue@3.5.10(typescript@5.6.2))
+      '@vueuse/metadata': 10.11.1
+      local-pkg: 0.5.0
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.10(typescript@5.6.2))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - magicast
+      - rollup
+      - supports-color
+      - vue
+      - webpack-sources
+
+  '@vueuse/nuxt@11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@vueuse/core': 11.1.0(vue@3.5.10(typescript@5.6.2))
+      '@vueuse/metadata': 11.1.0
+      local-pkg: 0.5.0
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.10(typescript@5.6.2))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - magicast
+      - rollup
+      - supports-color
+      - vue
+      - webpack-sources
+
+  '@vueuse/shared@10.11.1(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      vue-demi: 0.14.10(vue@3.5.10(typescript@5.6.2))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/shared@11.1.0(vue@3.5.10(typescript@5.6.2))':
+    dependencies:
+      vue-demi: 0.14.10(vue@3.5.10(typescript@5.6.2))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  JSONStream@1.3.5:
+    dependencies:
+      jsonparse: 1.3.1
+      through: 2.3.8
+
+  abbrev@1.1.1: {}
+
+  abbrev@2.0.0: {}
+
+  abort-controller@3.0.0:
+    dependencies:
+      event-target-shim: 5.0.1
+
+  acorn-import-attributes@1.9.5(acorn@8.12.1):
+    dependencies:
+      acorn: 8.12.1
+
+  acorn-jsx@5.3.2(acorn@8.12.1):
+    dependencies:
+      acorn: 8.12.1
+
+  acorn@8.12.1: {}
+
+  add-stream@1.0.0: {}
+
+  agent-base@6.0.2:
+    dependencies:
+      debug: 4.3.7
+    transitivePeerDependencies:
+      - supports-color
+
+  agent-base@7.1.1:
+    dependencies:
+      debug: 4.3.7
+    transitivePeerDependencies:
+      - supports-color
+
+  ajv@6.12.6:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ansi-align@3.0.1:
+    dependencies:
+      string-width: 4.2.3
+
+  ansi-colors@4.1.3: {}
+
+  ansi-escapes@4.3.2:
+    dependencies:
+      type-fest: 0.21.3
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.1.0: {}
+
+  ansi-styles@3.2.1:
+    dependencies:
+      color-convert: 1.9.3
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@6.2.1: {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+
+  aproba@2.0.0: {}
+
+  archiver-utils@5.0.2:
+    dependencies:
+      glob: 10.4.5
+      graceful-fs: 4.2.11
+      is-stream: 2.0.1
+      lazystream: 1.0.1
+      lodash: 4.17.21
+      normalize-path: 3.0.0
+      readable-stream: 4.5.2
+
+  archiver@7.0.1:
+    dependencies:
+      archiver-utils: 5.0.2
+      async: 3.2.6
+      buffer-crc32: 1.0.0
+      readable-stream: 4.5.2
+      readdir-glob: 1.1.3
+      tar-stream: 3.1.7
+      zip-stream: 6.0.1
+
+  are-docs-informative@0.0.2: {}
+
+  are-we-there-yet@2.0.0:
+    dependencies:
+      delegates: 1.0.0
+      readable-stream: 3.6.2
+
+  argparse@2.0.1: {}
+
+  aria-hidden@1.2.4:
+    dependencies:
+      tslib: 2.7.0
+
+  array-ify@1.0.0: {}
+
+  assertion-error@2.0.1: {}
+
+  ast-kit@1.2.1:
+    dependencies:
+      '@babel/parser': 7.25.6
+      pathe: 1.1.2
+
+  ast-types@0.13.4:
+    dependencies:
+      tslib: 2.7.0
+
+  ast-walker-scope@0.6.2:
+    dependencies:
+      '@babel/parser': 7.25.6
+      ast-kit: 1.2.1
+
+  async-retry@1.3.3:
+    dependencies:
+      retry: 0.13.1
+
+  async-sema@3.1.1: {}
+
+  async@3.2.6: {}
+
+  autoprefixer@10.4.20(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      caniuse-lite: 1.0.30001664
+      fraction.js: 4.3.7
+      normalize-range: 0.1.2
+      picocolors: 1.1.0
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  b4a@1.6.7: {}
+
+  bail@2.0.2: {}
+
+  balanced-match@1.0.2: {}
+
+  bare-events@2.5.0:
+    optional: true
+
+  bare-fs@2.3.5:
+    dependencies:
+      bare-events: 2.5.0
+      bare-path: 2.1.3
+      bare-stream: 2.3.0
+    optional: true
+
+  bare-os@2.4.4:
+    optional: true
+
+  bare-path@2.1.3:
+    dependencies:
+      bare-os: 2.4.4
+    optional: true
+
+  bare-stream@2.3.0:
+    dependencies:
+      b4a: 1.6.7
+      streamx: 2.20.1
+    optional: true
+
+  base64-js@0.0.8: {}
+
+  base64-js@1.5.1: {}
+
+  basic-ftp@5.0.5: {}
+
+  before-after-hook@2.2.3: {}
+
+  before-after-hook@3.0.2: {}
+
+  binary-extensions@2.3.0: {}
+
+  bindings@1.5.0:
+    dependencies:
+      file-uri-to-path: 1.0.0
+
+  birpc@0.2.17: {}
+
+  bl@4.1.0:
+    dependencies:
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+
+  blob-to-buffer@1.2.9: {}
+
+  boolbase@1.0.0: {}
+
+  boxen@7.1.1:
+    dependencies:
+      ansi-align: 3.0.1
+      camelcase: 7.0.1
+      chalk: 5.3.0
+      cli-boxes: 3.0.0
+      string-width: 5.1.2
+      type-fest: 2.19.0
+      widest-line: 4.0.1
+      wrap-ansi: 8.1.0
+
+  brace-expansion@1.1.11:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@2.0.1:
+    dependencies:
+      balanced-match: 1.0.2
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  brotli@1.3.3:
+    dependencies:
+      base64-js: 1.5.1
+
+  browserslist@4.24.0:
+    dependencies:
+      caniuse-lite: 1.0.30001664
+      electron-to-chromium: 1.5.29
+      node-releases: 2.0.18
+      update-browserslist-db: 1.1.1(browserslist@4.24.0)
+
+  buffer-crc32@1.0.0: {}
+
+  buffer-from@1.1.2: {}
+
+  buffer@5.7.1:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
+  buffer@6.0.3:
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+
+  builtin-modules@3.3.0: {}
+
+  bundle-name@4.1.0:
+    dependencies:
+      run-applescript: 7.0.0
+
+  c12@1.11.2(magicast@0.3.5):
+    dependencies:
+      chokidar: 3.6.0
+      confbox: 0.1.7
+      defu: 6.1.4
+      dotenv: 16.4.5
+      giget: 1.2.3
+      jiti: 1.21.6
+      mlly: 1.7.1
+      ohash: 1.1.4
+      pathe: 1.1.2
+      perfect-debounce: 1.0.0
+      pkg-types: 1.2.0
+      rc9: 2.1.2
+    optionalDependencies:
+      magicast: 0.3.5
+
+  c12@2.0.1(magicast@0.3.5):
+    dependencies:
+      chokidar: 4.0.1
+      confbox: 0.1.7
+      defu: 6.1.4
+      dotenv: 16.4.5
+      giget: 1.2.3
+      jiti: 2.3.3
+      mlly: 1.7.1
+      ohash: 1.1.4
+      pathe: 1.1.2
+      perfect-debounce: 1.0.0
+      pkg-types: 1.2.0
+      rc9: 2.1.2
+    optionalDependencies:
+      magicast: 0.3.5
+
+  cac@6.7.14: {}
+
+  callsites@3.1.0: {}
+
+  camelcase@7.0.1: {}
+
+  camelize@1.0.1: {}
+
+  caniuse-api@3.0.0:
+    dependencies:
+      browserslist: 4.24.0
+      caniuse-lite: 1.0.30001664
+      lodash.memoize: 4.1.2
+      lodash.uniq: 4.5.0
+
+  caniuse-lite@1.0.30001664: {}
+
+  ccount@2.0.1: {}
+
+  chai@5.1.1:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.1
+      deep-eql: 5.0.2
+      loupe: 3.1.1
+      pathval: 2.0.0
+
+  chalk@2.4.2:
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  chalk@5.3.0: {}
+
+  changelogen@0.5.7(magicast@0.3.5):
+    dependencies:
+      c12: 1.11.2(magicast@0.3.5)
+      colorette: 2.0.20
+      consola: 3.2.3
+      convert-gitmoji: 0.1.5
+      mri: 1.2.0
+      node-fetch-native: 1.6.4
+      ofetch: 1.4.0
+      open: 10.1.0
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      scule: 1.3.0
+      semver: 7.6.3
+      std-env: 3.7.0
+      yaml: 2.5.1
+    transitivePeerDependencies:
+      - magicast
+
+  char-regex@1.0.2: {}
+
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
+  character-entities@2.0.2: {}
+
+  character-reference-invalid@2.0.1: {}
+
+  chardet@0.7.0: {}
+
+  check-error@2.1.1: {}
+
+  chokidar@3.6.0:
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  chokidar@4.0.1:
+    dependencies:
+      readdirp: 4.0.2
+
+  chownr@1.1.4:
+    optional: true
+
+  chownr@2.0.0: {}
+
+  chrome-launcher@1.1.2:
+    dependencies:
+      '@types/node': 22.7.4
+      escape-string-regexp: 4.0.0
+      is-wsl: 2.2.0
+      lighthouse-logger: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  ci-info@4.0.0: {}
+
+  citty@0.1.6:
+    dependencies:
+      consola: 3.2.3
+
+  clean-regexp@1.0.0:
+    dependencies:
+      escape-string-regexp: 1.0.5
+
+  clear@0.1.0: {}
+
+  cli-boxes@3.0.0: {}
+
+  cli-cursor@3.1.0:
+    dependencies:
+      restore-cursor: 3.1.0
+
+  cli-cursor@4.0.0:
+    dependencies:
+      restore-cursor: 4.0.0
+
+  cli-spinners@2.9.2: {}
+
+  cli-width@4.1.0: {}
+
+  clipboardy@4.0.0:
+    dependencies:
+      execa: 8.0.1
+      is-wsl: 3.1.0
+      is64bit: 2.0.0
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
+  clone@1.0.4: {}
+
+  clone@2.1.2: {}
+
+  cluster-key-slot@1.1.2: {}
+
+  color-convert@1.9.3:
+    dependencies:
+      color-name: 1.1.3
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.3: {}
+
+  color-name@1.1.4: {}
+
+  color-string@1.9.1:
+    dependencies:
+      color-name: 1.1.4
+      simple-swizzle: 0.2.2
+    optional: true
+
+  color-support@1.1.3: {}
+
+  color@4.2.3:
+    dependencies:
+      color-convert: 2.0.1
+      color-string: 1.9.1
+    optional: true
+
+  colord@2.9.3: {}
+
+  colorette@2.0.20: {}
+
+  colorjs.io@0.5.2: {}
+
+  comma-separated-tokens@2.0.3: {}
+
+  commander@10.0.1: {}
+
+  commander@2.20.3: {}
+
+  commander@7.2.0: {}
+
+  commander@8.3.0: {}
+
+  comment-parser@1.4.1: {}
+
+  commondir@1.0.1: {}
+
+  compare-func@2.0.0:
+    dependencies:
+      array-ify: 1.0.0
+      dot-prop: 5.3.0
+
+  compatx@0.1.8: {}
+
+  compress-commons@6.0.2:
+    dependencies:
+      crc-32: 1.2.2
+      crc32-stream: 6.0.0
+      is-stream: 2.0.1
+      normalize-path: 3.0.0
+      readable-stream: 4.5.2
+
+  computeds@0.0.1: {}
+
+  concat-map@0.0.1: {}
+
+  concat-stream@2.0.0:
+    dependencies:
+      buffer-from: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+      typedarray: 0.0.6
+
+  confbox@0.1.7: {}
+
+  config-chain@1.1.13:
+    dependencies:
+      ini: 1.3.8
+      proto-list: 1.2.4
+
+  configstore@6.0.0:
+    dependencies:
+      dot-prop: 6.0.1
+      graceful-fs: 4.2.11
+      unique-string: 3.0.0
+      write-file-atomic: 3.0.3
+      xdg-basedir: 5.1.0
+
+  consola@3.2.3: {}
+
+  console-control-strings@1.1.0: {}
+
+  conventional-changelog-angular@7.0.0:
+    dependencies:
+      compare-func: 2.0.0
+
+  conventional-changelog-atom@4.0.0: {}
+
+  conventional-changelog-codemirror@4.0.0: {}
+
+  conventional-changelog-conventionalcommits@7.0.2:
+    dependencies:
+      compare-func: 2.0.0
+
+  conventional-changelog-core@7.0.0:
+    dependencies:
+      '@hutson/parse-repository-url': 5.0.0
+      add-stream: 1.0.0
+      conventional-changelog-writer: 7.0.1
+      conventional-commits-parser: 5.0.0
+      git-raw-commits: 4.0.0
+      git-semver-tags: 7.0.1
+      hosted-git-info: 7.0.2
+      normalize-package-data: 6.0.2
+      read-pkg: 8.1.0
+      read-pkg-up: 10.1.0
+
+  conventional-changelog-ember@4.0.0: {}
+
+  conventional-changelog-eslint@5.0.0: {}
+
+  conventional-changelog-express@4.0.0: {}
+
+  conventional-changelog-jquery@5.0.0: {}
+
+  conventional-changelog-jshint@4.0.0:
+    dependencies:
+      compare-func: 2.0.0
+
+  conventional-changelog-preset-loader@4.1.0: {}
+
+  conventional-changelog-writer@7.0.1:
+    dependencies:
+      conventional-commits-filter: 4.0.0
+      handlebars: 4.7.8
+      json-stringify-safe: 5.0.1
+      meow: 12.1.1
+      semver: 7.6.3
+      split2: 4.2.0
+
+  conventional-changelog@5.1.0:
+    dependencies:
+      conventional-changelog-angular: 7.0.0
+      conventional-changelog-atom: 4.0.0
+      conventional-changelog-codemirror: 4.0.0
+      conventional-changelog-conventionalcommits: 7.0.2
+      conventional-changelog-core: 7.0.0
+      conventional-changelog-ember: 4.0.0
+      conventional-changelog-eslint: 5.0.0
+      conventional-changelog-express: 4.0.0
+      conventional-changelog-jquery: 5.0.0
+      conventional-changelog-jshint: 4.0.0
+      conventional-changelog-preset-loader: 4.1.0
+
+  conventional-commits-filter@4.0.0: {}
+
+  conventional-commits-parser@5.0.0:
+    dependencies:
+      JSONStream: 1.3.5
+      is-text-path: 2.0.0
+      meow: 12.1.1
+      split2: 4.2.0
+
+  conventional-recommended-bump@9.0.0:
+    dependencies:
+      conventional-changelog-preset-loader: 4.1.0
+      conventional-commits-filter: 4.0.0
+      conventional-commits-parser: 5.0.0
+      git-raw-commits: 4.0.0
+      git-semver-tags: 7.0.1
+      meow: 12.1.1
+
+  convert-gitmoji@0.1.5: {}
+
+  convert-source-map@2.0.0: {}
+
+  cookie-es@1.2.2: {}
+
+  copy-anything@3.0.5:
+    dependencies:
+      is-what: 4.1.16
+
+  core-js-compat@3.38.1:
+    dependencies:
+      browserslist: 4.24.0
+
+  core-util-is@1.0.3: {}
+
+  cosmiconfig@9.0.0(typescript@5.6.2):
+    dependencies:
+      env-paths: 2.2.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+    optionalDependencies:
+      typescript: 5.6.2
+
+  crc-32@1.2.2: {}
+
+  crc32-stream@6.0.0:
+    dependencies:
+      crc-32: 1.2.2
+      readable-stream: 4.5.2
+
+  create-require@1.1.1: {}
+
+  croner@8.1.2: {}
+
+  cronstrue@2.50.0: {}
+
+  cross-fetch@3.1.8:
+    dependencies:
+      node-fetch: 2.7.0
+    transitivePeerDependencies:
+      - encoding
+
+  cross-spawn@7.0.3:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  crossws@0.2.4: {}
+
+  crypto-random-string@4.0.0:
+    dependencies:
+      type-fest: 1.4.0
+
+  css-background-parser@0.1.0: {}
+
+  css-box-shadow@1.0.0-3: {}
+
+  css-color-keywords@1.0.0: {}
+
+  css-declaration-sorter@7.2.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+
+  css-gradient-parser@0.0.16: {}
+
+  css-select@5.1.0:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.1.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      nth-check: 2.1.1
+
+  css-to-react-native@3.2.0:
+    dependencies:
+      camelize: 1.0.1
+      css-color-keywords: 1.0.0
+      postcss-value-parser: 4.2.0
+
+  css-tree@2.2.1:
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.2.1
+
+  css-tree@2.3.1:
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.2.1
+
+  css-tree@3.0.0:
+    dependencies:
+      mdn-data: 2.10.0
+      source-map-js: 1.2.1
+
+  css-what@6.1.0: {}
+
+  cssesc@3.0.0: {}
+
+  cssfilter@0.0.10:
+    optional: true
+
+  cssnano-preset-default@7.0.6(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      css-declaration-sorter: 7.2.0(postcss@8.4.47)
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-calc: 10.0.2(postcss@8.4.47)
+      postcss-colormin: 7.0.2(postcss@8.4.47)
+      postcss-convert-values: 7.0.4(postcss@8.4.47)
+      postcss-discard-comments: 7.0.3(postcss@8.4.47)
+      postcss-discard-duplicates: 7.0.1(postcss@8.4.47)
+      postcss-discard-empty: 7.0.0(postcss@8.4.47)
+      postcss-discard-overridden: 7.0.0(postcss@8.4.47)
+      postcss-merge-longhand: 7.0.4(postcss@8.4.47)
+      postcss-merge-rules: 7.0.4(postcss@8.4.47)
+      postcss-minify-font-values: 7.0.0(postcss@8.4.47)
+      postcss-minify-gradients: 7.0.0(postcss@8.4.47)
+      postcss-minify-params: 7.0.2(postcss@8.4.47)
+      postcss-minify-selectors: 7.0.4(postcss@8.4.47)
+      postcss-normalize-charset: 7.0.0(postcss@8.4.47)
+      postcss-normalize-display-values: 7.0.0(postcss@8.4.47)
+      postcss-normalize-positions: 7.0.0(postcss@8.4.47)
+      postcss-normalize-repeat-style: 7.0.0(postcss@8.4.47)
+      postcss-normalize-string: 7.0.0(postcss@8.4.47)
+      postcss-normalize-timing-functions: 7.0.0(postcss@8.4.47)
+      postcss-normalize-unicode: 7.0.2(postcss@8.4.47)
+      postcss-normalize-url: 7.0.0(postcss@8.4.47)
+      postcss-normalize-whitespace: 7.0.0(postcss@8.4.47)
+      postcss-ordered-values: 7.0.1(postcss@8.4.47)
+      postcss-reduce-initial: 7.0.2(postcss@8.4.47)
+      postcss-reduce-transforms: 7.0.0(postcss@8.4.47)
+      postcss-svgo: 7.0.1(postcss@8.4.47)
+      postcss-unique-selectors: 7.0.3(postcss@8.4.47)
+
+  cssnano-utils@5.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+
+  cssnano@7.0.6(postcss@8.4.47):
+    dependencies:
+      cssnano-preset-default: 7.0.6(postcss@8.4.47)
+      lilconfig: 3.1.2
+      postcss: 8.4.47
+
+  csso@5.0.5:
+    dependencies:
+      css-tree: 2.2.1
+
+  csstype@3.1.3: {}
+
+  dargs@8.1.0: {}
+
+  data-uri-to-buffer@6.0.2: {}
+
+  db0@0.1.4: {}
+
+  de-indent@1.0.2: {}
+
+  debug@2.6.9:
+    dependencies:
+      ms: 2.0.0
+
+  debug@3.2.7:
+    dependencies:
+      ms: 2.1.3
+
+  debug@4.3.7:
+    dependencies:
+      ms: 2.1.3
+
+  decode-named-character-reference@1.0.2:
+    dependencies:
+      character-entities: 2.0.2
+
+  decompress-response@6.0.0:
+    dependencies:
+      mimic-response: 3.1.0
+    optional: true
+
+  deep-eql@5.0.2: {}
+
+  deep-extend@0.6.0: {}
+
+  deep-is@0.1.4: {}
+
+  deepmerge@4.3.1: {}
+
+  default-browser-id@5.0.0: {}
+
+  default-browser@5.2.1:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.0
+
+  defaults@1.0.4:
+    dependencies:
+      clone: 1.0.4
+
+  define-lazy-prop@2.0.0: {}
+
+  define-lazy-prop@3.0.0: {}
+
+  defu@6.1.4: {}
+
+  degenerator@5.0.1:
+    dependencies:
+      ast-types: 0.13.4
+      escodegen: 2.1.0
+      esprima: 4.0.1
+
+  delegates@1.0.0: {}
+
+  denque@2.1.0: {}
+
+  depd@2.0.0: {}
+
+  deprecation@2.3.1: {}
+
+  dequal@2.0.3: {}
+
+  destr@2.0.3: {}
+
+  destroy@1.2.0: {}
+
+  detab@3.0.2: {}
+
+  detect-libc@1.0.3: {}
+
+  detect-libc@2.0.3: {}
+
+  devalue@5.1.1: {}
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
+  dfa@1.2.0: {}
+
+  diff@7.0.0: {}
+
+  dir-glob@3.0.1:
+    dependencies:
+      path-type: 4.0.0
+
+  doctrine@3.0.0:
+    dependencies:
+      esutils: 2.0.3
+
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.1.0:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
+  dot-prop@5.3.0:
+    dependencies:
+      is-obj: 2.0.0
+
+  dot-prop@6.0.1:
+    dependencies:
+      is-obj: 2.0.0
+
+  dot-prop@8.0.2:
+    dependencies:
+      type-fest: 3.13.1
+
+  dotenv@16.4.5: {}
+
+  duplexer@0.1.2: {}
+
+  eastasianwidth@0.2.0: {}
+
+  editorconfig@1.0.4:
+    dependencies:
+      '@one-ini/wasm': 0.1.1
+      commander: 10.0.1
+      minimatch: 9.0.1
+      semver: 7.6.3
+
+  ee-first@1.1.1: {}
+
+  electron-to-chromium@1.5.29: {}
+
+  emoji-regex@10.4.0: {}
+
+  emoji-regex@8.0.0: {}
+
+  emoji-regex@9.2.2: {}
+
+  emojilib@2.4.0: {}
+
+  emoticon@4.1.0: {}
+
+  encodeurl@1.0.2: {}
+
+  encodeurl@2.0.0: {}
+
+  end-of-stream@1.4.4:
+    dependencies:
+      once: 1.4.0
+    optional: true
+
+  engine.io-client@6.6.1:
+    dependencies:
+      '@socket.io/component-emitter': 3.1.2
+      debug: 4.3.7
+      engine.io-parser: 5.2.3
+      ws: 8.17.1
+      xmlhttprequest-ssl: 2.1.1
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  engine.io-parser@5.2.3: {}
+
+  enhanced-resolve@5.17.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.1
+
+  entities@4.5.0: {}
+
+  env-paths@2.2.1: {}
+
+  error-ex@1.3.2:
+    dependencies:
+      is-arrayish: 0.2.1
+
+  error-stack-parser-es@0.1.5: {}
+
+  errx@0.1.0: {}
+
+  es-module-lexer@1.5.4: {}
+
+  esbuild@0.19.12:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.19.12
+      '@esbuild/android-arm': 0.19.12
+      '@esbuild/android-arm64': 0.19.12
+      '@esbuild/android-x64': 0.19.12
+      '@esbuild/darwin-arm64': 0.19.12
+      '@esbuild/darwin-x64': 0.19.12
+      '@esbuild/freebsd-arm64': 0.19.12
+      '@esbuild/freebsd-x64': 0.19.12
+      '@esbuild/linux-arm': 0.19.12
+      '@esbuild/linux-arm64': 0.19.12
+      '@esbuild/linux-ia32': 0.19.12
+      '@esbuild/linux-loong64': 0.19.12
+      '@esbuild/linux-mips64el': 0.19.12
+      '@esbuild/linux-ppc64': 0.19.12
+      '@esbuild/linux-riscv64': 0.19.12
+      '@esbuild/linux-s390x': 0.19.12
+      '@esbuild/linux-x64': 0.19.12
+      '@esbuild/netbsd-x64': 0.19.12
+      '@esbuild/openbsd-x64': 0.19.12
+      '@esbuild/sunos-x64': 0.19.12
+      '@esbuild/win32-arm64': 0.19.12
+      '@esbuild/win32-ia32': 0.19.12
+      '@esbuild/win32-x64': 0.19.12
+
+  esbuild@0.20.2:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.20.2
+      '@esbuild/android-arm': 0.20.2
+      '@esbuild/android-arm64': 0.20.2
+      '@esbuild/android-x64': 0.20.2
+      '@esbuild/darwin-arm64': 0.20.2
+      '@esbuild/darwin-x64': 0.20.2
+      '@esbuild/freebsd-arm64': 0.20.2
+      '@esbuild/freebsd-x64': 0.20.2
+      '@esbuild/linux-arm': 0.20.2
+      '@esbuild/linux-arm64': 0.20.2
+      '@esbuild/linux-ia32': 0.20.2
+      '@esbuild/linux-loong64': 0.20.2
+      '@esbuild/linux-mips64el': 0.20.2
+      '@esbuild/linux-ppc64': 0.20.2
+      '@esbuild/linux-riscv64': 0.20.2
+      '@esbuild/linux-s390x': 0.20.2
+      '@esbuild/linux-x64': 0.20.2
+      '@esbuild/netbsd-x64': 0.20.2
+      '@esbuild/openbsd-x64': 0.20.2
+      '@esbuild/sunos-x64': 0.20.2
+      '@esbuild/win32-arm64': 0.20.2
+      '@esbuild/win32-ia32': 0.20.2
+      '@esbuild/win32-x64': 0.20.2
+
+  esbuild@0.21.5:
+    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
+
+  esbuild@0.23.1:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.23.1
+      '@esbuild/android-arm': 0.23.1
+      '@esbuild/android-arm64': 0.23.1
+      '@esbuild/android-x64': 0.23.1
+      '@esbuild/darwin-arm64': 0.23.1
+      '@esbuild/darwin-x64': 0.23.1
+      '@esbuild/freebsd-arm64': 0.23.1
+      '@esbuild/freebsd-x64': 0.23.1
+      '@esbuild/linux-arm': 0.23.1
+      '@esbuild/linux-arm64': 0.23.1
+      '@esbuild/linux-ia32': 0.23.1
+      '@esbuild/linux-loong64': 0.23.1
+      '@esbuild/linux-mips64el': 0.23.1
+      '@esbuild/linux-ppc64': 0.23.1
+      '@esbuild/linux-riscv64': 0.23.1
+      '@esbuild/linux-s390x': 0.23.1
+      '@esbuild/linux-x64': 0.23.1
+      '@esbuild/netbsd-x64': 0.23.1
+      '@esbuild/openbsd-arm64': 0.23.1
+      '@esbuild/openbsd-x64': 0.23.1
+      '@esbuild/sunos-x64': 0.23.1
+      '@esbuild/win32-arm64': 0.23.1
+      '@esbuild/win32-ia32': 0.23.1
+      '@esbuild/win32-x64': 0.23.1
+
+  esbuild@0.24.0:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.24.0
+      '@esbuild/android-arm': 0.24.0
+      '@esbuild/android-arm64': 0.24.0
+      '@esbuild/android-x64': 0.24.0
+      '@esbuild/darwin-arm64': 0.24.0
+      '@esbuild/darwin-x64': 0.24.0
+      '@esbuild/freebsd-arm64': 0.24.0
+      '@esbuild/freebsd-x64': 0.24.0
+      '@esbuild/linux-arm': 0.24.0
+      '@esbuild/linux-arm64': 0.24.0
+      '@esbuild/linux-ia32': 0.24.0
+      '@esbuild/linux-loong64': 0.24.0
+      '@esbuild/linux-mips64el': 0.24.0
+      '@esbuild/linux-ppc64': 0.24.0
+      '@esbuild/linux-riscv64': 0.24.0
+      '@esbuild/linux-s390x': 0.24.0
+      '@esbuild/linux-x64': 0.24.0
+      '@esbuild/netbsd-x64': 0.24.0
+      '@esbuild/openbsd-arm64': 0.24.0
+      '@esbuild/openbsd-x64': 0.24.0
+      '@esbuild/sunos-x64': 0.24.0
+      '@esbuild/win32-arm64': 0.24.0
+      '@esbuild/win32-ia32': 0.24.0
+      '@esbuild/win32-x64': 0.24.0
+
+  escalade@3.2.0: {}
+
+  escape-goat@4.0.0: {}
+
+  escape-html@1.0.3: {}
+
+  escape-string-regexp@1.0.5: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  escape-string-regexp@5.0.0: {}
+
+  escodegen@2.1.0:
+    dependencies:
+      esprima: 4.0.1
+      estraverse: 5.3.0
+      esutils: 2.0.3
+    optionalDependencies:
+      source-map: 0.6.1
+
+  eslint-config-flat-gitignore@0.3.0(eslint@9.12.0(jiti@2.3.3)):
+    dependencies:
+      '@eslint/compat': 1.2.0(eslint@9.12.0(jiti@2.3.3))
+      eslint: 9.12.0(jiti@2.3.3)
+      find-up-simple: 1.0.0
+
+  eslint-flat-config-utils@0.4.0:
+    dependencies:
+      pathe: 1.1.2
+
+  eslint-import-resolver-node@0.3.9:
+    dependencies:
+      debug: 3.2.7
+      is-core-module: 2.15.1
+      resolve: 1.22.8
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-import-x@4.3.1(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2):
+    dependencies:
+      '@typescript-eslint/utils': 8.7.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      debug: 4.3.7
+      doctrine: 3.0.0
+      eslint: 9.12.0(jiti@2.3.3)
+      eslint-import-resolver-node: 0.3.9
+      get-tsconfig: 4.8.1
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.6.3
+      stable-hash: 0.0.4
+      tslib: 2.7.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  eslint-plugin-jsdoc@50.3.1(eslint@9.12.0(jiti@2.3.3)):
+    dependencies:
+      '@es-joy/jsdoccomment': 0.48.0
+      are-docs-informative: 0.0.2
+      comment-parser: 1.4.1
+      debug: 4.3.7
+      escape-string-regexp: 4.0.0
+      eslint: 9.12.0(jiti@2.3.3)
+      espree: 10.2.0
+      esquery: 1.6.0
+      parse-imports: 2.2.1
+      semver: 7.6.3
+      spdx-expression-parse: 4.0.0
+      synckit: 0.9.1
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-regexp@2.6.0(eslint@9.12.0(jiti@2.3.3)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0(jiti@2.3.3))
+      '@eslint-community/regexpp': 4.11.1
+      comment-parser: 1.4.1
+      eslint: 9.12.0(jiti@2.3.3)
+      jsdoc-type-pratt-parser: 4.1.0
+      refa: 0.12.1
+      regexp-ast-analysis: 0.7.1
+      scslre: 0.3.0
+
+  eslint-plugin-unicorn@55.0.0(eslint@9.12.0(jiti@2.3.3)):
+    dependencies:
+      '@babel/helper-validator-identifier': 7.24.7
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0(jiti@2.3.3))
+      ci-info: 4.0.0
+      clean-regexp: 1.0.0
+      core-js-compat: 3.38.1
+      eslint: 9.12.0(jiti@2.3.3)
+      esquery: 1.6.0
+      globals: 15.9.0
+      indent-string: 4.0.0
+      is-builtin-module: 3.2.1
+      jsesc: 3.0.2
+      pluralize: 8.0.0
+      read-pkg-up: 7.0.1
+      regexp-tree: 0.1.27
+      regjsparser: 0.10.0
+      semver: 7.6.3
+      strip-indent: 3.0.0
+
+  eslint-plugin-vue@9.28.0(eslint@9.12.0(jiti@2.3.3)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0(jiti@2.3.3))
+      eslint: 9.12.0(jiti@2.3.3)
+      globals: 13.24.0
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 6.1.2
+      semver: 7.6.3
+      vue-eslint-parser: 9.4.3(eslint@9.12.0(jiti@2.3.3))
+      xml-name-validator: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-scope@7.2.2:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-scope@8.1.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.1.0: {}
+
+  eslint@9.12.0(jiti@2.3.3):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0(jiti@2.3.3))
+      '@eslint-community/regexpp': 4.11.1
+      '@eslint/config-array': 0.18.0
+      '@eslint/core': 0.6.0
+      '@eslint/eslintrc': 3.1.0
+      '@eslint/js': 9.12.0
+      '@eslint/plugin-kit': 0.2.0
+      '@humanfs/node': 0.16.5
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.3.1
+      '@types/estree': 1.0.6
+      '@types/json-schema': 7.0.15
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.7
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.1.0
+      eslint-visitor-keys: 4.1.0
+      espree: 10.2.0
+      esquery: 1.6.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+      text-table: 0.2.0
+    optionalDependencies:
+      jiti: 2.3.3
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.2.0:
+    dependencies:
+      acorn: 8.12.1
+      acorn-jsx: 5.3.2(acorn@8.12.1)
+      eslint-visitor-keys: 4.1.0
+
+  espree@9.6.1:
+    dependencies:
+      acorn: 8.12.1
+      acorn-jsx: 5.3.2(acorn@8.12.1)
+      eslint-visitor-keys: 3.4.3
+
+  esprima@4.0.1: {}
+
+  esquery@1.6.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.6
+
+  esutils@2.0.3: {}
+
+  etag@1.8.1: {}
+
+  event-target-shim@5.0.1: {}
+
+  events@3.3.0: {}
+
+  execa@5.1.1:
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+
+  execa@7.2.0:
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 4.3.1
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.3.0
+      onetime: 6.0.0
+      signal-exit: 3.0.7
+      strip-final-newline: 3.0.0
+
+  execa@8.0.1:
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 8.0.1
+      human-signals: 5.0.0
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.3.0
+      onetime: 6.0.0
+      signal-exit: 4.1.0
+      strip-final-newline: 3.0.0
+
+  execa@9.4.0:
+    dependencies:
+      '@sindresorhus/merge-streams': 4.0.0
+      cross-spawn: 7.0.3
+      figures: 6.1.0
+      get-stream: 9.0.1
+      human-signals: 8.0.0
+      is-plain-obj: 4.1.0
+      is-stream: 4.0.1
+      npm-run-path: 6.0.0
+      pretty-ms: 9.1.0
+      signal-exit: 4.1.0
+      strip-final-newline: 4.0.0
+      yoctocolors: 2.1.1
+
+  expand-template@2.0.3:
+    optional: true
+
+  extend@3.0.2: {}
+
+  external-editor@3.1.0:
+    dependencies:
+      chardet: 0.7.0
+      iconv-lite: 0.4.24
+      tmp: 0.0.33
+
+  externality@1.0.2:
+    dependencies:
+      enhanced-resolve: 5.17.1
+      mlly: 1.7.1
+      pathe: 1.1.2
+      ufo: 1.5.4
+
+  fake-indexeddb@6.0.0: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-fifo@1.3.2: {}
+
+  fast-glob@3.3.2:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fast-npm-meta@0.2.2: {}
+
+  fastq@1.17.1:
+    dependencies:
+      reusify: 1.0.4
+
+  fdir@6.3.0(picomatch@4.0.2):
+    optionalDependencies:
+      picomatch: 4.0.2
+
+  fdir@6.4.0(picomatch@4.0.2):
+    optionalDependencies:
+      picomatch: 4.0.2
+
+  fflate@0.7.4: {}
+
+  figures@6.1.0:
+    dependencies:
+      is-unicode-supported: 2.1.0
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  file-uri-to-path@1.0.0: {}
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-up-simple@1.0.0: {}
+
+  find-up@4.1.0:
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  find-up@6.3.0:
+    dependencies:
+      locate-path: 7.2.0
+      path-exists: 5.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.3.1
+      keyv: 4.5.4
+
+  flat@6.0.1: {}
+
+  flatted@3.3.1: {}
+
+  fontaine@0.5.0:
+    dependencies:
+      '@capsizecss/metrics': 2.2.0
+      '@capsizecss/unpack': 2.3.0
+      magic-regexp: 0.8.0
+      magic-string: 0.30.11
+      pathe: 1.1.2
+      ufo: 1.5.4
+      unplugin: 1.14.1
+    transitivePeerDependencies:
+      - encoding
+      - webpack-sources
+
+  fontkit@2.0.4:
+    dependencies:
+      '@swc/helpers': 0.5.13
+      brotli: 1.3.3
+      clone: 2.1.2
+      dfa: 1.2.0
+      fast-deep-equal: 3.1.3
+      restructure: 3.0.2
+      tiny-inflate: 1.0.3
+      unicode-properties: 1.4.1
+      unicode-trie: 2.0.0
+
+  foreground-child@3.3.0:
+    dependencies:
+      cross-spawn: 7.0.3
+      signal-exit: 4.1.0
+
+  fraction.js@4.3.7: {}
+
+  fresh@0.5.2: {}
+
+  fs-constants@1.0.0:
+    optional: true
+
+  fs-extra@11.2.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
+
+  fs-minipass@2.1.0:
+    dependencies:
+      minipass: 3.3.6
+
+  fs.realpath@1.0.0: {}
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  fuse.js@7.0.0: {}
+
+  gauge@3.0.2:
+    dependencies:
+      aproba: 2.0.0
+      color-support: 1.1.3
+      console-control-strings: 1.1.0
+      has-unicode: 2.0.1
+      object-assign: 4.1.1
+      signal-exit: 3.0.7
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wide-align: 1.1.5
+
+  gensync@1.0.0-beta.2: {}
+
+  get-caller-file@2.0.5: {}
+
+  get-east-asian-width@1.2.0: {}
+
+  get-func-name@2.0.2: {}
+
+  get-port-please@3.1.2: {}
+
+  get-stream@6.0.1: {}
+
+  get-stream@8.0.1: {}
+
+  get-stream@9.0.1:
+    dependencies:
+      '@sec-ant/readable-stream': 0.4.1
+      is-stream: 4.0.1
+
+  get-tsconfig@4.8.1:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  get-uri@6.0.3:
+    dependencies:
+      basic-ftp: 5.0.5
+      data-uri-to-buffer: 6.0.2
+      debug: 4.3.7
+      fs-extra: 11.2.0
+    transitivePeerDependencies:
+      - supports-color
+
+  giget@1.2.3:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.2.3
+      defu: 6.1.4
+      node-fetch-native: 1.6.4
+      nypm: 0.3.12
+      ohash: 1.1.4
+      pathe: 1.1.2
+      tar: 6.2.1
+
+  git-config-path@2.0.0: {}
+
+  git-raw-commits@4.0.0:
+    dependencies:
+      dargs: 8.1.0
+      meow: 12.1.1
+      split2: 4.2.0
+
+  git-semver-tags@7.0.1:
+    dependencies:
+      meow: 12.1.1
+      semver: 7.6.3
+
+  git-semver-tags@8.0.0:
+    dependencies:
+      '@conventional-changelog/git-client': 1.0.1
+      meow: 13.2.0
+    transitivePeerDependencies:
+      - conventional-commits-filter
+      - conventional-commits-parser
+
+  git-up@7.0.0:
+    dependencies:
+      is-ssh: 1.4.0
+      parse-url: 8.1.0
+
+  git-url-parse@14.0.0:
+    dependencies:
+      git-up: 7.0.0
+
+  git-url-parse@15.0.0:
+    dependencies:
+      git-up: 7.0.0
+
+  github-from-package@0.0.0:
+    optional: true
+
+  github-slugger@2.0.0: {}
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob@10.4.5:
+    dependencies:
+      foreground-child: 3.3.0
+      jackspeak: 3.4.3
+      minimatch: 9.0.5
+      minipass: 7.1.2
+      package-json-from-dist: 1.0.1
+      path-scurry: 1.11.1
+
+  glob@7.2.3:
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+
+  glob@8.1.0:
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 5.1.6
+      once: 1.4.0
+
+  global-directory@4.0.1:
+    dependencies:
+      ini: 4.1.1
+
+  globals@11.12.0: {}
+
+  globals@13.24.0:
+    dependencies:
+      type-fest: 0.20.2
+
+  globals@14.0.0: {}
+
+  globals@15.9.0: {}
+
+  globby@13.2.2:
+    dependencies:
+      dir-glob: 3.0.1
+      fast-glob: 3.3.2
+      ignore: 5.3.2
+      merge2: 1.4.1
+      slash: 4.0.0
+
+  globby@14.0.2:
+    dependencies:
+      '@sindresorhus/merge-streams': 2.3.0
+      fast-glob: 3.3.2
+      ignore: 5.3.2
+      path-type: 5.0.0
+      slash: 5.1.0
+      unicorn-magic: 0.1.0
+
+  graceful-fs@4.2.10: {}
+
+  graceful-fs@4.2.11: {}
+
+  graphemer@1.4.0: {}
+
+  gzip-size@7.0.0:
+    dependencies:
+      duplexer: 0.1.2
+
+  h3@1.12.0:
+    dependencies:
+      cookie-es: 1.2.2
+      crossws: 0.2.4
+      defu: 6.1.4
+      destr: 2.0.3
+      iron-webcrypto: 1.2.1
+      ohash: 1.1.4
+      radix3: 1.1.2
+      ufo: 1.5.4
+      uncrypto: 0.1.3
+      unenv: 1.10.0
+    transitivePeerDependencies:
+      - uWebSockets.js
+
+  h3@1.13.0:
+    dependencies:
+      cookie-es: 1.2.2
+      crossws: 0.2.4
+      defu: 6.1.4
+      destr: 2.0.3
+      iron-webcrypto: 1.2.1
+      ohash: 1.1.4
+      radix3: 1.1.2
+      ufo: 1.5.4
+      uncrypto: 0.1.3
+      unenv: 1.10.0
+    transitivePeerDependencies:
+      - uWebSockets.js
+
+  handlebars@4.7.8:
+    dependencies:
+      minimist: 1.2.8
+      neo-async: 2.6.2
+      source-map: 0.6.1
+      wordwrap: 1.0.0
+    optionalDependencies:
+      uglify-js: 3.19.3
+
+  happy-dom@14.12.3:
+    dependencies:
+      entities: 4.5.0
+      webidl-conversions: 7.0.0
+      whatwg-mimetype: 3.0.0
+
+  has-flag@3.0.0: {}
+
+  has-flag@4.0.0: {}
+
+  has-unicode@2.0.1: {}
+
+  hash-sum@2.0.0: {}
+
+  hasown@2.0.2:
+    dependencies:
+      function-bind: 1.1.2
+
+  hast-util-from-parse5@8.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      devlop: 1.1.0
+      hastscript: 8.0.0
+      property-information: 6.5.0
+      vfile: 6.0.3
+      vfile-location: 5.0.3
+      web-namespaces: 2.0.1
+
+  hast-util-heading-rank@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hast-util-is-element@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hast-util-parse-selector@4.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hast-util-raw@9.0.4:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      '@ungap/structured-clone': 1.2.0
+      hast-util-from-parse5: 8.0.1
+      hast-util-to-parse5: 8.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.0
+      parse5: 7.1.2
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.0.0
+      vfile: 6.0.3
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
+
+  hast-util-to-html@9.0.3:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.0
+      property-information: 6.5.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
+
+  hast-util-to-parse5@8.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      property-information: 6.5.0
+      space-separated-tokens: 2.0.2
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
+
+  hast-util-to-string@3.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hastscript@8.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      hast-util-parse-selector: 4.0.0
+      property-information: 6.5.0
+      space-separated-tokens: 2.0.2
+
+  he@1.2.0: {}
+
+  hex-rgb@4.3.0: {}
+
+  hookable@5.5.3: {}
+
+  hosted-git-info@2.8.9: {}
+
+  hosted-git-info@7.0.2:
+    dependencies:
+      lru-cache: 10.4.3
+
+  html-tags@3.3.1: {}
+
+  html-void-elements@3.0.0: {}
+
+  http-errors@2.0.0:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.1
+      toidentifier: 1.0.1
+
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.1
+      debug: 4.3.7
+    transitivePeerDependencies:
+      - supports-color
+
+  http-shutdown@1.2.2: {}
+
+  https-proxy-agent@5.0.1:
+    dependencies:
+      agent-base: 6.0.2
+      debug: 4.3.7
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@7.0.5:
+    dependencies:
+      agent-base: 7.1.1
+      debug: 4.3.7
+    transitivePeerDependencies:
+      - supports-color
+
+  httpxy@0.1.5: {}
+
+  human-signals@2.1.0: {}
+
+  human-signals@4.3.1: {}
+
+  human-signals@5.0.0: {}
+
+  human-signals@8.0.0: {}
+
+  iconv-lite@0.4.24:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  ieee754@1.2.1: {}
+
+  ignore@5.3.2: {}
+
+  image-meta@0.2.1: {}
+
+  image-size@1.1.1:
+    dependencies:
+      queue: 6.0.2
+
+  import-fresh@3.3.0:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  import-lazy@4.0.0: {}
+
+  impound@0.1.0(rollup@4.24.0):
+    dependencies:
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      mlly: 1.7.1
+      pathe: 1.1.2
+      unenv: 1.10.0
+      unplugin: 1.14.1
+    transitivePeerDependencies:
+      - rollup
+      - webpack-sources
+
+  imurmurhash@0.1.4: {}
+
+  indent-string@4.0.0: {}
+
+  inflight@1.0.6:
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+
+  inherits@2.0.4: {}
+
+  ini@1.3.8: {}
+
+  ini@4.1.1: {}
+
+  inquirer@9.3.2:
+    dependencies:
+      '@inquirer/figures': 1.0.6
+      ansi-escapes: 4.3.2
+      cli-width: 4.1.0
+      external-editor: 3.1.0
+      mute-stream: 1.0.0
+      ora: 5.4.1
+      run-async: 3.0.0
+      rxjs: 7.8.1
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
+      yoctocolors-cjs: 2.1.2
+
+  interpret@1.4.0: {}
+
+  ioredis@5.4.1:
+    dependencies:
+      '@ioredis/commands': 1.2.0
+      cluster-key-slot: 1.1.2
+      debug: 4.3.7
+      denque: 2.1.0
+      lodash.defaults: 4.2.0
+      lodash.isarguments: 3.1.0
+      redis-errors: 1.2.0
+      redis-parser: 3.0.0
+      standard-as-callback: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  ip-address@9.0.5:
+    dependencies:
+      jsbn: 1.1.0
+      sprintf-js: 1.1.3
+
+  ipx@2.1.0(ioredis@5.4.1):
+    dependencies:
+      '@fastify/accept-negotiator': 1.1.0
+      citty: 0.1.6
+      consola: 3.2.3
+      defu: 6.1.4
+      destr: 2.0.3
+      etag: 1.8.1
+      h3: 1.13.0
+      image-meta: 0.2.1
+      listhen: 1.8.0
+      ofetch: 1.4.0
+      pathe: 1.1.2
+      sharp: 0.32.6
+      svgo: 3.3.2
+      ufo: 1.5.4
+      unstorage: 1.12.0(ioredis@5.4.1)
+      xss: 1.0.15
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - idb-keyval
+      - ioredis
+      - uWebSockets.js
+    optional: true
+
+  iron-webcrypto@1.2.1: {}
+
+  is-absolute-url@4.0.1: {}
+
+  is-alphabetical@2.0.1: {}
+
+  is-alphanumerical@2.0.1:
+    dependencies:
+      is-alphabetical: 2.0.1
+      is-decimal: 2.0.1
+
+  is-arrayish@0.2.1: {}
+
+  is-arrayish@0.3.2:
+    optional: true
+
+  is-binary-path@2.1.0:
+    dependencies:
+      binary-extensions: 2.3.0
+
+  is-builtin-module@3.2.1:
+    dependencies:
+      builtin-modules: 3.3.0
+
+  is-core-module@2.15.1:
+    dependencies:
+      hasown: 2.0.2
+
+  is-decimal@2.0.1: {}
+
+  is-docker@2.2.1: {}
+
+  is-docker@3.0.0: {}
+
+  is-extglob@2.1.1: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-hexadecimal@2.0.1: {}
+
+  is-in-ci@0.1.0: {}
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-installed-globally@1.0.0:
+    dependencies:
+      global-directory: 4.0.1
+      is-path-inside: 4.0.0
+
+  is-interactive@1.0.0: {}
+
+  is-interactive@2.0.0: {}
+
+  is-module@1.0.0: {}
+
+  is-npm@6.0.0: {}
+
+  is-number@7.0.0: {}
+
+  is-obj@2.0.0: {}
+
+  is-path-inside@4.0.0: {}
+
+  is-plain-obj@4.1.0: {}
+
+  is-reference@1.2.1:
+    dependencies:
+      '@types/estree': 1.0.6
+
+  is-ssh@1.4.0:
+    dependencies:
+      protocols: 2.0.1
+
+  is-stream@2.0.1: {}
+
+  is-stream@3.0.0: {}
+
+  is-stream@4.0.1: {}
+
+  is-text-path@2.0.0:
+    dependencies:
+      text-extensions: 2.4.0
+
+  is-typedarray@1.0.0: {}
+
+  is-unicode-supported@0.1.0: {}
+
+  is-unicode-supported@1.3.0: {}
+
+  is-unicode-supported@2.1.0: {}
+
+  is-what@4.1.16: {}
+
+  is-wsl@2.2.0:
+    dependencies:
+      is-docker: 2.2.1
+
+  is-wsl@3.1.0:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  is64bit@2.0.0:
+    dependencies:
+      system-architecture: 0.1.0
+
+  isarray@1.0.0: {}
+
+  isexe@2.0.0: {}
+
+  issue-parser@7.0.1:
+    dependencies:
+      lodash.capitalize: 4.2.1
+      lodash.escaperegexp: 4.1.2
+      lodash.isplainobject: 4.0.6
+      lodash.isstring: 4.0.1
+      lodash.uniqby: 4.7.0
+
+  jackspeak@3.4.3:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
+  jiti@1.21.6: {}
+
+  jiti@2.0.0: {}
+
+  jiti@2.3.3: {}
+
+  joi@17.13.3:
+    dependencies:
+      '@hapi/hoek': 9.3.0
+      '@hapi/topo': 5.1.0
+      '@sideway/address': 4.1.5
+      '@sideway/formula': 3.0.1
+      '@sideway/pinpoint': 2.0.0
+
+  js-beautify@1.15.1:
+    dependencies:
+      config-chain: 1.1.13
+      editorconfig: 1.0.4
+      glob: 10.4.5
+      js-cookie: 3.0.5
+      nopt: 7.2.1
+
+  js-cookie@3.0.5: {}
+
+  js-tokens@4.0.0: {}
+
+  js-tokens@9.0.0: {}
+
+  js-yaml@4.1.0:
+    dependencies:
+      argparse: 2.0.1
+
+  jsbn@1.1.0: {}
+
+  jsdoc-type-pratt-parser@4.1.0: {}
+
+  jsesc@0.5.0: {}
+
+  jsesc@2.5.2: {}
+
+  jsesc@3.0.2: {}
+
+  json-buffer@3.0.1: {}
+
+  json-parse-even-better-errors@2.3.1: {}
+
+  json-parse-even-better-errors@3.0.2: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json-stringify-safe@5.0.1: {}
+
+  json5@2.2.3: {}
+
+  jsonfile@6.1.0:
+    dependencies:
+      universalify: 2.0.1
+    optionalDependencies:
+      graceful-fs: 4.2.11
+
+  jsonparse@1.3.1: {}
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  kleur@3.0.3: {}
+
+  klona@2.0.6: {}
+
+  knitwork@1.1.0: {}
+
+  kolorist@1.8.0: {}
+
+  ky@1.7.2: {}
+
+  latest-version@9.0.0:
+    dependencies:
+      package-json: 10.0.1
+
+  launch-editor@2.9.1:
+    dependencies:
+      picocolors: 1.1.0
+      shell-quote: 1.8.1
+
+  lazystream@1.0.1:
+    dependencies:
+      readable-stream: 2.3.8
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lighthouse-logger@2.0.1:
+    dependencies:
+      debug: 2.6.9
+      marky: 1.2.5
+    transitivePeerDependencies:
+      - supports-color
+
+  lightningcss-darwin-arm64@1.27.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.27.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.27.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.27.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.27.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.27.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.27.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.27.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.27.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.27.0:
+    optional: true
+
+  lightningcss@1.27.0:
+    dependencies:
+      detect-libc: 1.0.3
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.27.0
+      lightningcss-darwin-x64: 1.27.0
+      lightningcss-freebsd-x64: 1.27.0
+      lightningcss-linux-arm-gnueabihf: 1.27.0
+      lightningcss-linux-arm64-gnu: 1.27.0
+      lightningcss-linux-arm64-musl: 1.27.0
+      lightningcss-linux-x64-gnu: 1.27.0
+      lightningcss-linux-x64-musl: 1.27.0
+      lightningcss-win32-arm64-msvc: 1.27.0
+      lightningcss-win32-x64-msvc: 1.27.0
+
+  lilconfig@3.1.2: {}
+
+  linebreak@1.1.0:
+    dependencies:
+      base64-js: 0.0.8
+      unicode-trie: 2.0.0
+
+  lines-and-columns@1.2.4: {}
+
+  lines-and-columns@2.0.4: {}
+
+  listhen@1.8.0:
+    dependencies:
+      '@parcel/watcher': 2.4.1
+      '@parcel/watcher-wasm': 2.4.1
+      citty: 0.1.6
+      clipboardy: 4.0.0
+      consola: 3.2.3
+      crossws: 0.2.4
+      defu: 6.1.4
+      get-port-please: 3.1.2
+      h3: 1.12.0
+      http-shutdown: 1.2.2
+      jiti: 2.0.0
+      mlly: 1.7.1
+      node-forge: 1.3.1
+      pathe: 1.1.2
+      std-env: 3.7.0
+      ufo: 1.5.4
+      untun: 0.1.3
+      uqr: 0.1.2
+    transitivePeerDependencies:
+      - uWebSockets.js
+
+  local-pkg@0.5.0:
+    dependencies:
+      mlly: 1.7.1
+      pkg-types: 1.2.0
+
+  locate-path@5.0.0:
+    dependencies:
+      p-locate: 4.1.0
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  locate-path@7.2.0:
+    dependencies:
+      p-locate: 6.0.0
+
+  lodash.capitalize@4.2.1: {}
+
+  lodash.defaults@4.2.0: {}
+
+  lodash.escaperegexp@4.1.2: {}
+
+  lodash.isarguments@3.1.0: {}
+
+  lodash.isplainobject@4.0.6: {}
+
+  lodash.isstring@4.0.1: {}
+
+  lodash.memoize@4.1.2: {}
+
+  lodash.merge@4.6.2: {}
+
+  lodash.uniq@4.5.0: {}
+
+  lodash.uniqby@4.7.0: {}
+
+  lodash@4.17.21: {}
+
+  log-symbols@4.1.0:
+    dependencies:
+      chalk: 4.1.2
+      is-unicode-supported: 0.1.0
+
+  log-symbols@6.0.0:
+    dependencies:
+      chalk: 5.3.0
+      is-unicode-supported: 1.3.0
+
+  longest-streak@3.1.0: {}
+
+  loupe@3.1.1:
+    dependencies:
+      get-func-name: 2.0.2
+
+  lru-cache@10.4.3: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  lru-cache@7.18.3: {}
+
+  macos-release@3.3.0: {}
+
+  magic-regexp@0.8.0:
+    dependencies:
+      estree-walker: 3.0.3
+      magic-string: 0.30.11
+      mlly: 1.7.1
+      regexp-tree: 0.1.27
+      type-level-regexp: 0.1.17
+      ufo: 1.5.4
+      unplugin: 1.14.1
+    transitivePeerDependencies:
+      - webpack-sources
+
+  magic-string-ast@0.6.2:
+    dependencies:
+      magic-string: 0.30.11
+
+  magic-string@0.30.11:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+
+  magicast@0.3.5:
+    dependencies:
+      '@babel/parser': 7.25.6
+      '@babel/types': 7.25.6
+      source-map-js: 1.2.1
+
+  make-dir@3.1.0:
+    dependencies:
+      semver: 6.3.1
+
+  markdown-table@3.0.3: {}
+
+  marky@1.2.5: {}
+
+  mdast-util-find-and-replace@3.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      escape-string-regexp: 5.0.0
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
+
+  mdast-util-from-markdown@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.0.2
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.0
+      micromark-util-decode-numeric-character-reference: 2.0.1
+      micromark-util-decode-string: 2.0.0
+      micromark-util-normalize-identifier: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.1
+      micromark-util-character: 2.1.0
+
+  mdast-util-gfm-footnote@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.1
+      mdast-util-to-markdown: 2.1.0
+      micromark-util-normalize-identifier: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.1
+      mdast-util-to-markdown: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-table@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      markdown-table: 3.0.3
+      mdast-util-from-markdown: 2.0.1
+      mdast-util-to-markdown: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.1
+      mdast-util-to-markdown: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm@3.0.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.1
+      mdast-util-gfm-autolink-literal: 2.0.1
+      mdast-util-gfm-footnote: 2.0.0
+      mdast-util-gfm-strikethrough: 2.0.0
+      mdast-util-gfm-table: 2.0.0
+      mdast-util-gfm-task-list-item: 2.0.0
+      mdast-util-to-markdown: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.0
+
+  mdast-util-to-hast@13.2.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.2.0
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.0
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.0.0
+      vfile: 6.0.3
+
+  mdast-util-to-markdown@2.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-decode-string: 2.0.0
+      unist-util-visit: 5.0.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+
+  mdn-data@2.0.28: {}
+
+  mdn-data@2.0.30: {}
+
+  mdn-data@2.10.0: {}
+
+  mdurl@2.0.0: {}
+
+  meow@12.1.1: {}
+
+  meow@13.2.0: {}
+
+  merge-stream@2.0.0: {}
+
+  merge2@1.4.1: {}
+
+  micromark-core-commonmark@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.0.2
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.0
+      micromark-factory-label: 2.0.0
+      micromark-factory-space: 2.0.0
+      micromark-factory-title: 2.0.0
+      micromark-factory-whitespace: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-chunked: 2.0.0
+      micromark-util-classify-character: 2.0.0
+      micromark-util-html-tag-name: 2.0.0
+      micromark-util-normalize-identifier: 2.0.0
+      micromark-util-resolve-all: 2.0.0
+      micromark-util-subtokenize: 2.0.1
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    dependencies:
+      micromark-util-character: 2.1.0
+      micromark-util-sanitize-uri: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-footnote@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.1
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-normalize-identifier: 2.0.0
+      micromark-util-sanitize-uri: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.0
+      micromark-util-classify-character: 2.0.0
+      micromark-util-resolve-all: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-table@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm@3.0.0:
+    dependencies:
+      micromark-extension-gfm-autolink-literal: 2.1.0
+      micromark-extension-gfm-footnote: 2.1.0
+      micromark-extension-gfm-strikethrough: 2.1.0
+      micromark-extension-gfm-table: 2.1.0
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.1.0
+      micromark-util-combine-extensions: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-factory-destination@2.0.0:
+    dependencies:
+      micromark-util-character: 2.1.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-factory-label@2.0.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-character: 2.1.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-factory-space@2.0.0:
+    dependencies:
+      micromark-util-character: 2.1.0
+      micromark-util-types: 2.0.0
+
+  micromark-factory-title@2.0.0:
+    dependencies:
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-factory-whitespace@2.0.0:
+    dependencies:
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-util-character@2.1.0:
+    dependencies:
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-util-chunked@2.0.0:
+    dependencies:
+      micromark-util-symbol: 2.0.0
+
+  micromark-util-classify-character@2.0.0:
+    dependencies:
+      micromark-util-character: 2.1.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-util-combine-extensions@2.0.0:
+    dependencies:
+      micromark-util-chunked: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-util-decode-numeric-character-reference@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.0
+
+  micromark-util-decode-string@2.0.0:
+    dependencies:
+      decode-named-character-reference: 1.0.2
+      micromark-util-character: 2.1.0
+      micromark-util-decode-numeric-character-reference: 2.0.1
+      micromark-util-symbol: 2.0.0
+
+  micromark-util-encode@2.0.0: {}
+
+  micromark-util-html-tag-name@2.0.0: {}
+
+  micromark-util-normalize-identifier@2.0.0:
+    dependencies:
+      micromark-util-symbol: 2.0.0
+
+  micromark-util-resolve-all@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.0
+
+  micromark-util-sanitize-uri@2.0.0:
+    dependencies:
+      micromark-util-character: 2.1.0
+      micromark-util-encode: 2.0.0
+      micromark-util-symbol: 2.0.0
+
+  micromark-util-subtokenize@2.0.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-util-symbol@2.0.0: {}
+
+  micromark-util-types@2.0.0: {}
+
+  micromark@4.0.0:
+    dependencies:
+      '@types/debug': 4.1.12
+      debug: 4.3.7
+      decode-named-character-reference: 1.0.2
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.1
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-chunked: 2.0.0
+      micromark-util-combine-extensions: 2.0.0
+      micromark-util-decode-numeric-character-reference: 2.0.1
+      micromark-util-encode: 2.0.0
+      micromark-util-normalize-identifier: 2.0.0
+      micromark-util-resolve-all: 2.0.0
+      micromark-util-sanitize-uri: 2.0.0
+      micromark-util-subtokenize: 2.0.1
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
+  mime-db@1.52.0: {}
+
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
+  mime@1.6.0: {}
+
+  mime@3.0.0: {}
+
+  mime@4.0.4: {}
+
+  mimic-fn@2.1.0: {}
+
+  mimic-fn@4.0.0: {}
+
+  mimic-response@3.1.0:
+    optional: true
+
+  min-indent@1.0.1: {}
+
+  minimatch@3.1.2:
+    dependencies:
+      brace-expansion: 1.1.11
+
+  minimatch@5.1.6:
+    dependencies:
+      brace-expansion: 2.0.1
+
+  minimatch@9.0.1:
+    dependencies:
+      brace-expansion: 2.0.1
+
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.1
+
+  minimist@1.2.8: {}
+
+  minipass@3.3.6:
+    dependencies:
+      yallist: 4.0.0
+
+  minipass@5.0.0: {}
+
+  minipass@7.1.2: {}
+
+  minisearch@7.1.0: {}
+
+  minizlib@2.1.2:
+    dependencies:
+      minipass: 3.3.6
+      yallist: 4.0.0
+
+  mitt@3.0.1: {}
+
+  mkdirp-classic@0.5.3:
+    optional: true
+
+  mkdirp@1.0.4: {}
+
+  mkdist@1.5.9(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2)):
+    dependencies:
+      autoprefixer: 10.4.20(postcss@8.4.47)
+      citty: 0.1.6
+      cssnano: 7.0.6(postcss@8.4.47)
+      defu: 6.1.4
+      esbuild: 0.23.1
+      fast-glob: 3.3.2
+      jiti: 1.21.6
+      mlly: 1.7.1
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      postcss: 8.4.47
+      postcss-nested: 6.2.0(postcss@8.4.47)
+      semver: 7.6.3
+    optionalDependencies:
+      typescript: 5.6.2
+      vue-tsc: 2.1.6(typescript@5.6.2)
+
+  mlly@1.7.1:
+    dependencies:
+      acorn: 8.12.1
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      ufo: 1.5.4
+
+  mlly@1.7.2:
+    dependencies:
+      acorn: 8.12.1
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      ufo: 1.5.4
+
+  mri@1.2.0: {}
+
+  mrmime@2.0.0: {}
+
+  ms@2.0.0: {}
+
+  ms@2.1.3: {}
+
+  muggle-string@0.4.1: {}
+
+  mute-stream@1.0.0: {}
+
+  nanoid@3.3.7: {}
+
+  nanoid@5.0.7: {}
+
+  nanotar@0.1.1: {}
+
+  napi-build-utils@1.0.2:
+    optional: true
+
+  natural-compare@1.4.0: {}
+
+  neo-async@2.6.2: {}
+
+  netmask@2.0.2: {}
+
+  new-github-release-url@2.0.0:
+    dependencies:
+      type-fest: 2.19.0
+
+  nitro-cloudflare-dev@0.1.6:
+    dependencies:
+      consola: 3.2.3
+      mlly: 1.7.1
+      pkg-types: 1.2.0
+
+  nitropack@2.9.7(magicast@0.3.5):
+    dependencies:
+      '@cloudflare/kv-asset-handler': 0.3.4
+      '@netlify/functions': 2.8.1
+      '@rollup/plugin-alias': 5.1.1(rollup@4.24.0)
+      '@rollup/plugin-commonjs': 25.0.8(rollup@4.24.0)
+      '@rollup/plugin-inject': 5.0.5(rollup@4.24.0)
+      '@rollup/plugin-json': 6.1.0(rollup@4.24.0)
+      '@rollup/plugin-node-resolve': 15.3.0(rollup@4.24.0)
+      '@rollup/plugin-replace': 5.0.7(rollup@4.24.0)
+      '@rollup/plugin-terser': 0.4.4(rollup@4.24.0)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@types/http-proxy': 1.17.15
+      '@vercel/nft': 0.26.5
+      archiver: 7.0.1
+      c12: 1.11.2(magicast@0.3.5)
+      chalk: 5.3.0
+      chokidar: 3.6.0
+      citty: 0.1.6
+      consola: 3.2.3
+      cookie-es: 1.2.2
+      croner: 8.1.2
+      crossws: 0.2.4
+      db0: 0.1.4
+      defu: 6.1.4
+      destr: 2.0.3
+      dot-prop: 8.0.2
+      esbuild: 0.20.2
+      escape-string-regexp: 5.0.0
+      etag: 1.8.1
+      fs-extra: 11.2.0
+      globby: 14.0.2
+      gzip-size: 7.0.0
+      h3: 1.12.0
+      hookable: 5.5.3
+      httpxy: 0.1.5
+      ioredis: 5.4.1
+      jiti: 1.21.6
+      klona: 2.0.6
+      knitwork: 1.1.0
+      listhen: 1.8.0
+      magic-string: 0.30.11
+      mime: 4.0.4
+      mlly: 1.7.1
+      mri: 1.2.0
+      node-fetch-native: 1.6.4
+      ofetch: 1.4.0
+      ohash: 1.1.4
+      openapi-typescript: 6.7.6
+      pathe: 1.1.2
+      perfect-debounce: 1.0.0
+      pkg-types: 1.2.0
+      pretty-bytes: 6.1.1
+      radix3: 1.1.2
+      rollup: 4.24.0
+      rollup-plugin-visualizer: 5.12.0(rollup@4.24.0)
+      scule: 1.3.0
+      semver: 7.6.3
+      serve-placeholder: 2.0.2
+      serve-static: 1.16.2
+      std-env: 3.7.0
+      ufo: 1.5.4
+      uncrypto: 0.1.3
+      unctx: 2.3.1
+      unenv: 1.10.0
+      unimport: 3.13.1(rollup@4.24.0)
+      unstorage: 1.12.0(ioredis@5.4.1)
+      unwasm: 0.3.9
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@libsql/client'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - better-sqlite3
+      - drizzle-orm
+      - encoding
+      - idb-keyval
+      - magicast
+      - supports-color
+      - uWebSockets.js
+      - webpack-sources
+
+  node-abi@3.68.0:
+    dependencies:
+      semver: 7.6.3
+    optional: true
+
+  node-addon-api@6.1.0:
+    optional: true
+
+  node-addon-api@7.1.1: {}
+
+  node-emoji@2.1.3:
+    dependencies:
+      '@sindresorhus/is': 4.6.0
+      char-regex: 1.0.2
+      emojilib: 2.4.0
+      skin-tone: 2.0.0
+
+  node-fetch-native@1.6.4: {}
+
+  node-fetch@2.7.0:
+    dependencies:
+      whatwg-url: 5.0.0
+
+  node-forge@1.3.1: {}
+
+  node-gyp-build@4.8.2: {}
+
+  node-releases@2.0.18: {}
+
+  nopt@5.0.0:
+    dependencies:
+      abbrev: 1.1.1
+
+  nopt@7.2.1:
+    dependencies:
+      abbrev: 2.0.0
+
+  normalize-package-data@2.5.0:
+    dependencies:
+      hosted-git-info: 2.8.9
+      resolve: 1.22.8
+      semver: 5.7.2
+      validate-npm-package-license: 3.0.4
+
+  normalize-package-data@6.0.2:
+    dependencies:
+      hosted-git-info: 7.0.2
+      semver: 7.6.3
+      validate-npm-package-license: 3.0.4
+
+  normalize-path@3.0.0: {}
+
+  normalize-range@0.1.2: {}
+
+  npm-run-path@4.0.1:
+    dependencies:
+      path-key: 3.1.1
+
+  npm-run-path@5.3.0:
+    dependencies:
+      path-key: 4.0.0
+
+  npm-run-path@6.0.0:
+    dependencies:
+      path-key: 4.0.0
+      unicorn-magic: 0.3.0
+
+  npmlog@5.0.1:
+    dependencies:
+      are-we-there-yet: 2.0.0
+      console-control-strings: 1.1.0
+      gauge: 3.0.2
+      set-blocking: 2.0.0
+
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  nuxi@3.14.0: {}
+
+  nuxt-component-meta@0.8.2(magicast@0.3.5)(rollup@4.24.0):
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      citty: 0.1.6
+      mlly: 1.7.1
+      scule: 1.3.0
+      typescript: 5.6.2
+      vue-component-meta: 2.1.6(typescript@5.6.2)
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
+  nuxt-og-image@3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      '@nuxt/devtools-kit': 1.5.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@resvg/resvg-js': 2.6.2
+      '@resvg/resvg-wasm': 2.6.2
+      '@unocss/core': 0.63.1
+      '@unocss/preset-wind': 0.63.1
+      chrome-launcher: 1.1.2
+      defu: 6.1.4
+      execa: 9.4.0
+      image-size: 1.1.1
+      magic-string: 0.30.11
+      nuxt-site-config: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))
+      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))
+      nypm: 0.3.12
+      ofetch: 1.4.0
+      ohash: 1.1.4
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      playwright-core: 1.47.2
+      radix3: 1.1.2
+      satori: 0.11.1
+      satori-html: 0.3.2
+      sirv: 2.0.4
+      std-env: 3.7.0
+      strip-literal: 2.1.0
+      ufo: 1.5.4
+      unplugin: 1.14.1
+      unwasm: 0.3.9
+      yoga-wasm-web: 0.3.3
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - vite
+      - vue
+      - webpack-sources
+
+  nuxt-site-config-kit@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)
+      pkg-types: 1.2.0
+      site-config-stack: 2.2.18(vue@3.5.10(typescript@5.6.2))
+      std-env: 3.7.0
+      ufo: 1.5.4
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - vue
+      - webpack-sources
+
+  nuxt-site-config@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      '@nuxt/devtools-kit': 1.5.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)
+      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      sirv: 2.0.4
+      site-config-stack: 2.2.18(vue@3.5.10(typescript@5.6.2))
+      ufo: 1.5.4
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - vite
+      - vue
+      - webpack-sources
+
+  nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)):
+    dependencies:
+      '@nuxt/devalue': 2.0.2
+      '@nuxt/devtools': 1.5.1(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.10(typescript@5.6.2))
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)
+      '@nuxt/telemetry': 2.6.0(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/vite-builder': 3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.10(typescript@5.6.2))
+      '@unhead/dom': 1.11.7
+      '@unhead/shared': 1.11.7
+      '@unhead/ssr': 1.11.7
+      '@unhead/vue': 1.11.7(vue@3.5.10(typescript@5.6.2))
+      '@vue/shared': 3.5.10
+      acorn: 8.12.1
+      c12: 1.11.2(magicast@0.3.5)
+      chokidar: 3.6.0
+      compatx: 0.1.8
+      consola: 3.2.3
+      cookie-es: 1.2.2
+      defu: 6.1.4
+      destr: 2.0.3
+      devalue: 5.1.1
+      errx: 0.1.0
+      esbuild: 0.23.1
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      globby: 14.0.2
+      h3: 1.12.0
+      hookable: 5.5.3
+      ignore: 5.3.2
+      impound: 0.1.0(rollup@4.24.0)
+      jiti: 1.21.6
+      klona: 2.0.6
+      knitwork: 1.1.0
+      magic-string: 0.30.11
+      mlly: 1.7.1
+      nanotar: 0.1.1
+      nitropack: 2.9.7(magicast@0.3.5)
+      nuxi: 3.14.0
+      nypm: 0.3.12
+      ofetch: 1.4.0
+      ohash: 1.1.4
+      pathe: 1.1.2
+      perfect-debounce: 1.0.0
+      pkg-types: 1.2.0
+      radix3: 1.1.2
+      scule: 1.3.0
+      semver: 7.6.3
+      std-env: 3.7.0
+      strip-literal: 2.1.0
+      tinyglobby: 0.2.6
+      ufo: 1.5.4
+      ultrahtml: 1.5.3
+      uncrypto: 0.1.3
+      unctx: 2.3.1
+      unenv: 1.10.0
+      unhead: 1.11.7
+      unimport: 3.13.1(rollup@4.24.0)
+      unplugin: 1.14.1
+      unplugin-vue-router: 0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.10(typescript@5.6.2)))(vue@3.5.10(typescript@5.6.2))
+      unstorage: 1.12.0(ioredis@5.4.1)
+      untyped: 1.5.0
+      vue: 3.5.10(typescript@5.6.2)
+      vue-bundle-renderer: 2.1.1
+      vue-devtools-stub: 0.1.0
+      vue-router: 4.4.5(vue@3.5.10(typescript@5.6.2))
+    optionalDependencies:
+      '@parcel/watcher': 2.4.1
+      '@types/node': 22.7.4
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@biomejs/biome'
+      - '@capacitor/preferences'
+      - '@libsql/client'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - better-sqlite3
+      - bufferutil
+      - drizzle-orm
+      - encoding
+      - eslint
+      - idb-keyval
+      - ioredis
+      - less
+      - lightningcss
+      - magicast
+      - meow
+      - optionator
+      - rollup
+      - sass
+      - sass-embedded
+      - stylelint
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - typescript
+      - uWebSockets.js
+      - utf-8-validate
+      - vite
+      - vls
+      - vti
+      - vue-tsc
+      - webpack-sources
+      - xml2js
+
+  nypm@0.3.12:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.2.3
+      execa: 8.0.1
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      ufo: 1.5.4
+
+  object-assign@4.1.1: {}
+
+  ofetch@1.4.0:
+    dependencies:
+      destr: 2.0.3
+      node-fetch-native: 1.6.4
+      ufo: 1.5.4
+
+  ohash@1.1.4: {}
+
+  on-finished@2.4.1:
+    dependencies:
+      ee-first: 1.1.1
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  onetime@5.1.2:
+    dependencies:
+      mimic-fn: 2.1.0
+
+  onetime@6.0.0:
+    dependencies:
+      mimic-fn: 4.0.0
+
+  oniguruma-to-js@0.4.3:
+    dependencies:
+      regex: 4.3.2
+
+  open@10.1.0:
+    dependencies:
+      default-browser: 5.2.1
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      is-wsl: 3.1.0
+
+  open@8.4.2:
+    dependencies:
+      define-lazy-prop: 2.0.0
+      is-docker: 2.2.1
+      is-wsl: 2.2.0
+
+  openapi-typescript@6.7.6:
+    dependencies:
+      ansi-colors: 4.1.3
+      fast-glob: 3.3.2
+      js-yaml: 4.1.0
+      supports-color: 9.4.0
+      undici: 5.28.4
+      yargs-parser: 21.1.1
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  ora@5.4.1:
+    dependencies:
+      bl: 4.1.0
+      chalk: 4.1.2
+      cli-cursor: 3.1.0
+      cli-spinners: 2.9.2
+      is-interactive: 1.0.0
+      is-unicode-supported: 0.1.0
+      log-symbols: 4.1.0
+      strip-ansi: 6.0.1
+      wcwidth: 1.0.1
+
+  ora@8.0.1:
+    dependencies:
+      chalk: 5.3.0
+      cli-cursor: 4.0.0
+      cli-spinners: 2.9.2
+      is-interactive: 2.0.0
+      is-unicode-supported: 2.1.0
+      log-symbols: 6.0.0
+      stdin-discarder: 0.2.2
+      string-width: 7.2.0
+      strip-ansi: 7.1.0
+
+  os-name@5.1.0:
+    dependencies:
+      macos-release: 3.3.0
+      windows-release: 5.1.1
+
+  os-tmpdir@1.0.2: {}
+
+  p-limit@2.3.0:
+    dependencies:
+      p-try: 2.2.0
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-limit@4.0.0:
+    dependencies:
+      yocto-queue: 1.1.1
+
+  p-locate@4.1.0:
+    dependencies:
+      p-limit: 2.3.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  p-locate@6.0.0:
+    dependencies:
+      p-limit: 4.0.0
+
+  p-try@2.2.0: {}
+
+  pac-proxy-agent@7.0.2:
+    dependencies:
+      '@tootallnate/quickjs-emscripten': 0.23.0
+      agent-base: 7.1.1
+      debug: 4.3.7
+      get-uri: 6.0.3
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.5
+      pac-resolver: 7.0.1
+      socks-proxy-agent: 8.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  pac-resolver@7.0.1:
+    dependencies:
+      degenerator: 5.0.1
+      netmask: 2.0.2
+
+  package-json-from-dist@1.0.1: {}
+
+  package-json@10.0.1:
+    dependencies:
+      ky: 1.7.2
+      registry-auth-token: 5.0.2
+      registry-url: 6.0.1
+      semver: 7.6.3
+
+  package-manager-detector@0.2.0: {}
+
+  pako@0.2.9: {}
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parse-css-color@0.2.1:
+    dependencies:
+      color-name: 1.1.4
+      hex-rgb: 4.3.0
+
+  parse-entities@4.0.1:
+    dependencies:
+      '@types/unist': 2.0.11
+      character-entities: 2.0.2
+      character-entities-legacy: 3.0.0
+      character-reference-invalid: 2.0.1
+      decode-named-character-reference: 1.0.2
+      is-alphanumerical: 2.0.1
+      is-decimal: 2.0.1
+      is-hexadecimal: 2.0.1
+
+  parse-git-config@3.0.0:
+    dependencies:
+      git-config-path: 2.0.0
+      ini: 1.3.8
+
+  parse-imports@2.2.1:
+    dependencies:
+      es-module-lexer: 1.5.4
+      slashes: 3.0.12
+
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
+  parse-json@7.1.1:
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 3.0.2
+      lines-and-columns: 2.0.4
+      type-fest: 3.13.1
+
+  parse-ms@4.0.0: {}
+
+  parse-path@7.0.0:
+    dependencies:
+      protocols: 2.0.1
+
+  parse-url@8.1.0:
+    dependencies:
+      parse-path: 7.0.0
+
+  parse5@7.1.2:
+    dependencies:
+      entities: 4.5.0
+
+  parseurl@1.3.3: {}
+
+  path-browserify@1.0.1: {}
+
+  path-exists@4.0.0: {}
+
+  path-exists@5.0.0: {}
+
+  path-is-absolute@1.0.1: {}
+
+  path-key@3.1.1: {}
+
+  path-key@4.0.0: {}
+
+  path-parse@1.0.7: {}
+
+  path-scurry@1.11.1:
+    dependencies:
+      lru-cache: 10.4.3
+      minipass: 7.1.2
+
+  path-type@4.0.0: {}
+
+  path-type@5.0.0: {}
+
+  pathe@1.1.2: {}
+
+  pathval@2.0.0: {}
+
+  perfect-debounce@1.0.0: {}
+
+  picocolors@1.1.0: {}
+
+  picomatch@2.3.1: {}
+
+  picomatch@4.0.2: {}
+
+  pify@2.3.0: {}
+
+  pkg-types@1.2.0:
+    dependencies:
+      confbox: 0.1.7
+      mlly: 1.7.1
+      pathe: 1.1.2
+
+  playwright-core@1.47.2: {}
+
+  pluralize@8.0.0: {}
+
+  postcss-calc@10.0.2(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-selector-parser: 6.1.2
+      postcss-value-parser: 4.2.0
+
+  postcss-colormin@7.0.2(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      caniuse-api: 3.0.0
+      colord: 2.9.3
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-convert-values@7.0.4(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-discard-comments@7.0.3(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-selector-parser: 6.1.2
+
+  postcss-discard-duplicates@7.0.1(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+
+  postcss-discard-empty@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+
+  postcss-discard-overridden@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+
+  postcss-import@16.1.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.8
+
+  postcss-merge-longhand@7.0.4(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+      stylehacks: 7.0.4(postcss@8.4.47)
+
+  postcss-merge-rules@7.0.4(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      caniuse-api: 3.0.0
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-selector-parser: 6.1.2
+
+  postcss-minify-font-values@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-gradients@7.0.0(postcss@8.4.47):
+    dependencies:
+      colord: 2.9.3
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-params@7.0.2(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-selectors@7.0.4(postcss@8.4.47):
+    dependencies:
+      cssesc: 3.0.0
+      postcss: 8.4.47
+      postcss-selector-parser: 6.1.2
+
+  postcss-nested@6.2.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-selector-parser: 6.1.2
+
+  postcss-normalize-charset@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+
+  postcss-normalize-display-values@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-positions@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-repeat-style@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-string@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-timing-functions@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-unicode@7.0.2(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-url@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-whitespace@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-ordered-values@7.0.1(postcss@8.4.47):
+    dependencies:
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-reduce-initial@7.0.2(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      caniuse-api: 3.0.0
+      postcss: 8.4.47
+
+  postcss-reduce-transforms@7.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
+  postcss-selector-parser@6.1.2:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-svgo@7.0.1(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+      svgo: 3.3.2
+
+  postcss-unique-selectors@7.0.3(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+      postcss-selector-parser: 6.1.2
+
+  postcss-value-parser@4.2.0: {}
+
+  postcss@8.4.47:
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.1.0
+      source-map-js: 1.2.1
+
+  prebuild-install@7.1.2:
+    dependencies:
+      detect-libc: 2.0.3
+      expand-template: 2.0.3
+      github-from-package: 0.0.0
+      minimist: 1.2.8
+      mkdirp-classic: 0.5.3
+      napi-build-utils: 1.0.2
+      node-abi: 3.68.0
+      pump: 3.0.2
+      rc: 1.2.8
+      simple-get: 4.0.1
+      tar-fs: 2.1.1
+      tunnel-agent: 0.6.0
+    optional: true
+
+  prelude-ls@1.2.1: {}
+
+  prettier@3.3.3: {}
+
+  pretty-bytes@6.1.1: {}
+
+  pretty-ms@9.1.0:
+    dependencies:
+      parse-ms: 4.0.0
+
+  process-nextick-args@2.0.1: {}
+
+  process@0.11.10: {}
+
+  prompts@2.4.2:
+    dependencies:
+      kleur: 3.0.3
+      sisteransi: 1.0.5
+
+  property-expr@2.0.6: {}
+
+  property-information@6.5.0: {}
+
+  proto-list@1.2.4: {}
+
+  protocols@2.0.1: {}
+
+  proxy-agent@6.4.0:
+    dependencies:
+      agent-base: 7.1.1
+      debug: 4.3.7
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.5
+      lru-cache: 7.18.3
+      pac-proxy-agent: 7.0.2
+      proxy-from-env: 1.1.0
+      socks-proxy-agent: 8.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  proxy-from-env@1.1.0: {}
+
+  pump@3.0.2:
+    dependencies:
+      end-of-stream: 1.4.4
+      once: 1.4.0
+    optional: true
+
+  punycode@2.3.1: {}
+
+  pupa@3.1.0:
+    dependencies:
+      escape-goat: 4.0.0
+
+  queue-microtask@1.2.3: {}
+
+  queue-tick@1.0.1: {}
+
+  queue@6.0.2:
+    dependencies:
+      inherits: 2.0.4
+
+  radix-vue@1.9.6(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      '@floating-ui/dom': 1.6.11
+      '@floating-ui/vue': 1.1.5(vue@3.5.10(typescript@5.6.2))
+      '@internationalized/date': 3.5.6
+      '@internationalized/number': 3.5.4
+      '@tanstack/vue-virtual': 3.10.8(vue@3.5.10(typescript@5.6.2))
+      '@vueuse/core': 10.11.1(vue@3.5.10(typescript@5.6.2))
+      '@vueuse/shared': 10.11.1(vue@3.5.10(typescript@5.6.2))
+      aria-hidden: 1.2.4
+      defu: 6.1.4
+      fast-deep-equal: 3.1.3
+      nanoid: 5.0.7
+      vue: 3.5.10(typescript@5.6.2)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+
+  radix3@1.1.2: {}
+
+  randombytes@2.1.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  range-parser@1.2.1: {}
+
+  rc9@2.1.2:
+    dependencies:
+      defu: 6.1.4
+      destr: 2.0.3
+
+  rc@1.2.8:
+    dependencies:
+      deep-extend: 0.6.0
+      ini: 1.3.8
+      minimist: 1.2.8
+      strip-json-comments: 2.0.1
+
+  read-cache@1.0.0:
+    dependencies:
+      pify: 2.3.0
+
+  read-pkg-up@10.1.0:
+    dependencies:
+      find-up: 6.3.0
+      read-pkg: 8.1.0
+      type-fest: 4.26.1
+
+  read-pkg-up@7.0.1:
+    dependencies:
+      find-up: 4.1.0
+      read-pkg: 5.2.0
+      type-fest: 0.8.1
+
+  read-pkg@5.2.0:
+    dependencies:
+      '@types/normalize-package-data': 2.4.4
+      normalize-package-data: 2.5.0
+      parse-json: 5.2.0
+      type-fest: 0.6.0
+
+  read-pkg@8.1.0:
+    dependencies:
+      '@types/normalize-package-data': 2.4.4
+      normalize-package-data: 6.0.2
+      parse-json: 7.1.1
+      type-fest: 4.26.1
+
+  readable-stream@2.3.8:
+    dependencies:
+      core-util-is: 1.0.3
+      inherits: 2.0.4
+      isarray: 1.0.0
+      process-nextick-args: 2.0.1
+      safe-buffer: 5.1.2
+      string_decoder: 1.1.1
+      util-deprecate: 1.0.2
+
+  readable-stream@3.6.2:
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+
+  readable-stream@4.5.2:
+    dependencies:
+      abort-controller: 3.0.0
+      buffer: 6.0.3
+      events: 3.3.0
+      process: 0.11.10
+      string_decoder: 1.3.0
+
+  readdir-glob@1.1.3:
+    dependencies:
+      minimatch: 5.1.6
+
+  readdirp@3.6.0:
+    dependencies:
+      picomatch: 2.3.1
+
+  readdirp@4.0.2: {}
+
+  rechoir@0.6.2:
+    dependencies:
+      resolve: 1.22.8
+
+  redis-errors@1.2.0: {}
+
+  redis-parser@3.0.0:
+    dependencies:
+      redis-errors: 1.2.0
+
+  refa@0.12.1:
+    dependencies:
+      '@eslint-community/regexpp': 4.11.1
+
+  regex@4.3.2: {}
+
+  regexp-ast-analysis@0.7.1:
+    dependencies:
+      '@eslint-community/regexpp': 4.11.1
+      refa: 0.12.1
+
+  regexp-tree@0.1.27: {}
+
+  registry-auth-token@5.0.2:
+    dependencies:
+      '@pnpm/npm-conf': 2.3.1
+
+  registry-url@6.0.1:
+    dependencies:
+      rc: 1.2.8
+
+  regjsparser@0.10.0:
+    dependencies:
+      jsesc: 0.5.0
+
+  rehype-external-links@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@ungap/structured-clone': 1.2.0
+      hast-util-is-element: 3.0.0
+      is-absolute-url: 4.0.1
+      space-separated-tokens: 2.0.2
+      unist-util-visit: 5.0.0
+
+  rehype-raw@7.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-raw: 9.0.4
+      vfile: 6.0.3
+
+  rehype-slug@6.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      github-slugger: 2.0.0
+      hast-util-heading-rank: 3.0.0
+      hast-util-to-string: 3.0.1
+      unist-util-visit: 5.0.0
+
+  rehype-sort-attribute-values@5.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-is-element: 3.0.0
+      unist-util-visit: 5.0.0
+
+  rehype-sort-attributes@5.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      unist-util-visit: 5.0.0
+
+  release-it@17.7.0(typescript@5.6.2):
+    dependencies:
+      '@iarna/toml': 2.2.5
+      '@octokit/rest': 20.1.1
+      async-retry: 1.3.3
+      chalk: 5.3.0
+      ci-info: 4.0.0
+      cosmiconfig: 9.0.0(typescript@5.6.2)
+      execa: 8.0.1
+      git-url-parse: 14.0.0
+      globby: 14.0.2
+      inquirer: 9.3.2
+      issue-parser: 7.0.1
+      lodash: 4.17.21
+      mime-types: 2.1.35
+      new-github-release-url: 2.0.0
+      open: 10.1.0
+      ora: 8.0.1
+      os-name: 5.1.0
+      proxy-agent: 6.4.0
+      semver: 7.6.2
+      shelljs: 0.8.5
+      update-notifier: 7.1.0
+      url-join: 5.0.0
+      wildcard-match: 5.1.3
+      yargs-parser: 21.1.1
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  remark-emoji@5.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      emoticon: 4.1.0
+      mdast-util-find-and-replace: 3.0.1
+      node-emoji: 2.1.3
+      unified: 11.0.5
+
+  remark-gfm@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-gfm: 3.0.0
+      micromark-extension-gfm: 3.0.0
+      remark-parse: 11.0.0
+      remark-stringify: 11.0.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-mdc@3.2.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      flat: 6.0.1
+      js-yaml: 4.1.0
+      mdast-util-from-markdown: 2.0.1
+      mdast-util-to-markdown: 2.1.0
+      micromark: 4.0.0
+      micromark-core-commonmark: 2.0.1
+      micromark-factory-space: 2.0.0
+      micromark-factory-whitespace: 2.0.0
+      micromark-util-character: 2.1.0
+      micromark-util-types: 2.0.0
+      parse-entities: 4.0.1
+      scule: 1.3.0
+      stringify-entities: 4.0.4
+      unified: 11.0.5
+      unist-util-visit: 5.0.0
+      unist-util-visit-parents: 6.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-parse@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.1
+      micromark-util-types: 2.0.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-rehype@11.1.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      mdast-util-to-hast: 13.2.0
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  remark-stringify@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-to-markdown: 2.1.0
+      unified: 11.0.5
+
+  require-directory@2.1.1: {}
+
+  resolve-from@4.0.0: {}
+
+  resolve-from@5.0.0: {}
+
+  resolve-pkg-maps@1.0.0: {}
+
+  resolve@1.22.8:
+    dependencies:
+      is-core-module: 2.15.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  restore-cursor@3.1.0:
+    dependencies:
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+
+  restore-cursor@4.0.0:
+    dependencies:
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+
+  restructure@3.0.2: {}
+
+  retry@0.13.1: {}
+
+  reusify@1.0.4: {}
+
+  rfdc@1.4.1: {}
+
+  rimraf@3.0.2:
+    dependencies:
+      glob: 7.2.3
+
+  rollup-plugin-dts@6.1.1(rollup@4.24.0)(typescript@5.6.2):
+    dependencies:
+      magic-string: 0.30.11
+      rollup: 4.24.0
+      typescript: 5.6.2
+    optionalDependencies:
+      '@babel/code-frame': 7.24.7
+
+  rollup-plugin-visualizer@5.12.0(rollup@4.24.0):
+    dependencies:
+      open: 8.4.2
+      picomatch: 2.3.1
+      source-map: 0.7.4
+      yargs: 17.7.2
+    optionalDependencies:
+      rollup: 4.24.0
+
+  rollup@4.24.0:
+    dependencies:
+      '@types/estree': 1.0.6
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.24.0
+      '@rollup/rollup-android-arm64': 4.24.0
+      '@rollup/rollup-darwin-arm64': 4.24.0
+      '@rollup/rollup-darwin-x64': 4.24.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.24.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.24.0
+      '@rollup/rollup-linux-arm64-gnu': 4.24.0
+      '@rollup/rollup-linux-arm64-musl': 4.24.0
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.24.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.24.0
+      '@rollup/rollup-linux-s390x-gnu': 4.24.0
+      '@rollup/rollup-linux-x64-gnu': 4.24.0
+      '@rollup/rollup-linux-x64-musl': 4.24.0
+      '@rollup/rollup-win32-arm64-msvc': 4.24.0
+      '@rollup/rollup-win32-ia32-msvc': 4.24.0
+      '@rollup/rollup-win32-x64-msvc': 4.24.0
+      fsevents: 2.3.3
+
+  run-applescript@7.0.0: {}
+
+  run-async@3.0.0: {}
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  rxjs@7.8.1:
+    dependencies:
+      tslib: 2.7.0
+
+  safe-buffer@5.1.2: {}
+
+  safe-buffer@5.2.1: {}
+
+  safer-buffer@2.1.2: {}
+
+  satori-html@0.3.2:
+    dependencies:
+      ultrahtml: 1.5.3
+
+  satori@0.11.1:
+    dependencies:
+      '@shuding/opentype.js': 1.4.0-beta.0
+      css-background-parser: 0.1.0
+      css-box-shadow: 1.0.0-3
+      css-gradient-parser: 0.0.16
+      css-to-react-native: 3.2.0
+      emoji-regex: 10.4.0
+      escape-html: 1.0.3
+      linebreak: 1.1.0
+      parse-css-color: 0.2.1
+      postcss-value-parser: 4.2.0
+      yoga-wasm-web: 0.3.3
+
+  scslre@0.3.0:
+    dependencies:
+      '@eslint-community/regexpp': 4.11.1
+      refa: 0.12.1
+      regexp-ast-analysis: 0.7.1
+
+  scule@1.3.0: {}
+
+  semver-diff@4.0.0:
+    dependencies:
+      semver: 7.6.3
+
+  semver@5.7.2: {}
+
+  semver@6.3.1: {}
+
+  semver@7.6.2: {}
+
+  semver@7.6.3: {}
+
+  send@0.19.0:
+    dependencies:
+      debug: 2.6.9
+      depd: 2.0.0
+      destroy: 1.2.0
+      encodeurl: 1.0.2
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 0.5.2
+      http-errors: 2.0.0
+      mime: 1.6.0
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  serialize-javascript@6.0.2:
+    dependencies:
+      randombytes: 2.1.0
+
+  serve-placeholder@2.0.2:
+    dependencies:
+      defu: 6.1.4
+
+  serve-static@1.16.2:
+    dependencies:
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 0.19.0
+    transitivePeerDependencies:
+      - supports-color
+
+  set-blocking@2.0.0: {}
+
+  setprototypeof@1.2.0: {}
+
+  sharp@0.32.6:
+    dependencies:
+      color: 4.2.3
+      detect-libc: 2.0.3
+      node-addon-api: 6.1.0
+      prebuild-install: 7.1.2
+      semver: 7.6.3
+      simple-get: 4.0.1
+      tar-fs: 3.0.6
+      tunnel-agent: 0.6.0
+    optional: true
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  shell-quote@1.8.1: {}
+
+  shelljs@0.8.5:
+    dependencies:
+      glob: 7.2.3
+      interpret: 1.4.0
+      rechoir: 0.6.2
+
+  shiki-transformer-color-highlight@0.2.0:
+    dependencies:
+      '@shikijs/core': 1.21.0
+      '@shikijs/types': 1.21.0
+      colorjs.io: 0.5.2
+
+  shiki@1.21.0:
+    dependencies:
+      '@shikijs/core': 1.21.0
+      '@shikijs/engine-javascript': 1.21.0
+      '@shikijs/engine-oniguruma': 1.21.0
+      '@shikijs/types': 1.21.0
+      '@shikijs/vscode-textmate': 9.2.2
+      '@types/hast': 3.0.4
+
+  siginfo@2.0.0: {}
+
+  signal-exit@3.0.7: {}
+
+  signal-exit@4.1.0: {}
+
+  simple-concat@1.0.1:
+    optional: true
+
+  simple-get@4.0.1:
+    dependencies:
+      decompress-response: 6.0.0
+      once: 1.4.0
+      simple-concat: 1.0.1
+    optional: true
+
+  simple-git@3.27.0:
+    dependencies:
+      '@kwsites/file-exists': 1.1.1
+      '@kwsites/promise-deferred': 1.1.1
+      debug: 4.3.7
+    transitivePeerDependencies:
+      - supports-color
+
+  simple-swizzle@0.2.2:
+    dependencies:
+      is-arrayish: 0.3.2
+    optional: true
+
+  sirv@2.0.4:
+    dependencies:
+      '@polka/url': 1.0.0-next.28
+      mrmime: 2.0.0
+      totalist: 3.0.1
+
+  sisteransi@1.0.5: {}
+
+  site-config-stack@2.2.18(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      ufo: 1.5.4
+      vue: 3.5.10(typescript@5.6.2)
+
+  skin-tone@2.0.0:
+    dependencies:
+      unicode-emoji-modifier-base: 1.0.0
+
+  slash@4.0.0: {}
+
+  slash@5.1.0: {}
+
+  slashes@3.0.12: {}
+
+  slugify@1.6.6: {}
+
+  smart-buffer@4.2.0: {}
+
+  smob@1.5.0: {}
+
+  smooth-dnd@0.12.1: {}
+
+  socket.io-client@4.8.0:
+    dependencies:
+      '@socket.io/component-emitter': 3.1.2
+      debug: 4.3.7
+      engine.io-client: 6.6.1
+      socket.io-parser: 4.2.4
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  socket.io-parser@4.2.4:
+    dependencies:
+      '@socket.io/component-emitter': 3.1.2
+      debug: 4.3.7
+    transitivePeerDependencies:
+      - supports-color
+
+  socks-proxy-agent@8.0.4:
+    dependencies:
+      agent-base: 7.1.1
+      debug: 4.3.7
+      socks: 2.8.3
+    transitivePeerDependencies:
+      - supports-color
+
+  socks@2.8.3:
+    dependencies:
+      ip-address: 9.0.5
+      smart-buffer: 4.2.0
+
+  source-map-js@1.2.1: {}
+
+  source-map-support@0.5.21:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
+  source-map@0.6.1: {}
+
+  source-map@0.7.4: {}
+
+  space-separated-tokens@2.0.2: {}
+
+  spdx-correct@3.2.0:
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.20
+
+  spdx-exceptions@2.5.0: {}
+
+  spdx-expression-parse@3.0.1:
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.20
+
+  spdx-expression-parse@4.0.0:
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.20
+
+  spdx-license-ids@3.0.20: {}
+
+  speakingurl@14.0.1: {}
+
+  split2@4.2.0: {}
+
+  sprintf-js@1.1.3: {}
+
+  stable-hash@0.0.4: {}
+
+  stackback@0.0.2: {}
+
+  standard-as-callback@2.1.0: {}
+
+  statuses@2.0.1: {}
+
+  std-env@3.7.0: {}
+
+  stdin-discarder@0.2.2: {}
+
+  streamx@2.20.1:
+    dependencies:
+      fast-fifo: 1.3.2
+      queue-tick: 1.0.1
+      text-decoder: 1.2.0
+    optionalDependencies:
+      bare-events: 2.5.0
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@5.1.2:
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.0
+
+  string-width@7.2.0:
+    dependencies:
+      emoji-regex: 10.4.0
+      get-east-asian-width: 1.2.0
+      strip-ansi: 7.1.0
+
+  string.prototype.codepointat@0.2.1: {}
+
+  string_decoder@1.1.1:
+    dependencies:
+      safe-buffer: 5.1.2
+
+  string_decoder@1.3.0:
+    dependencies:
+      safe-buffer: 5.2.1
+
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.1.0:
+    dependencies:
+      ansi-regex: 6.1.0
+
+  strip-final-newline@2.0.0: {}
+
+  strip-final-newline@3.0.0: {}
+
+  strip-final-newline@4.0.0: {}
+
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
+
+  strip-json-comments@2.0.1: {}
+
+  strip-json-comments@3.1.1: {}
+
+  strip-literal@2.1.0:
+    dependencies:
+      js-tokens: 9.0.0
+
+  stylehacks@7.0.4(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      postcss: 8.4.47
+      postcss-selector-parser: 6.1.2
+
+  superjson@2.2.1:
+    dependencies:
+      copy-anything: 3.0.5
+
+  supports-color@5.5.0:
+    dependencies:
+      has-flag: 3.0.0
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-color@9.4.0: {}
+
+  supports-preserve-symlinks-flag@1.0.0: {}
+
+  svg-tags@1.0.0: {}
+
+  svgo@3.3.2:
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 5.1.0
+      css-tree: 2.3.1
+      css-what: 6.1.0
+      csso: 5.0.5
+      picocolors: 1.1.0
+
+  synckit@0.9.1:
+    dependencies:
+      '@pkgr/core': 0.1.1
+      tslib: 2.7.0
+
+  system-architecture@0.1.0: {}
+
+  tailwind-merge@2.5.2: {}
+
+  tailwind-variants@0.2.1(tailwindcss@4.0.0-alpha.24):
+    dependencies:
+      tailwind-merge: 2.5.2
+      tailwindcss: 4.0.0-alpha.24
+
+  tailwindcss@4.0.0-alpha.24: {}
+
+  tapable@2.2.1: {}
+
+  tar-fs@2.1.1:
+    dependencies:
+      chownr: 1.1.4
+      mkdirp-classic: 0.5.3
+      pump: 3.0.2
+      tar-stream: 2.2.0
+    optional: true
+
+  tar-fs@3.0.6:
+    dependencies:
+      pump: 3.0.2
+      tar-stream: 3.1.7
+    optionalDependencies:
+      bare-fs: 2.3.5
+      bare-path: 2.1.3
+    optional: true
+
+  tar-stream@2.2.0:
+    dependencies:
+      bl: 4.1.0
+      end-of-stream: 1.4.4
+      fs-constants: 1.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+    optional: true
+
+  tar-stream@3.1.7:
+    dependencies:
+      b4a: 1.6.7
+      fast-fifo: 1.3.2
+      streamx: 2.20.1
+
+  tar@6.2.1:
+    dependencies:
+      chownr: 2.0.0
+      fs-minipass: 2.1.0
+      minipass: 5.0.0
+      minizlib: 2.1.2
+      mkdirp: 1.0.4
+      yallist: 4.0.0
+
+  terser@5.34.1:
+    dependencies:
+      '@jridgewell/source-map': 0.3.6
+      acorn: 8.12.1
+      commander: 2.20.3
+      source-map-support: 0.5.21
+
+  text-decoder@1.2.0:
+    dependencies:
+      b4a: 1.6.7
+
+  text-extensions@2.4.0: {}
+
+  text-table@0.2.0: {}
+
+  through@2.3.8: {}
+
+  tiny-case@1.0.3: {}
+
+  tiny-inflate@1.0.3: {}
+
+  tiny-invariant@1.3.3: {}
+
+  tinybench@2.9.0: {}
+
+  tinyexec@0.3.0: {}
+
+  tinyglobby@0.2.6:
+    dependencies:
+      fdir: 6.3.0(picomatch@4.0.2)
+      picomatch: 4.0.2
+
+  tinyglobby@0.2.9:
+    dependencies:
+      fdir: 6.4.0(picomatch@4.0.2)
+      picomatch: 4.0.2
+
+  tinypool@1.0.1: {}
+
+  tinyrainbow@1.2.0: {}
+
+  tinyspy@3.0.2: {}
+
+  tmp@0.0.33:
+    dependencies:
+      os-tmpdir: 1.0.2
+
+  to-fast-properties@2.0.0: {}
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  toidentifier@1.0.1: {}
+
+  toposort@2.0.2: {}
+
+  totalist@3.0.1: {}
+
+  tr46@0.0.3: {}
+
+  trim-lines@3.0.1: {}
+
+  trough@2.2.0: {}
+
+  ts-api-utils@1.3.0(typescript@5.6.2):
+    dependencies:
+      typescript: 5.6.2
+
+  tsconfck@3.1.3(typescript@5.6.2):
+    optionalDependencies:
+      typescript: 5.6.2
+
+  tslib@2.7.0: {}
+
+  tunnel-agent@0.6.0:
+    dependencies:
+      safe-buffer: 5.2.1
+    optional: true
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  type-fest@0.20.2: {}
+
+  type-fest@0.21.3: {}
+
+  type-fest@0.6.0: {}
+
+  type-fest@0.8.1: {}
+
+  type-fest@1.4.0: {}
+
+  type-fest@2.19.0: {}
+
+  type-fest@3.13.1: {}
+
+  type-fest@4.26.1: {}
+
+  type-level-regexp@0.1.17: {}
+
+  typedarray-to-buffer@3.1.5:
+    dependencies:
+      is-typedarray: 1.0.0
+
+  typedarray@0.0.6: {}
+
+  typescript@5.6.2: {}
+
+  ufo@1.5.4: {}
+
+  uglify-js@3.19.3:
+    optional: true
+
+  ultrahtml@1.5.3: {}
+
+  unbuild@2.0.0(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2)):
+    dependencies:
+      '@rollup/plugin-alias': 5.1.1(rollup@4.24.0)
+      '@rollup/plugin-commonjs': 25.0.8(rollup@4.24.0)
+      '@rollup/plugin-json': 6.1.0(rollup@4.24.0)
+      '@rollup/plugin-node-resolve': 15.3.0(rollup@4.24.0)
+      '@rollup/plugin-replace': 5.0.7(rollup@4.24.0)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      chalk: 5.3.0
+      citty: 0.1.6
+      consola: 3.2.3
+      defu: 6.1.4
+      esbuild: 0.19.12
+      globby: 13.2.2
+      hookable: 5.5.3
+      jiti: 1.21.6
+      magic-string: 0.30.11
+      mkdist: 1.5.9(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
+      mlly: 1.7.1
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      pretty-bytes: 6.1.1
+      rollup: 4.24.0
+      rollup-plugin-dts: 6.1.1(rollup@4.24.0)(typescript@5.6.2)
+      scule: 1.3.0
+      untyped: 1.5.0
+    optionalDependencies:
+      typescript: 5.6.2
+    transitivePeerDependencies:
+      - sass
+      - supports-color
+      - vue-tsc
+
+  uncrypto@0.1.3: {}
+
+  unctx@2.3.1:
+    dependencies:
+      acorn: 8.12.1
+      estree-walker: 3.0.3
+      magic-string: 0.30.11
+      unplugin: 1.14.1
+    transitivePeerDependencies:
+      - webpack-sources
+
+  undici-types@6.19.8: {}
+
+  undici@5.28.4:
+    dependencies:
+      '@fastify/busboy': 2.1.1
+
+  unenv@1.10.0:
+    dependencies:
+      consola: 3.2.3
+      defu: 6.1.4
+      mime: 3.0.0
+      node-fetch-native: 1.6.4
+      pathe: 1.1.2
+
+  unhead@1.11.7:
+    dependencies:
+      '@unhead/dom': 1.11.7
+      '@unhead/schema': 1.11.7
+      '@unhead/shared': 1.11.7
+      hookable: 5.5.3
+
+  unicode-emoji-modifier-base@1.0.0: {}
+
+  unicode-properties@1.4.1:
+    dependencies:
+      base64-js: 1.5.1
+      unicode-trie: 2.0.0
+
+  unicode-trie@2.0.0:
+    dependencies:
+      pako: 0.2.9
+      tiny-inflate: 1.0.3
+
+  unicorn-magic@0.1.0: {}
+
+  unicorn-magic@0.3.0: {}
+
+  unified@11.0.5:
+    dependencies:
+      '@types/unist': 3.0.3
+      bail: 2.0.2
+      devlop: 1.1.0
+      extend: 3.0.2
+      is-plain-obj: 4.1.0
+      trough: 2.2.0
+      vfile: 6.0.3
+
+  unimport@3.13.1(rollup@4.24.0):
+    dependencies:
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      acorn: 8.12.1
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.11
+      mlly: 1.7.1
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      scule: 1.3.0
+      strip-literal: 2.1.0
+      unplugin: 1.14.1
+    transitivePeerDependencies:
+      - rollup
+      - webpack-sources
+
+  unique-string@3.0.0:
+    dependencies:
+      crypto-random-string: 4.0.0
+
+  unist-builder@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-is@6.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.0
+
+  unist-util-visit@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
+
+  universal-user-agent@6.0.1: {}
+
+  universal-user-agent@7.0.2: {}
+
+  universalify@2.0.1: {}
+
+  unplugin-vue-router@0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.10(typescript@5.6.2)))(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      '@babel/types': 7.25.6
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@vue-macros/common': 1.14.0(rollup@4.24.0)(vue@3.5.10(typescript@5.6.2))
+      ast-walker-scope: 0.6.2
+      chokidar: 3.6.0
+      fast-glob: 3.3.2
+      json5: 2.2.3
+      local-pkg: 0.5.0
+      magic-string: 0.30.11
+      mlly: 1.7.1
+      pathe: 1.1.2
+      scule: 1.3.0
+      unplugin: 1.14.1
+      yaml: 2.5.1
+    optionalDependencies:
+      vue-router: 4.4.5(vue@3.5.10(typescript@5.6.2))
+    transitivePeerDependencies:
+      - rollup
+      - vue
+      - webpack-sources
+
+  unplugin@1.14.1:
+    dependencies:
+      acorn: 8.12.1
+      webpack-virtual-modules: 0.6.2
+
+  unstorage@1.12.0(ioredis@5.4.1):
+    dependencies:
+      anymatch: 3.1.3
+      chokidar: 3.6.0
+      destr: 2.0.3
+      h3: 1.12.0
+      listhen: 1.8.0
+      lru-cache: 10.4.3
+      mri: 1.2.0
+      node-fetch-native: 1.6.4
+      ofetch: 1.4.0
+      ufo: 1.5.4
+    optionalDependencies:
+      ioredis: 5.4.1
+    transitivePeerDependencies:
+      - uWebSockets.js
+
+  untun@0.1.3:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.2.3
+      pathe: 1.1.2
+
+  untyped@1.5.0:
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/standalone': 7.25.6
+      '@babel/types': 7.25.6
+      defu: 6.1.4
+      jiti: 2.0.0
+      mri: 1.2.0
+      scule: 1.3.0
+    transitivePeerDependencies:
+      - supports-color
+
+  unwasm@0.3.9:
+    dependencies:
+      knitwork: 1.1.0
+      magic-string: 0.30.11
+      mlly: 1.7.1
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      unplugin: 1.14.1
+    transitivePeerDependencies:
+      - webpack-sources
+
+  update-browserslist-db@1.1.1(browserslist@4.24.0):
+    dependencies:
+      browserslist: 4.24.0
+      escalade: 3.2.0
+      picocolors: 1.1.0
+
+  update-notifier@7.1.0:
+    dependencies:
+      boxen: 7.1.1
+      chalk: 5.3.0
+      configstore: 6.0.0
+      import-lazy: 4.0.0
+      is-in-ci: 0.1.0
+      is-installed-globally: 1.0.0
+      is-npm: 6.0.0
+      latest-version: 9.0.0
+      pupa: 3.1.0
+      semver: 7.6.3
+      semver-diff: 4.0.0
+      xdg-basedir: 5.1.0
+
+  uqr@0.1.2: {}
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  url-join@5.0.0: {}
+
+  urlpattern-polyfill@8.0.2: {}
+
+  util-deprecate@1.0.2: {}
+
+  valibot@0.42.1(typescript@5.6.2):
+    optionalDependencies:
+      typescript: 5.6.2
+
+  validate-npm-package-license@3.0.4:
+    dependencies:
+      spdx-correct: 3.2.0
+      spdx-expression-parse: 3.0.1
+
+  vaul-vue@0.2.0(radix-vue@1.9.6(vue@3.5.10(typescript@5.6.2)))(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      '@vueuse/core': 10.11.1(vue@3.5.10(typescript@5.6.2))
+      radix-vue: 1.9.6(vue@3.5.10(typescript@5.6.2))
+      vue: 3.5.10(typescript@5.6.2)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+
+  vfile-location@5.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile: 6.0.3
+
+  vfile-message@4.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.2
+
+  vite-hot-client@0.2.3(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)):
+    dependencies:
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+
+  vite-node@2.1.1(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1):
+    dependencies:
+      cac: 6.7.14
+      debug: 4.3.7
+      pathe: 1.1.2
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+
+  vite-node@2.1.2(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1):
+    dependencies:
+      cac: 6.7.14
+      debug: 4.3.7
+      pathe: 1.1.2
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+
+  vite-plugin-checker@0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)):
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      ansi-escapes: 4.3.2
+      chalk: 4.1.2
+      chokidar: 3.6.0
+      commander: 8.3.0
+      fast-glob: 3.3.2
+      fs-extra: 11.2.0
+      npm-run-path: 4.0.1
+      strip-ansi: 6.0.1
+      tiny-invariant: 1.3.3
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vscode-languageclient: 7.0.0
+      vscode-languageserver: 7.0.0
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.0.8
+    optionalDependencies:
+      eslint: 9.12.0(jiti@2.3.3)
+      optionator: 0.9.4
+      typescript: 5.6.2
+      vue-tsc: 2.1.6(typescript@5.6.2)
+
+  vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)):
+    dependencies:
+      '@antfu/utils': 0.7.10
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      debug: 4.3.7
+      error-stack-parser-es: 0.1.5
+      fs-extra: 11.2.0
+      open: 10.1.0
+      perfect-debounce: 1.0.0
+      picocolors: 1.1.0
+      sirv: 2.0.4
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+    optionalDependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+
+  vite-plugin-vue-inspector@5.2.0(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)):
+    dependencies:
+      '@babel/core': 7.25.2
+      '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.25.2)
+      '@babel/plugin-syntax-import-attributes': 7.25.6(@babel/core@7.25.2)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.2)
+      '@babel/plugin-transform-typescript': 7.25.2(@babel/core@7.25.2)
+      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.25.2)
+      '@vue/compiler-dom': 3.5.10
+      kolorist: 1.8.0
+      magic-string: 0.30.11
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.4.47
+      rollup: 4.24.0
+    optionalDependencies:
+      '@types/node': 22.7.4
+      fsevents: 2.3.3
+      lightningcss: 1.27.0
+      terser: 5.34.1
+
+  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.10(typescript@5.6.2)))(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      '@nuxt/test-utils': 3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.10(typescript@5.6.2)))(vue@3.5.10(typescript@5.6.2))
+    transitivePeerDependencies:
+      - '@cucumber/cucumber'
+      - '@jest/globals'
+      - '@playwright/test'
+      - '@testing-library/vue'
+      - '@vitest/ui'
+      - '@vue/test-utils'
+      - h3
+      - happy-dom
+      - jsdom
+      - magicast
+      - nitropack
+      - playwright-core
+      - rollup
+      - supports-color
+      - vite
+      - vitest
+      - vue
+      - vue-router
+      - webpack-sources
+
+  vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1):
+    dependencies:
+      '@vitest/expect': 2.1.2
+      '@vitest/mocker': 2.1.2(@vitest/spy@2.1.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@vitest/pretty-format': 2.1.2
+      '@vitest/runner': 2.1.2
+      '@vitest/snapshot': 2.1.2
+      '@vitest/spy': 2.1.2
+      '@vitest/utils': 2.1.2
+      chai: 5.1.1
+      debug: 4.3.7
+      magic-string: 0.30.11
+      pathe: 1.1.2
+      std-env: 3.7.0
+      tinybench: 2.9.0
+      tinyexec: 0.3.0
+      tinypool: 1.0.1
+      tinyrainbow: 1.2.0
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vite-node: 2.1.2(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 22.7.4
+      happy-dom: 14.12.3
+    transitivePeerDependencies:
+      - less
+      - lightningcss
+      - msw
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+
+  vscode-jsonrpc@6.0.0: {}
+
+  vscode-languageclient@7.0.0:
+    dependencies:
+      minimatch: 3.1.2
+      semver: 7.6.3
+      vscode-languageserver-protocol: 3.16.0
+
+  vscode-languageserver-protocol@3.16.0:
+    dependencies:
+      vscode-jsonrpc: 6.0.0
+      vscode-languageserver-types: 3.16.0
+
+  vscode-languageserver-textdocument@1.0.12: {}
+
+  vscode-languageserver-types@3.16.0: {}
+
+  vscode-languageserver@7.0.0:
+    dependencies:
+      vscode-languageserver-protocol: 3.16.0
+
+  vscode-uri@3.0.8: {}
+
+  vue-bundle-renderer@2.1.1:
+    dependencies:
+      ufo: 1.5.4
+
+  vue-component-meta@2.1.6(typescript@5.6.2):
+    dependencies:
+      '@volar/typescript': 2.4.5
+      '@vue/language-core': 2.1.6(typescript@5.6.2)
+      path-browserify: 1.0.1
+      vue-component-type-helpers: 2.1.6
+    optionalDependencies:
+      typescript: 5.6.2
+
+  vue-component-type-helpers@2.1.6: {}
+
+  vue-demi@0.14.10(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      vue: 3.5.10(typescript@5.6.2)
+
+  vue-devtools-stub@0.1.0: {}
+
+  vue-eslint-parser@9.4.3(eslint@9.12.0(jiti@2.3.3)):
+    dependencies:
+      debug: 4.3.7
+      eslint: 9.12.0(jiti@2.3.3)
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.6.0
+      lodash: 4.17.21
+      semver: 7.6.3
+    transitivePeerDependencies:
+      - supports-color
+
+  vue-router@4.4.5(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.10(typescript@5.6.2)
+
+  vue-tsc@2.1.6(typescript@5.6.2):
+    dependencies:
+      '@volar/typescript': 2.4.5
+      '@vue/language-core': 2.1.6(typescript@5.6.2)
+      semver: 7.6.3
+      typescript: 5.6.2
+
+  vue3-smooth-dnd@0.0.6(vue@3.5.10(typescript@5.6.2)):
+    dependencies:
+      smooth-dnd: 0.12.1
+      vue: 3.5.10(typescript@5.6.2)
+
+  vue@3.5.10(typescript@5.6.2):
+    dependencies:
+      '@vue/compiler-dom': 3.5.10
+      '@vue/compiler-sfc': 3.5.10
+      '@vue/runtime-dom': 3.5.10
+      '@vue/server-renderer': 3.5.10(vue@3.5.10(typescript@5.6.2))
+      '@vue/shared': 3.5.10
+    optionalDependencies:
+      typescript: 5.6.2
+
+  wcwidth@1.0.1:
+    dependencies:
+      defaults: 1.0.4
+
+  web-namespaces@2.0.1: {}
+
+  webidl-conversions@3.0.1: {}
+
+  webidl-conversions@7.0.0: {}
+
+  webpack-virtual-modules@0.6.2: {}
+
+  whatwg-mimetype@3.0.0: {}
+
+  whatwg-url@5.0.0:
+    dependencies:
+      tr46: 0.0.3
+      webidl-conversions: 3.0.1
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  which@3.0.1:
+    dependencies:
+      isexe: 2.0.0
+
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
+  wide-align@1.1.5:
+    dependencies:
+      string-width: 4.2.3
+
+  widest-line@4.0.1:
+    dependencies:
+      string-width: 5.1.2
+
+  wildcard-match@5.1.3: {}
+
+  windows-release@5.1.1:
+    dependencies:
+      execa: 5.1.1
+
+  word-wrap@1.2.5: {}
+
+  wordwrap@1.0.0: {}
+
+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@8.1.0:
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.1.0
+
+  wrappy@1.0.2: {}
+
+  write-file-atomic@3.0.3:
+    dependencies:
+      imurmurhash: 0.1.4
+      is-typedarray: 1.0.0
+      signal-exit: 3.0.7
+      typedarray-to-buffer: 3.1.5
+
+  ws@8.17.1: {}
+
+  ws@8.18.0: {}
+
+  xdg-basedir@5.1.0: {}
+
+  xml-name-validator@4.0.0: {}
+
+  xmlhttprequest-ssl@2.1.1: {}
+
+  xss@1.0.15:
+    dependencies:
+      commander: 2.20.3
+      cssfilter: 0.0.10
+    optional: true
+
+  y18n@5.0.8: {}
+
+  yallist@3.1.1: {}
+
+  yallist@4.0.0: {}
+
+  yaml@2.5.1: {}
+
+  yargs-parser@21.1.1: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
+  yocto-queue@0.1.0: {}
+
+  yocto-queue@1.1.1: {}
+
+  yoctocolors-cjs@2.1.2: {}
+
+  yoctocolors@2.1.1: {}
+
+  yoga-wasm-web@0.3.3: {}
+
+  yup@1.4.0:
+    dependencies:
+      property-expr: 2.0.6
+      tiny-case: 1.0.3
+      toposort: 2.0.2
+      type-fest: 2.19.0
+
+  zhead@2.2.4: {}
+
+  zip-stream@6.0.1:
+    dependencies:
+      archiver-utils: 5.0.2
+      compress-commons: 6.0.2
+      readable-stream: 4.5.2
+
+  zod@3.23.8: {}
+
+  zwitch@2.0.4: {}
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index f138a32363..2be29edaf3 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { onUnmounted, onMounted, computed, reactive, resolveComponent } from 'vue'
-import { useHead } from '#imports'
-import { UButton, type ButtonProps } from '../runtime/components/Button.vue'
+import { default as UButton, type ButtonProps } from '../runtime/components/Button.vue'
 
 const props = defineProps<{
   slug: string
@@ -269,6 +268,11 @@ function onUpdateRenderer(event: Event & { data?: any }) {
   state.slots = { ...event.data.slots }
 }
 
+const colorMode = useColorMode()
+function setColorMode(event: Event & { isDark: boolean }) {
+  colorMode.preference = event.isDark ? 'dark' : 'light'
+}
+
 // function onSlotHover(event: Event & { data?: any }) {
 //   const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
 //   if (element) {
@@ -285,12 +289,14 @@ function onUpdateRenderer(event: Event & { data?: any }) {
 
 onMounted(() => {
   window.parent.addEventListener('nuxt-ui-devtools:update-renderer', onUpdateRenderer)
+  window.parent.addEventListener('nuxt-ui-devtools:set-color-mode', setColorMode)
   // window.parent.addEventListener('nuxt-ui-devtools:slot-hover', onSlotHover)
   // window.parent.addEventListener('nuxt-ui-devtools:slot-leave', onSlotLeave)
 })
 
 onUnmounted(() => {
   window.parent.removeEventListener('nuxt-ui-devtools:update-renderer', onUpdateRenderer)
+  window.parent.removeEventListener('nuxt-ui-devtools:set-color-mode', setColorMode)
   // window.parent.removeEventListener('nuxt-ui-devtools:slot-hover', onSlotHover)
   // window.parent.removeEventListener('nuxt-ui-devtools:slot-leave', onSlotLeave)
 })
@@ -300,12 +306,6 @@ onMounted(() => {
   event.data = componentExamples[props.slug]
   window.parent.dispatchEvent(event)
 })
-
-// TODO: This conflicts with the existing tailwind setup and clears classes defined by @nuxt/ui. We should wait for
-// the Tailwind v4 equivalent or find another way to include all tailwindcss classes in the playground.
-// useHead({
-//   script: [{ src: 'https://cdn.tailwindcss.com/3.4.5' }]
-// })
 </script>
 
 <template>
@@ -319,7 +319,12 @@ onMounted(() => {
   display: flex;
   justify-content: center;
   align-items: center;
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cpath fill='none' stroke='hsla(0, 0%25, 98%25, 1)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cpath fill='none' stroke='hsla(0, 0%25, 98%25, 1)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
+  background-size: 40px 40px;
+}
+
+.dark .nuxt-ui-component-renderer {
+background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='hsl(0, 0%25, 8.5%25)'/%3E%3Cpath fill='none' stroke='hsl(0, 0%25, 11.0%25)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
   background-size: 40px 40px;
 }
 
diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
index ca1804aacb..cb6f0b5ec1 100644
--- a/src/devtools/rpc.ts
+++ b/src/devtools/rpc.ts
@@ -2,7 +2,7 @@ import type { ComponentMeta } from 'vue-component-meta'
 import { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'
 import * as theme from '../theme'
 import type { ModuleOptions } from '../module'
-import { upperFirst, camelCase } from 'scule'
+import { upperFirst, camelCase, kebabCase } from 'scule'
 
 export type Component = {
   slug: string
@@ -25,7 +25,8 @@ export function setupDevtoolsClient(options: ModuleOptions) {
   onDevToolsInitialized(async () => {
     const _rpc = extendServerRpc<ClientFunctions, ServerFunctions>('nuxt/ui/devtools', {
       async getComponents() {
-        return await Promise.all(Object.keys(theme).map(async (slug) => {
+        return await Promise.all(Object.keys(theme).map(async (name) => {
+          const slug = kebabCase(name)
           const label = options.prefix + upperFirst(camelCase(slug))
 
           // TODO: Properly configure the host

From 2d77a8f81cca659aba5b6038b3bffd5c0fa24261 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Wed, 9 Oct 2024 00:10:22 +0200
Subject: [PATCH 19/92] fix(devtools): favicon color for dark mode

---
 devtools/public/favicon.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/devtools/public/favicon.svg b/devtools/public/favicon.svg
index 23d7a80e44..20be0c71ff 100644
--- a/devtools/public/favicon.svg
+++ b/devtools/public/favicon.svg
@@ -1 +1 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" class="w-auto h-6 shrink-0" viewBox="840 60 180 140"><path d="M958 60.0001H938C933.524 60.0001 929.926 59.9395 927 63C924.074 65.8905 925 67.5792 925 72V141C925 151.372 923.648 156.899 919 162C914.352 166.931 908.468 169 899 169C889.705 169 882.648 166.931 878 162C873.352 156.899 873 151.372 873 141V72.0001C873 67.5793 872.926 65.8906 870 63.0001C867.074 59.9396 863.476 60.0001 859 60.0001H840V141C840 159.023 845.016 173.458 855 184C865.156 194.542 879.893 200 899 200C918.107 200 932.844 194.542 943 184C953.156 173.458 958 159.023 958 141V60.0001Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1000 60.0233L1020 60V77L1020 128V156.007L1020 181L1020 189.004C1020 192.938 1019.98 194.429 1017 197.001C1014.02 199.725 1009.56 200 1005 200H986.001V181.006L986 130.012V70.0215C986 66.1576 986.016 64.5494 989 62.023C991.819 59.6358 995.437 60.0233 1000 60.0233Z" fill="currentColor"></path></svg>
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" class="w-auto h-6 shrink-0" viewBox="840 60 180 140"><path d="M958 60.0001H938C933.524 60.0001 929.926 59.9395 927 63C924.074 65.8905 925 67.5792 925 72V141C925 151.372 923.648 156.899 919 162C914.352 166.931 908.468 169 899 169C889.705 169 882.648 166.931 878 162C873.352 156.899 873 151.372 873 141V72.0001C873 67.5793 872.926 65.8906 870 63.0001C867.074 59.9396 863.476 60.0001 859 60.0001H840V141C840 159.023 845.016 173.458 855 184C865.156 194.542 879.893 200 899 200C918.107 200 932.844 194.542 943 184C953.156 173.458 958 159.023 958 141V60.0001Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1000 60.0233L1020 60V77L1020 128V156.007L1020 181L1020 189.004C1020 192.938 1019.98 194.429 1017 197.001C1014.02 199.725 1009.56 200 1005 200H986.001V181.006L986 130.012V70.0215C986 66.1576 986.016 64.5494 989 62.023C991.819 59.6358 995.437 60.0233 1000 60.0233Z" fill="currentColor"></path> <style> path { fill: #00000080; } @media (prefers-color-scheme: dark) { path { fill: #ffffff80; } } </style> </svg>

From 0275b9dc04d87f6231ffaed8397607bc3cbbca0f Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Wed, 9 Oct 2024 01:04:22 +0200
Subject: [PATCH 20/92] feat(devtools): ui tweaks

---
 devtools/app/app.vue                         | 16 ++++------------
 devtools/app/components/ComponentPreview.vue |  1 -
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index eb234a70da..fdbe212e4b 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -28,7 +28,7 @@ onDevtoolsClientConnected(async (client) => {
   }, {} as Record<string, any>) }
 
   state.value.slots = { ...state.value.slots, ...components.value.reduce((acc, comp) => {
-    acc[comp.slug] = comp.slots ?? {}
+    acc[comp.slug] = {}
     return acc
   }, {} as Record<string, any>) }
 })
@@ -124,15 +124,9 @@ const isDark = computed({
           <UButton label="Search component..." color="black" variant="link" icon="i-heroicons-magnifying-glass-20-solid" class="w-full" />
           <template #content>
             <UCommandPalette
-              variant="none"
               :groups="[{ id: 'component', items: components.map((c) => ({ slug: c.slug, label: c.label })) }]"
-              leading-icon=""
               placeholder="Search component..."
-              :fuse="{
-                fuseOptions: {
-                  includeMatches: true
-                }
-              }"
+              :fuse="{ fuseOptions: { includeMatches: true } }"
               @update:model-value="onComponentSearch"
               @close="searchOpened = false"
             />
@@ -143,10 +137,8 @@ const isDark = computed({
       <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-4">
         <div class="col-span-1 border-r border-[--ui-border] hidden xl:block overflow-y-auto">
           <UNavigationMenu
-            :model-value="component?.slug"
             :items="components.map((c) => ({ ...c, select: () => component = c }))"
             orientation="vertical"
-            highlight
           />
         </div>
 
@@ -237,7 +229,7 @@ const isDark = computed({
 }
 
 .dark {
-  --ui-border: var(--ui-color-neutral-700);
-  background-color: #111
+  --ui-border: var(--ui-color-neutral-800);
+  --ui-bg: #111;
 }
 </style>
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index a7303d9f9c..de2e27babf 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -76,7 +76,6 @@ watch(() => props.component, () => rendererReady.value = false)
       <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 overflow-y-auto rounded-lg border border-[--ui-border] bg-neutral-50 dark:bg-neutral-700" />
       <UButton
         color="neutral"
-        size="sm"
         variant="link"
         :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
         class="absolute top-6 right-6"

From a023c28a2e9fdabff7c071179a4e168e3df6b080 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Wed, 9 Oct 2024 01:26:05 +0200
Subject: [PATCH 21/92] chore(devtools): typechecks

---
 devtools/app/app.vue                          | 30 +++++++++++--------
 devtools/app/components/ComponentPreview.vue  |  2 +-
 .../app/components/ComponentPropInput.vue     |  8 ++---
 package.json                                  |  2 +-
 src/devtools/ComponentRenderer.vue            |  4 +--
 src/devtools/server/config.post.ts            | 13 --------
 src/module.ts                                 |  8 +----
 7 files changed, 26 insertions(+), 41 deletions(-)
 delete mode 100644 src/devtools/server/config.post.ts

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index fdbe212e4b..4eabe2e3a3 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -4,8 +4,8 @@ import type { ClientFunctions, ServerFunctions, Component } from '../../src/devt
 import type { BirpcReturn } from 'birpc'
 import { watchDebounced } from '@vueuse/core'
 
-// @ts-expect-error - Nuxt Devtools internal value
 // Disable devtools in component renderer iframe
+// @ts-expect-error - Nuxt Devtools internal value
 window.__NUXT_DEVTOOLS_DISABLE__ = true
 
 const components = useState<Array<Component & { value: string }>>('__ui-devtools-components')
@@ -22,15 +22,15 @@ onDevtoolsClientConnected(async (client) => {
     component.value = components.value.find(comp => comp.slug === 'button')
   }
 
-  state.value.props = { ...state.value.props, ...components.value?.reduce((acc, comp) => {
+  state.value.props = { ...components.value?.reduce((acc, comp) => {
     acc[comp.slug] = comp.defaultVariants ?? {}
     return acc
-  }, {} as Record<string, any>) }
+  }, {} as Record<string, any>), ...state.value.props }
 
-  state.value.slots = { ...state.value.slots, ...components.value.reduce((acc, comp) => {
+  state.value.slots = { ...components.value.reduce((acc, comp) => {
     acc[comp.slug] = {}
     return acc
-  }, {} as Record<string, any>) }
+  }, {} as Record<string, any>), ...state.value.slots }
 })
 
 function updateRenderer() {
@@ -104,11 +104,17 @@ const isDark = computed({
   },
   set(value) {
     colorMode.preference = value ? 'dark' : 'light'
-    const event: Event & { isDark: boolean } = new Event('nuxt-ui-devtools:set-color-mode')
+
+    const event: Event & { isDark?: boolean } = new Event('nuxt-ui-devtools:set-color-mode')
     event.isDark = value
     window.dispatchEvent(event)
   }
 })
+
+const componentProps = computed(() => {
+  if (!component.value) return
+  return state.value.props[component.value?.slug]
+})
 </script>
 
 <template>
@@ -120,8 +126,8 @@ const isDark = computed({
       >
         <span />
 
-        <UModal v-model:open="searchOpened" :ui="{ content: 'top-0 sm:top-8 translate-y-0 sm:max-w-xl w-full' }"">
-          <UButton label="Search component..." color="black" variant="link" icon="i-heroicons-magnifying-glass-20-solid" class="w-full" />
+        <UModal v-model:open="searchOpened" :ui="{ content: 'top-0 sm:top-8 translate-y-0 sm:max-w-xl w-full' }">
+          <UButton label="Search component..." color="neutral" variant="link" icon="i-heroicons-magnifying-glass-20-solid" class="w-full" />
           <template #content>
             <UCommandPalette
               :groups="[{ id: 'component', items: components.map((c) => ({ slug: c.slug, label: c.label })) }]"
@@ -143,7 +149,7 @@ const isDark = computed({
         </div>
 
         <div class="xl:col-span-5 col-span-2 relative">
-          <ComponentPreview :component="component" :props="state.props[component.slug]" :theme-slots="state.slots[component.slug]" class="h-full" />
+          <ComponentPreview :component="component" :props="componentProps" class="h-full" />
           <div class="flex gap-2 absolute top-1 right-2">
             <UButton
               :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
@@ -166,8 +172,8 @@ const isDark = computed({
         <div class="border-l border-[--ui-border] flex flex-col col-span-2 overflow-y-auto">
           <UTabs color="neutral" variant="link" :items="tabs">
             <template #props>
-              <div v-for="prop in component.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-[--ui-border] dark:border-[--ui-border]">
-                <ComponentPropInput v-bind="prop" v-model="state.props[component.slug][prop.name]" />
+              <div v-for="prop in component?.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-[--ui-border] dark:border-[--ui-border]">
+                <ComponentPropInput v-bind="prop" v-model="componentProps[prop.name]" />
               </div>
             </template>
 
@@ -196,9 +202,7 @@ const isDark = computed({
 
 @theme {
   --font-family-sans: 'DM Sans', sans-serif;
-}
 
-@theme {
   --color-primary-50: var(--ui-color-primary-50);
   --color-primary-100: var(--ui-color-primary-100);
   --color-primary-200: var(--ui-color-primary-200);
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index de2e27babf..b0cb6ce604 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -79,7 +79,7 @@ watch(() => props.component, () => rendererReady.value = false)
         variant="link"
         :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
         class="absolute top-6 right-6"
-        @click="copy(ast?.body?.children?.[0]?.props.code)"
+        @click="copy((ast?.body?.children?.[0] as any)?.props.code)"
       />
     </div>
   </div>
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index 66d4832a6d..580c926392 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -71,14 +71,14 @@ function addArrayItem() {
 
     <div v-else-if="inputType === 'array'">
       <div v-for="value, index in modelValue" :key="value.id" class="relative border border-[--ui-border] rounded-md mt-4">
-        <ComponentPropInput v-bind="arraySchema" :model-value="value" />
+        <ComponentPropInput v-bind="arraySchema as any" :model-value="value" />
 
         <UPopover>
           <UButton variant="ghost" color="neutral" icon="i-heroicons-ellipsis-vertical" class="absolute top-1 right-1" />
           <template #content>
             <UButton
               variant="ghost"
-              color="red"
+              color="error"
               icon="i-heroicons-trash"
               block
               @click="removeArrayItem(index)"
@@ -101,11 +101,11 @@ function addArrayItem() {
       </UButton>
     </div>
 
-    <USelectMenu v-else-if="inputType === 'enum'" v-model="modelValue" :items="parseEnumValues(schema.schema)" class="w-56" />
+    <USelectMenu v-else-if="inputType === 'enum'" v-model="modelValue" :items="parseEnumValues((schema as any).schema)" class="w-56" />
 
     <div v-else-if="inputType === 'object'">
       <ComponentPropInput
-        v-for="attr in schema"
+        v-for="attr in (schema as any)"
         :key="attr.name"
         v-bind="attr"
         :model-value="modelValue?.[attr.name]"
diff --git a/package.json b/package.json
index b216db3654..dd97b65392 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
     "devtools": "NUXT_UI_DEVTOOLS_LOCAL=true nuxi dev playground",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "typecheck": "vue-tsc --noEmit && nuxi typecheck playground && nuxi typecheck docs",
+    "typecheck": "vue-tsc --noEmit && nuxi typecheck playground && nuxi typecheck docs && nuxi typecheck devtools",
     "test": "vitest",
     "release": "release-it --preRelease=alpha --npm.tag=next"
   },
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index 2be29edaf3..b9a300b4ad 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { onUnmounted, onMounted, computed, reactive, resolveComponent } from 'vue'
-import { default as UButton, type ButtonProps } from '../runtime/components/Button.vue'
+import type { ButtonProps } from '../runtime/components/Button.vue'
 
 const props = defineProps<{
   slug: string
@@ -90,7 +90,7 @@ const componentExamples: Record<string, any> = {
     }
   },
   button: {
-    component: UButton,
+    component: resolveComponent('UButton'),
     props: { label: 'Click me!' } as ButtonProps
   },
   buttonGroup: {
diff --git a/src/devtools/server/config.post.ts b/src/devtools/server/config.post.ts
deleted file mode 100644
index 8fb6bcb84c..0000000000
--- a/src/devtools/server/config.post.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { resolve } from 'node:path'
-import fs from 'node:fs'
-import { genObjectFromValues } from 'knitwork'
-
-export default defineEventHandler(async (event) => {
-  const body = await readBody(event)
-  const newConfig = genObjectFromValues(body)
-
-  const path = resolve('./playground/app/app.config.ts')
-  fs.writeFileSync(path, `export default defineAppConfig(${newConfig})`)
-
-  return newConfig
-})
diff --git a/src/module.ts b/src/module.ts
index 80741dc3a5..2714736fcf 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -1,5 +1,5 @@
 import { defu } from 'defu'
-import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addVitePlugin, addPlugin, installModule, extendPages, addServerHandler, hasNuxtModule } from '@nuxt/kit'
+import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addVitePlugin, addPlugin, installModule, extendPages, hasNuxtModule } from '@nuxt/kit'
 import { addTemplates } from './templates'
 import icons from './theme/icons'
 import { addCustomTab, startSubprocess } from '@nuxt/devtools-kit'
@@ -199,12 +199,6 @@ export default defineNuxtModule<ModuleOptions>({
         app.rootComponent = resolve('./devtools/nuxt-root.vue')
       })
 
-      addServerHandler({
-        route: '/api/__nuxt_ui__/config',
-        handler: resolve('./devtools/server/config.post.ts'),
-        method: 'POST'
-      })
-
       extendPages((pages) => {
         pages.unshift({
           name: 'ui-devtools',

From a09b1c214938bdcafc7b12e693ea3c7a890fb9b3 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Wed, 9 Oct 2024 09:59:29 +0200
Subject: [PATCH 22/92] revert(devtools): data-slot on components

---
 src/runtime/components/Accordion.vue          | 17 +++----
 src/runtime/components/Alert.vue              | 17 +++----
 src/runtime/components/Avatar.vue             |  7 ++-
 src/runtime/components/AvatarGroup.vue        |  6 +--
 src/runtime/components/Breadcrumb.vue         | 18 +++----
 src/runtime/components/Button.vue             |  7 ++-
 src/runtime/components/Card.vue               |  8 +--
 src/runtime/components/Checkbox.vue           | 15 +++---
 src/runtime/components/Chip.vue               |  4 +-
 src/runtime/components/Collapsible.vue        |  4 +-
 src/runtime/components/CommandPalette.vue     | 36 ++++++--------
 src/runtime/components/ContextMenu.vue        |  1 -
 src/runtime/components/ContextMenuContent.vue | 23 +++++----
 src/runtime/components/Drawer.vue             | 18 +++----
 src/runtime/components/DropdownMenu.vue       |  3 +-
 .../components/DropdownMenuContent.vue        | 23 +++++----
 src/runtime/components/FormField.vue          | 16 +++---
 src/runtime/components/Input.vue              | 11 ++---
 src/runtime/components/InputMenu.vue          | 45 ++++++++---------
 src/runtime/components/Modal.vue              | 15 +++---
 src/runtime/components/NavigationMenu.vue     | 49 +++++++++----------
 src/runtime/components/Pagination.vue         | 13 ++---
 src/runtime/components/Popover.vue            |  4 +-
 src/runtime/components/Progress.vue           | 12 ++---
 src/runtime/components/RadioGroup.vue         | 18 +++----
 src/runtime/components/Select.vue             | 32 ++++++------
 src/runtime/components/SelectMenu.vue         | 35 ++++++-------
 src/runtime/components/Separator.vue          | 14 +++---
 src/runtime/components/Slideover.vue          | 15 +++---
 src/runtime/components/Slider.vue             |  7 ++-
 src/runtime/components/Switch.vue             | 19 ++++---
 src/runtime/components/Tabs.vue               | 32 ++++--------
 src/runtime/components/Textarea.vue           |  3 +-
 src/runtime/components/Toast.vue              | 18 +++----
 src/runtime/components/Toaster.vue            |  1 -
 src/runtime/components/Tooltip.vue            |  8 +--
 36 files changed, 259 insertions(+), 315 deletions(-)

diff --git a/src/runtime/components/Accordion.vue b/src/runtime/components/Accordion.vue
index a3ad929dfe..d281b06107 100644
--- a/src/runtime/components/Accordion.vue
+++ b/src/runtime/components/Accordion.vue
@@ -73,35 +73,34 @@ const ui = computed(() => accordion({
 </script>
 
 <template>
-  <AccordionRoot v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <AccordionRoot v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <AccordionItem
       v-for="(item, index) in items"
       v-slot="{ open }"
       :key="index"
       :value="item.value || String(index)"
       :disabled="item.disabled"
-      data-slot="item"
       :class="ui.item({ class: props.ui?.item })"
     >
-      <AccordionHeader data-slot="header" :class="ui.header({ class: props.ui?.header })">
-        <AccordionTrigger data-slot="trigger" :class="ui.trigger({ class: props.ui?.trigger, disabled: item.disabled })">
+      <AccordionHeader :class="ui.header({ class: props.ui?.header })">
+        <AccordionTrigger :class="ui.trigger({ class: props.ui?.trigger, disabled: item.disabled })">
           <slot name="leading" :item="item" :index="index" :open="open">
-            <UIcon v-if="item.icon" :name="item.icon" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+            <UIcon v-if="item.icon" :name="item.icon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
           </slot>
 
-          <span v-if="item.label || !!slots.default" data-slot="label" :class="ui.label({ class: props.ui?.label })">
+          <span v-if="item.label || !!slots.default" :class="ui.label({ class: props.ui?.label })">
             <slot :item="item" :index="index" :open="open">{{ item.label }}</slot>
           </span>
 
           <slot name="trailing" :item="item" :index="index" :open="open">
-            <UIcon :name="item.trailingIcon || trailingIcon || appConfig.ui.icons.chevronDown" data-slot="trailingIcon" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+            <UIcon :name="item.trailingIcon || trailingIcon || appConfig.ui.icons.chevronDown" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
           </slot>
         </AccordionTrigger>
       </AccordionHeader>
 
-      <AccordionContent v-if="item.content || !!slots.content || (item.slot && !!slots[item.slot]) || !!slots.body || (item.slot && !!slots[`${item.slot}-body`])" data-slot="content" :class="ui.content({ class: props.ui?.content })">
+      <AccordionContent v-if="item.content || !!slots.content || (item.slot && !!slots[item.slot]) || !!slots.body || (item.slot && !!slots[`${item.slot}-body`])" :class="ui.content({ class: props.ui?.content })">
         <slot :name="item.slot || 'content'" :item="item" :index="index" :open="open">
-          <div data-slot="body" :class="ui.body({ class: props.ui?.body })">
+          <div :class="ui.body({ class: props.ui?.body })">
             <slot :name="item.slot ? `${item.slot}-body`: 'body'" :item="item" :index="index" :open="open">
               {{ item.content }}
             </slot>
diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue
index 3ec4b1aa3e..577f3d041f 100644
--- a/src/runtime/components/Alert.vue
+++ b/src/runtime/components/Alert.vue
@@ -80,32 +80,32 @@ const ui = computed(() => alert({
 </script>
 
 <template>
-  <Primitive :as="as" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root], multiline })">
+  <Primitive :as="as" :class="ui.root({ class: [props.class, props.ui?.root], multiline })">
     <slot name="leading">
-      <UAvatar v-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" data-slot="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
-      <UIcon v-else-if="icon" :name="icon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
+      <UAvatar v-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
+      <UIcon v-else-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
     </slot>
 
-    <div data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
-      <div v-if="title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
+    <div :class="ui.wrapper({ class: props.ui?.wrapper })">
+      <div v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
         <slot name="title">
           {{ title }}
         </slot>
       </div>
-      <div v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
+      <div v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description">
           {{ description }}
         </slot>
       </div>
 
-      <div v-if="multiline && actions?.length" data-slot="actions" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
+      <div v-if="multiline && actions?.length" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
         <slot name="actions">
           <UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
         </slot>
       </div>
     </div>
 
-    <div v-if="(!multiline && actions?.length) || close" data-slot="actions" :class="ui.actions({ class: props.ui?.actions, multiline: false })">
+    <div v-if="(!multiline && actions?.length) || close" :class="ui.actions({ class: props.ui?.actions, multiline: false })">
       <template v-if="!multiline">
         <slot name="actions">
           <UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
@@ -121,7 +121,6 @@ const ui = computed(() => alert({
           variant="link"
           aria-label="Close"
           v-bind="typeof close === 'object' ? close : undefined"
-          data-slot="close"
           :class="ui.close({ class: props.ui?.close })"
           @click="emits('update:open', false)"
         />
diff --git a/src/runtime/components/Avatar.vue b/src/runtime/components/Avatar.vue
index 9962e4a2ab..041660a1f0 100644
--- a/src/runtime/components/Avatar.vue
+++ b/src/runtime/components/Avatar.vue
@@ -51,20 +51,19 @@ const ui = computed(() => avatar({
 </script>
 
 <template>
-  <AvatarRoot data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <AvatarRoot :class="ui.root({ class: [props.class, props.ui?.root] })">
     <AvatarImage
       v-if="src"
       :as="as"
       :src="src"
       :alt="alt"
       v-bind="$attrs"
-      data-slot="image"
       :class="ui.image({ class: props.ui?.image })"
     />
 
     <AvatarFallback as-child v-bind="fallbackProps">
-      <UIcon v-if="icon" :name="icon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
-      <span v-else data-slot="fallback" :class="ui.fallback({ class: props.ui?.fallback })">{{ fallback }}</span>
+      <UIcon v-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
+      <span v-else :class="ui.fallback({ class: props.ui?.fallback })">{{ fallback }}</span>
     </AvatarFallback>
   </AvatarRoot>
 </template>
diff --git a/src/runtime/components/AvatarGroup.vue b/src/runtime/components/AvatarGroup.vue
index 520634bd05..992fa6942f 100644
--- a/src/runtime/components/AvatarGroup.vue
+++ b/src/runtime/components/AvatarGroup.vue
@@ -91,8 +91,8 @@ provide(avatarGroupInjectionKey, computed(() => ({
 </script>
 
 <template>
-  <Primitive :as="as" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <UAvatar v-if="hiddenCount > 0" :text="`+${hiddenCount}`" data-slot="base" :class="ui.base({ class: props.ui?.base })" />
-    <component :is="avatar" v-for="(avatar, count) in visibleAvatars" :key="count" data-slot="base" :class="ui.base({ class: props.ui?.base })" />
+  <Primitive :as="as" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <UAvatar v-if="hiddenCount > 0" :text="`+${hiddenCount}`" :class="ui.base({ class: props.ui?.base })" />
+    <component :is="avatar" v-for="(avatar, count) in visibleAvatars" :key="count" :class="ui.base({ class: props.ui?.base })" />
   </Primitive>
 </template>
diff --git a/src/runtime/components/Breadcrumb.vue b/src/runtime/components/Breadcrumb.vue
index 05c1c4577c..61215eb6c1 100644
--- a/src/runtime/components/Breadcrumb.vue
+++ b/src/runtime/components/Breadcrumb.vue
@@ -65,19 +65,19 @@ const ui = breadcrumb()
 </script>
 
 <template>
-  <Primitive :as="as" aria-label="breadcrumb" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <ol data-slot="list" :class="ui.list({ class: props.ui?.list })">
+  <Primitive :as="as" aria-label="breadcrumb" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <ol :class="ui.list({ class: props.ui?.list })">
       <template v-for="(item, index) in items" :key="index">
-        <li data-slot="item" :class="ui.item({ class: props.ui?.item })">
+        <li :class="ui.item({ class: props.ui?.item })">
           <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item)" custom>
-            <ULinkBase v-bind="slotProps" as="span" :aria-current="active && (index === items!.length - 1) ? 'page' : undefined" data-slot="link" :class="ui.link({ class: [props.ui?.link, item.class], active: index === items!.length - 1, disabled: !!item.disabled, to: !!item.to })">
+            <ULinkBase v-bind="slotProps" as="span" :aria-current="active && (index === items!.length - 1) ? 'page' : undefined" :class="ui.link({ class: [props.ui?.link, item.class], active: index === items!.length - 1, disabled: !!item.disabled, to: !!item.to })">
               <slot :name="item.slot || 'item'" :item="item" :index="index">
                 <slot :name="item.slot ? `${item.slot}-leading`: 'item-leading'" :item="item" :active="index === items!.length - 1" :index="index">
-                  <UAvatar v-if="item.avatar" :size="((props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="linkLeadingAvatar" :class="ui.linkLeadingAvatar({ class: props.ui?.linkLeadingAvatar, active: index === items!.length - 1 })" />
-                  <UIcon v-else-if="item.icon" :name="item.icon" data-slot="linkLeadingIcon" :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon, active: index === items!.length - 1 })" />
+                  <UAvatar v-if="item.avatar" :size="((props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.linkLeadingAvatar({ class: props.ui?.linkLeadingAvatar, active: index === items!.length - 1 })" />
+                  <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon, active: index === items!.length - 1 })" />
                 </slot>
 
-                <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" data-slot="linkLabel" :class="ui.linkLabel({ class: props.ui?.linkLabel })">
+                <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" :class="ui.linkLabel({ class: props.ui?.linkLabel })">
                   <slot :name="item.slot ? `${item.slot}-label`: 'item-label'" :item="item" :active="index === items!.length - 1" :index="index">
                     {{ item.label }}
                   </slot>
@@ -89,9 +89,9 @@ const ui = breadcrumb()
           </ULink>
         </li>
 
-        <li v-if="index < items!.length - 1" role="presentation" data-slot="separator" :class="ui.separator({ class: props.ui?.separator })">
+        <li v-if="index < items!.length - 1" role="presentation" :class="ui.separator({ class: props.ui?.separator })">
           <slot name="separator">
-            <UIcon :name="separatorIcon || appConfig.ui.icons.chevronRight" data-slot="separatorIcon" :class="ui.separatorIcon({ class: props.ui?.separatorIcon })" />
+            <UIcon :name="separatorIcon || appConfig.ui.icons.chevronRight" :class="ui.separatorIcon({ class: props.ui?.separatorIcon })" />
           </slot>
         </li>
       </template>
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index c8c239b93e..f2b6d5b0e1 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -95,21 +95,20 @@ const ui = computed(() => button({
     :class="ui.base({ class: [props.class, props.ui?.base] })"
     v-bind="omit(linkProps, ['type', 'disabled'])"
     raw
-    data-slot="base"
     @click="onClickWrapper"
   >
     <slot name="leading">
-      <UIcon v-if="isLeading && leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" data-slot="leading" />
+      <UIcon v-if="isLeading && leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
     </slot>
 
     <slot>
-      <span v-if="label" :class="ui.label({ class: props.ui?.label })" data-slot="label">
+      <span v-if="label" :class="ui.label({ class: props.ui?.label })">
         {{ label }}
       </span>
     </slot>
 
     <slot name="trailing">
-      <UIcon v-if="isTrailing && trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" data-slot="trailing" />
+      <UIcon v-if="isTrailing && trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
     </slot>
   </ULink>
 </template>
diff --git a/src/runtime/components/Card.vue b/src/runtime/components/Card.vue
index 6955cd3d3a..c0b44d8694 100644
--- a/src/runtime/components/Card.vue
+++ b/src/runtime/components/Card.vue
@@ -36,16 +36,16 @@ const ui = card()
 </script>
 
 <template>
-  <Primitive :as="as" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div v-if="!!slots.header" data-slot="header" :class="ui.header({ class: props.ui?.header })">
+  <Primitive :as="as" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div v-if="!!slots.header" :class="ui.header({ class: props.ui?.header })">
       <slot name="header" />
     </div>
 
-    <div v-if="!!slots.default" data-slot="body" :class="ui.body({ class: props.ui?.body })">
+    <div v-if="!!slots.default" :class="ui.body({ class: props.ui?.body })">
       <slot />
     </div>
 
-    <div v-if="!!slots.footer" data-slot="footer" :class="ui.footer({ class: props.ui?.footer })">
+    <div v-if="!!slots.footer" :class="ui.footer({ class: props.ui?.footer })">
       <slot name="footer" />
     </div>
   </Primitive>
diff --git a/src/runtime/components/Checkbox.vue b/src/runtime/components/Checkbox.vue
index 46967cb0b3..a3c447e8b6 100644
--- a/src/runtime/components/Checkbox.vue
+++ b/src/runtime/components/Checkbox.vue
@@ -93,8 +93,8 @@ function onUpdate(value: any) {
 </script>
 
 <template>
-  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
+  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div :class="ui.container({ class: props.ui?.container })">
       <CheckboxRoot
         :id="id"
         v-model:checked="checked"
@@ -102,24 +102,23 @@ function onUpdate(value: any) {
         v-bind="rootProps"
         :name="name"
         :disabled="disabled"
-        data-slot="base"
         :class="ui.base({ class: props.ui?.base })"
         @update:checked="onUpdate"
       >
         <CheckboxIndicator as-child>
-          <UIcon v-if="indeterminate" :name="indeterminateIcon || appConfig.ui.icons.minus" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
-          <UIcon v-else :name="icon || appConfig.ui.icons.check" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
+          <UIcon v-if="indeterminate" :name="indeterminateIcon || appConfig.ui.icons.minus" :class="ui.icon({ class: props.ui?.icon })" />
+          <UIcon v-else :name="icon || appConfig.ui.icons.check" :class="ui.icon({ class: props.ui?.icon })" />
         </CheckboxIndicator>
       </CheckboxRoot>
     </div>
 
-    <div v-if="(label || !!slots.label) || (description || !!slots.description)" data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
-      <Label v-if="label || !!slots.label" :for="id" data-slot="label" :class="ui.label({ class: props.ui?.label })">
+    <div v-if="(label || !!slots.label) || (description || !!slots.description)" :class="ui.wrapper({ class: props.ui?.wrapper })">
+      <Label v-if="label || !!slots.label" :for="id" :class="ui.label({ class: props.ui?.label })">
         <slot name="label" :label="label">
           {{ label }}
         </slot>
       </Label>
-      <p v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
+      <p v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description" :description="description">
           {{ description }}
         </slot>
diff --git a/src/runtime/components/Chip.vue b/src/runtime/components/Chip.vue
index 3bf87a4e64..652ad97e2d 100644
--- a/src/runtime/components/Chip.vue
+++ b/src/runtime/components/Chip.vue
@@ -64,10 +64,10 @@ const ui = computed(() => chip({
 </script>
 
 <template>
-  <Primitive :as="as" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <Primitive :as="as" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <slot />
 
-    <span v-if="show" data-slot="base" :class="ui.base({ class: props.ui?.base })">
+    <span v-if="show" :class="ui.base({ class: props.ui?.base })">
       <slot name="content">
         {{ text }}
       </slot>
diff --git a/src/runtime/components/Collapsible.vue b/src/runtime/components/Collapsible.vue
index ca1080eafc..94daf0568a 100644
--- a/src/runtime/components/Collapsible.vue
+++ b/src/runtime/components/Collapsible.vue
@@ -42,12 +42,12 @@ const ui = collapsible()
 </script>
 
 <template>
-  <CollapsibleRoot v-slot="{ open }" v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <CollapsibleRoot v-slot="{ open }" v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <CollapsibleTrigger v-if="!!slots.default" as-child>
       <slot :open="open" />
     </CollapsibleTrigger>
 
-    <CollapsibleContent data-slot="content" :class="ui.content({ class: props.ui?.content })">
+    <CollapsibleContent :class="ui.content({ class: props.ui?.content })">
       <slot name="content" />
     </CollapsibleContent>
   </CollapsibleRoot>
diff --git a/src/runtime/components/CommandPalette.vue b/src/runtime/components/CommandPalette.vue
index c8792e70d6..d1007e8389 100644
--- a/src/runtime/components/CommandPalette.vue
+++ b/src/runtime/components/CommandPalette.vue
@@ -217,7 +217,7 @@ const groups = computed(() => {
 
 <!-- eslint-disable vue/no-v-html -->
 <template>
-  <ComboboxRoot v-bind="rootProps" v-model:search-term="searchTerm" open data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <ComboboxRoot v-bind="rootProps" v-model:search-term="searchTerm" open :class="ui.root({ class: [props.class, props.ui?.root] })">
     <ComboboxInput as-child>
       <UInput
         variant="none"
@@ -225,7 +225,6 @@ const groups = computed(() => {
         size="lg"
         v-bind="inputProps"
         :icon="icon || appConfig.ui.icons.search"
-        data-slot="input"
         :class="ui.input({ class: props.ui?.input })"
       >
         <template v-if="close || !!slots.close" #trailing>
@@ -238,7 +237,6 @@ const groups = computed(() => {
               variant="ghost"
               aria-label="Close"
               v-bind="typeof close === 'object' ? close : undefined"
-              data-slot="close"
               :class="ui.close({ class: props.ui?.close })"
               @click="emits('update:open', false)"
             />
@@ -248,16 +246,16 @@ const groups = computed(() => {
     </ComboboxInput>
 
     <ComboboxPortal disabled>
-      <ComboboxContent data-slot="content" :class="ui.content({ class: props.ui?.content })" :dismissable="false">
-        <ComboboxEmpty data-slot="empty" :class="ui.empty({ class: props.ui?.empty })">
+      <ComboboxContent :class="ui.content({ class: props.ui?.content })" :dismissable="false">
+        <ComboboxEmpty :class="ui.empty({ class: props.ui?.empty })">
           <slot name="empty" :search-term="searchTerm">
             {{ searchTerm ? `No results for ${searchTerm}` : 'No results' }}
           </slot>
         </ComboboxEmpty>
 
-        <ComboboxViewport data-slot="viewport" :class="ui.viewport({ class: props.ui?.viewport })">
-          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: props.ui?.group })">
-            <ComboboxLabel v-if="group.label" data-slot="label" :class="ui.label({ class: props.ui?.label })">
+        <ComboboxViewport :class="ui.viewport({ class: props.ui?.viewport })">
+          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: props.ui?.group })">
+            <ComboboxLabel v-if="group.label" :class="ui.label({ class: props.ui?.label })">
               {{ group.label }}
             </ComboboxLabel>
 
@@ -266,45 +264,43 @@ const groups = computed(() => {
               :key="`group-${groupIndex}-${index}`"
               :value="omit(item, ['matches' as any, 'group' as any, 'select', 'labelHtml', 'suffixHtml'])"
               :disabled="item.disabled"
-              data-slot="item"
               :class="ui.item({ class: props.ui?.item })"
               @select="item.select"
             >
               <slot :name="item.slot || group.slot || 'item'" :item="item" :index="index">
                 <slot :name="item.slot ? `${item.slot}-leading` : group.slot ? `${group.slot}-leading` : `item-leading`" :item="item" :index="index">
-                  <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
-                  <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
+                  <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
+                  <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
                   <UChip
                     v-else-if="item.chip"
                     :size="((props.ui?.itemLeadingChipSize || ui.itemLeadingChipSize()) as ChipProps['size'])"
                     inset
                     standalone
                     v-bind="item.chip"
-                    data-slot="itemLeadingChip"
                     :class="ui.itemLeadingChip({ class: props.ui?.itemLeadingChip })"
                   />
                 </slot>
 
-                <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label` : group.slot ? `${group.slot}-label` : `item-label`]" data-slot="itemLabel" :class="ui.itemLabel({ class: props.ui?.itemLabel })">
+                <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label` : group.slot ? `${group.slot}-label` : `item-label`]" :class="ui.itemLabel({ class: props.ui?.itemLabel })">
                   <slot :name="item.slot ? `${item.slot}-label` : group.slot ? `${group.slot}-label` : `item-label`" :item="item" :index="index">
-                    <span v-if="item.prefix" data-slot="itemLabelPrefix" :class="ui.itemLabelPrefix({ class: props.ui?.itemLabelPrefix })">{{ item.prefix }}</span>
+                    <span v-if="item.prefix" :class="ui.itemLabelPrefix({ class: props.ui?.itemLabelPrefix })">{{ item.prefix }}</span>
 
-                    <span data-slot="itemLabelBase" :class="ui.itemLabelBase({ class: props.ui?.itemLabelBase })" v-html="item.labelHtml || item.label" />
+                    <span :class="ui.itemLabelBase({ class: props.ui?.itemLabelBase })" v-html="item.labelHtml || item.label" />
 
-                    <span data-slot="itemLabelSuffix" :class="ui.itemLabelSuffix({ class: props.ui?.itemLabelSuffix })" v-html="item.suffixHtml || item.suffix" />
+                    <span :class="ui.itemLabelSuffix({ class: props.ui?.itemLabelSuffix })" v-html="item.suffixHtml || item.suffix" />
                   </slot>
                 </span>
 
-                <span data-slot="itemTrailing" :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
+                <span :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
                   <slot :name="item.slot ? `${item.slot}-trailing` : group.slot ? `${group.slot}-trailing` : `item-trailing`" :item="item" :index="index">
-                    <span v-if="item.kbds?.length" data-slot="itemTrailingKbds" :class="ui.itemTrailingKbds({ class: props.ui?.itemTrailingKbds })">
+                    <span v-if="item.kbds?.length" :class="ui.itemTrailingKbds({ class: props.ui?.itemTrailingKbds })">
                       <UKbd v-for="(kbd, kbdIndex) in item.kbds" :key="kbdIndex" :size="((props.ui?.itemTrailingKbdsSize || ui.itemTrailingKbdsSize()) as KbdProps['size'])" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
                     </span>
-                    <UIcon v-else-if="group.highlightedIcon" :name="group.highlightedIcon" data-slot="itemTrailingHighlightedIcon" :class="ui.itemTrailingHighlightedIcon({ class: props.ui?.itemTrailingHighlightedIcon })" />
+                    <UIcon v-else-if="group.highlightedIcon" :name="group.highlightedIcon" :class="ui.itemTrailingHighlightedIcon({ class: props.ui?.itemTrailingHighlightedIcon })" />
                   </slot>
 
                   <ComboboxItemIndicator as-child>
-                    <UIcon :name="selectedIcon || appConfig.ui.icons.check" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
+                    <UIcon :name="selectedIcon || appConfig.ui.icons.check" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
                   </ComboboxItemIndicator>
                 </span>
               </slot>
diff --git a/src/runtime/components/ContextMenu.vue b/src/runtime/components/ContextMenu.vue
index f5e1acd1f7..e2a05a1795 100644
--- a/src/runtime/components/ContextMenu.vue
+++ b/src/runtime/components/ContextMenu.vue
@@ -90,7 +90,6 @@ const ui = computed(() => contextMenu({
     </ContextMenuTrigger>
 
     <UContextMenuContent
-      data-slot="content"
       :class="ui.content({ class: [props.class, props.ui?.content] })"
       :ui="ui"
       :ui-override="props.ui"
diff --git a/src/runtime/components/ContextMenuContent.vue b/src/runtime/components/ContextMenuContent.vue
index 749275132c..fabb863e4b 100644
--- a/src/runtime/components/ContextMenuContent.vue
+++ b/src/runtime/components/ContextMenuContent.vue
@@ -49,22 +49,22 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
   <DefineItemTemplate v-slot="{ item, active, index }">
     <slot :name="item.slot || 'item'" :item="(item as T)" :index="index">
       <slot :name="item.slot ? `${item.slot}-leading`: 'item-leading'" :item="(item as T)" :active="active" :index="index">
-        <UAvatar v-if="item.avatar" :size="((props.uiOverride?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: uiOverride?.itemLeadingAvatar, active })" />
-        <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: uiOverride?.itemLeadingIcon, active })" />
+        <UAvatar v-if="item.avatar" :size="((props.uiOverride?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: uiOverride?.itemLeadingAvatar, active })" />
+        <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: uiOverride?.itemLeadingIcon, active })" />
       </slot>
 
-      <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" data-slot="itemLabel" :class="ui.itemLabel({ class: uiOverride?.itemLabel, active })">
+      <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" :class="ui.itemLabel({ class: uiOverride?.itemLabel, active })">
         <slot :name="item.slot ? `${item.slot}-label`: 'item-label'" :item="(item as T)" :active="active" :index="index">
           {{ item.label }}
         </slot>
 
-        <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" data-slot="itemLabelExternalIcon" :class="ui.itemLabelExternalIcon({ class: uiOverride?.itemLabelExternalIcon, active })" />
+        <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" :class="ui.itemLabelExternalIcon({ class: uiOverride?.itemLabelExternalIcon, active })" />
       </span>
 
-      <span v-if="item.children?.length || item.kbds?.length || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" data-slot="itemTrailing" :class="ui.itemTrailing({ class: uiOverride?.itemTrailing })">
+      <span v-if="item.children?.length || item.kbds?.length || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" :class="ui.itemTrailing({ class: uiOverride?.itemTrailing })">
         <slot :name="item.slot ? `${item.slot}-trailing`: 'item-trailing'" :item="(item as T)" :active="active" :index="index">
-          <UIcon v-if="item.children?.length" :name="appConfig.ui.icons.chevronRight" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: uiOverride?.itemTrailingIcon, active })" />
-          <span v-else-if="item.kbds?.length" data-slot="itemTrailingKbds" :class="ui.itemTrailingKbds({ class: uiOverride?.itemTrailingKbds })">
+          <UIcon v-if="item.children?.length" :name="appConfig.ui.icons.chevronRight" :class="ui.itemTrailingIcon({ class: uiOverride?.itemTrailingIcon, active })" />
+          <span v-else-if="item.kbds?.length" :class="ui.itemTrailingKbds({ class: uiOverride?.itemTrailingKbds })">
             <UKbd v-for="(kbd, kbdIndex) in item.kbds" :key="kbdIndex" :size="((props.uiOverride?.itemTrailingKbdsSize || ui.itemTrailingKbdsSize()) as KbdProps['size'])" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
           </span>
         </slot>
@@ -74,19 +74,18 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
 
   <ContextMenu.Portal :disabled="!portal">
     <component :is="sub ? ContextMenu.SubContent : ContextMenu.Content" :class="props.class" v-bind="contentProps">
-      <ContextMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: uiOverride?.group })">
+      <ContextMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: uiOverride?.group })">
         <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-          <ContextMenu.Label v-if="item.type === 'label'" data-slot="label" :class="ui.label({ class: uiOverride?.label })">
+          <ContextMenu.Label v-if="item.type === 'label'" :class="ui.label({ class: uiOverride?.label })">
             <ReuseItemTemplate :item="item" :index="index" />
           </ContextMenu.Label>
-          <ContextMenu.Separator v-else-if="item.type === 'separator'" data-slot="separator" :class="ui.separator({ class: uiOverride?.separator })" />
+          <ContextMenu.Separator v-else-if="item.type === 'separator'" :class="ui.separator({ class: uiOverride?.separator })" />
           <ContextMenu.Sub v-else-if="item?.children?.length" :open="item.open" :default-open="item.defaultOpen">
             <ContextMenu.SubTrigger
               as="button"
               type="button"
               :disabled="item.disabled"
               :text-value="item.label"
-              data-slot="item"
               :class="ui.item({ class: uiOverride?.item })"
             >
               <ReuseItemTemplate :item="item" :index="index" />
@@ -109,7 +108,7 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
           </ContextMenu.Sub>
           <ContextMenu.Item v-else as-child :disabled="item.disabled" :text-value="item.label" @select="item.select">
             <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item as Omit<ContextMenuItem, 'type'>)" custom>
-              <ULinkBase v-bind="slotProps" data-slot="item" :class="ui.item({ class: [uiOverride?.item, item.class], active })">
+              <ULinkBase v-bind="slotProps" :class="ui.item({ class: [uiOverride?.item, item.class], active })">
                 <ReuseItemTemplate :item="item" :active="active" :index="index" />
               </ULinkBase>
             </ULink>
diff --git a/src/runtime/components/Drawer.vue b/src/runtime/components/Drawer.vue
index 3c26baaa00..d787eb3c89 100644
--- a/src/runtime/components/Drawer.vue
+++ b/src/runtime/components/Drawer.vue
@@ -83,24 +83,24 @@ const ui = computed(() => drawer({
     </DrawerTrigger>
 
     <DrawerPortal :disabled="!portal">
-      <DrawerOverlay v-if="overlay" data-slot="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
+      <DrawerOverlay v-if="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
 
-      <DrawerContent data-slot="content" :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps">
+      <DrawerContent :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps">
         <slot name="handle">
-          <div v-if="handle" data-slot="handle" :class="ui.handle({ class: props.ui?.handle })" />
+          <div v-if="handle" :class="ui.handle({ class: props.ui?.handle })" />
         </slot>
 
         <slot name="content">
-          <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
-            <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description)" data-slot="header" :class="ui.header({ class: props.ui?.header })">
+          <div :class="ui.container({ class: props.ui?.container })">
+            <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description)" :class="ui.header({ class: props.ui?.header })">
               <slot name="header">
-                <DrawerTitle v-if="title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
+                <DrawerTitle v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
                   <slot name="title">
                     {{ title }}
                   </slot>
                 </DrawerTitle>
 
-                <DrawerDescription v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
+                <DrawerDescription v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
                   <slot name="description">
                     {{ description }}
                   </slot>
@@ -108,11 +108,11 @@ const ui = computed(() => drawer({
               </slot>
             </div>
 
-            <div v-if="!!slots.body" data-slot="body" :class="ui.body({ class: props.ui?.body })">
+            <div v-if="!!slots.body" :class="ui.body({ class: props.ui?.body })">
               <slot name="body" />
             </div>
 
-            <div v-if="!!slots.footer" data-slot="footer" :class="ui.footer({ class: props.ui?.footer })">
+            <div v-if="!!slots.footer" :class="ui.footer({ class: props.ui?.footer })">
               <slot name="footer" />
             </div>
           </div>
diff --git a/src/runtime/components/DropdownMenu.vue b/src/runtime/components/DropdownMenu.vue
index 46a7ebb436..99c697c9a7 100644
--- a/src/runtime/components/DropdownMenu.vue
+++ b/src/runtime/components/DropdownMenu.vue
@@ -100,7 +100,6 @@ const ui = computed(() => dropdownMenu({
     </DropdownMenuTrigger>
 
     <UDropdownMenuContent
-      data-slot="content"
       :class="ui.content({ class: [props.class, props.ui?.content] })"
       :ui="ui"
       :ui-override="props.ui"
@@ -112,7 +111,7 @@ const ui = computed(() => dropdownMenu({
         <slot :name="name" v-bind="slotData" />
       </template>
 
-      <DropdownMenuArrow v-if="!!arrow" v-bind="arrowProps" data-slot="arrow" :class="ui.arrow({ class: props.ui?.arrow })" />
+      <DropdownMenuArrow v-if="!!arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" />
     </UDropdownMenuContent>
   </DropdownMenuRoot>
 </template>
diff --git a/src/runtime/components/DropdownMenuContent.vue b/src/runtime/components/DropdownMenuContent.vue
index 9db54e3a88..b055209ed7 100644
--- a/src/runtime/components/DropdownMenuContent.vue
+++ b/src/runtime/components/DropdownMenuContent.vue
@@ -53,22 +53,22 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
   <DefineItemTemplate v-slot="{ item, active, index }">
     <slot :name="item.slot || 'item'" :item="(item as T)" :index="index">
       <slot :name="item.slot ? `${item.slot}-leading`: 'item-leading'" :item="(item as T)" :active="active" :index="index">
-        <UAvatar v-if="item.avatar" :size="((props.uiOverride?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: uiOverride?.itemLeadingAvatar, active })" />
-        <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: uiOverride?.itemLeadingIcon, active })" />
+        <UAvatar v-if="item.avatar" :size="((props.uiOverride?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: uiOverride?.itemLeadingAvatar, active })" />
+        <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: uiOverride?.itemLeadingIcon, active })" />
       </slot>
 
-      <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" data-slot="itemLabel" :class="ui.itemLabel({ class: uiOverride?.itemLabel, active })">
+      <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" :class="ui.itemLabel({ class: uiOverride?.itemLabel, active })">
         <slot :name="item.slot ? `${item.slot}-label`: 'item-label'" :item="(item as T)" :active="active" :index="index">
           {{ item.label }}
         </slot>
 
-        <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" data-slot="itemLabelExternalIcon" :class="ui.itemLabelExternalIcon({ class: uiOverride?.itemLabelExternalIcon, active })" />
+        <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" :class="ui.itemLabelExternalIcon({ class: uiOverride?.itemLabelExternalIcon, active })" />
       </span>
 
-      <span v-if="item.children?.length || item.kbds?.length || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" data-slot="itemTrailing" :class="ui.itemTrailing({ class: uiOverride?.itemTrailing })">
+      <span v-if="item.children?.length || item.kbds?.length || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" :class="ui.itemTrailing({ class: uiOverride?.itemTrailing })">
         <slot :name="item.slot ? `${item.slot}-trailing`: 'item-trailing'" :item="(item as T)" :active="active" :index="index">
-          <UIcon v-if="item.children?.length" :name="appConfig.ui.icons.chevronRight" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: uiOverride?.itemTrailingIcon, active })" />
-          <span v-else-if="item.kbds?.length" data-slot="itemTrailingKbds" :class="ui.itemTrailingKbds({ class: uiOverride?.itemTrailingKbds })">
+          <UIcon v-if="item.children?.length" :name="appConfig.ui.icons.chevronRight" :class="ui.itemTrailingIcon({ class: uiOverride?.itemTrailingIcon, active })" />
+          <span v-else-if="item.kbds?.length" :class="ui.itemTrailingKbds({ class: uiOverride?.itemTrailingKbds })">
             <UKbd v-for="(kbd, kbdIndex) in item.kbds" :key="kbdIndex" :size="((props.uiOverride?.itemTrailingKbdsSize || ui.itemTrailingKbdsSize()) as KbdProps['size'])" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
           </span>
         </slot>
@@ -78,19 +78,18 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
 
   <DropdownMenu.Portal :disabled="!portal">
     <component :is="sub ? DropdownMenu.SubContent : DropdownMenu.Content" :class="props.class" v-bind="contentProps">
-      <DropdownMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: uiOverride?.group })">
+      <DropdownMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: uiOverride?.group })">
         <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-          <DropdownMenu.Label v-if="item.type === 'label'" data-slot="label" :class="ui.label({ class: uiOverride?.label })">
+          <DropdownMenu.Label v-if="item.type === 'label'" :class="ui.label({ class: uiOverride?.label })">
             <ReuseItemTemplate :item="item" :index="index" />
           </DropdownMenu.Label>
-          <DropdownMenu.Separator v-else-if="item.type === 'separator'" data-slot="separator" :class="ui.separator({ class: uiOverride?.separator })" />
+          <DropdownMenu.Separator v-else-if="item.type === 'separator'" :class="ui.separator({ class: uiOverride?.separator })" />
           <DropdownMenu.Sub v-else-if="item?.children?.length" :open="item.open" :default-open="item.defaultOpen">
             <DropdownMenu.SubTrigger
               as="button"
               type="button"
               :disabled="item.disabled"
               :text-value="item.label"
-              data-slot="item"
               :class="ui.item({ class: uiOverride?.item })"
             >
               <ReuseItemTemplate :item="item" :index="index" />
@@ -116,7 +115,7 @@ const groups = computed(() => props.items?.length ? (Array.isArray(props.items[0
           </DropdownMenu.Sub>
           <DropdownMenu.Item v-else as-child :disabled="item.disabled" :text-value="item.label" @select="item.select">
             <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item as Omit<DropdownMenuItem, 'type'>)" custom>
-              <ULinkBase v-bind="slotProps" data-slot="item" :class="ui.item({ class: [uiOverride?.item, item.class], active })">
+              <ULinkBase v-bind="slotProps" :class="ui.item({ class: [uiOverride?.item, item.class], active })">
                 <ReuseItemTemplate :item="item" :active="active" :index="index" />
               </ULinkBase>
             </ULink>
diff --git a/src/runtime/components/FormField.vue b/src/runtime/components/FormField.vue
index 99af9507cd..1d682f1cd0 100644
--- a/src/runtime/components/FormField.vue
+++ b/src/runtime/components/FormField.vue
@@ -67,22 +67,22 @@ provide(formFieldInjectionKey, computed(() => ({
 </script>
 
 <template>
-  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
-      <div v-if="label || !!slots.label" data-slot="labelWrapper" :class="ui.labelWrapper({ class: props.ui?.labelWrapper })">
-        <Label :for="id" data-slot="label" :class="ui.label({ class: props.ui?.label })">
+  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div :class="ui.wrapper({ class: props.ui?.wrapper })">
+      <div v-if="label || !!slots.label" :class="ui.labelWrapper({ class: props.ui?.labelWrapper })">
+        <Label :for="id" :class="ui.label({ class: props.ui?.label })">
           <slot name="label" :label="label">
             {{ label }}
           </slot>
         </Label>
-        <span v-if="hint || !!slots.hint" data-slot="hint" :class="ui.hint({ class: props.ui?.hint })">
+        <span v-if="hint || !!slots.hint" :class="ui.hint({ class: props.ui?.hint })">
           <slot name="hint" :hint="hint">
             {{ hint }}
           </slot>
         </span>
       </div>
 
-      <p v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
+      <p v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description" :description="description">
           {{ description }}
         </slot>
@@ -92,12 +92,12 @@ provide(formFieldInjectionKey, computed(() => ({
     <div :class="[label && ui.container({ class: props.ui?.container })]">
       <slot :error="error" />
 
-      <p v-if="(typeof error === 'string' && error) || !!slots.error" data-slot="error" :class="ui.error({ class: props.ui?.error })">
+      <p v-if="(typeof error === 'string' && error) || !!slots.error" :class="ui.error({ class: props.ui?.error })">
         <slot name="error" :error="error">
           {{ error }}
         </slot>
       </p>
-      <p v-else-if="help || !!slots.help" data-slot="help" :class="ui.help({ class: props.ui?.help })">
+      <p v-else-if="help || !!slots.help" :class="ui.help({ class: props.ui?.help })">
         <slot name="help" :help="help">
           {{ help }}
         </slot>
diff --git a/src/runtime/components/Input.vue b/src/runtime/components/Input.vue
index 830d1423a3..cbcded4f97 100644
--- a/src/runtime/components/Input.vue
+++ b/src/runtime/components/Input.vue
@@ -145,7 +145,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
     <input
       :id="id"
       ref="inputRef"
@@ -153,7 +153,6 @@ onMounted(() => {
       :value="modelValue"
       :name="name"
       :placeholder="placeholder"
-      data-slot="base"
       :class="ui.base({ class: props.ui?.base })"
       :disabled="disabled"
       :required="required"
@@ -166,15 +165,15 @@ onMounted(() => {
 
     <slot />
 
-    <span v-if="isLeading || !!slots.leading" data-slot="leading" :class="ui.leading({ class: props.ui?.leading })">
+    <span v-if="isLeading || !!slots.leading" :class="ui.leading({ class: props.ui?.leading })">
       <slot name="leading">
-        <UIcon v-if="leadingIconName" :name="leadingIconName" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+        <UIcon v-if="leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
       </slot>
     </span>
 
-    <span v-if="isTrailing || !!slots.trailing" data-slot="trailing" :class="ui.trailing({ class: props.ui?.trailing })">
+    <span v-if="isTrailing || !!slots.trailing" :class="ui.trailing({ class: props.ui?.trailing })">
       <slot name="trailing">
-        <UIcon v-if="trailingIconName" :name="trailingIconName" data-slot="trailingIcon" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+        <UIcon v-if="trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
       </slot>
     </span>
   </div>
diff --git a/src/runtime/components/InputMenu.vue b/src/runtime/components/InputMenu.vue
index 7163b3833a..629fdea127 100644
--- a/src/runtime/components/InputMenu.vue
+++ b/src/runtime/components/InputMenu.vue
@@ -245,14 +245,13 @@ defineExpose({
     :disabled="disabled"
     :display-value="displayValue"
     :filter-function="filterFunction"
-    data-slot="root"
     :class="ui.root({ class: [props.class, props.ui?.root] })"
     :as-child="!!multiple"
     @update:model-value="onUpdate"
     @update:open="onUpdateOpen"
     @keydown.enter="$event.preventDefault()"
   >
-    <ComboboxAnchor :as-child="!multiple" data-slot="base" :class="ui.base({ class: props.ui?.base })">
+    <ComboboxAnchor :as-child="!multiple" :class="ui.base({ class: props.ui?.base })">
       <TagsInputRoot
         v-if="multiple"
         v-slot="{ modelValue: tags }: { modelValue: AcceptableValue[] }"
@@ -262,16 +261,16 @@ defineExpose({
         as-child
         @blur="onBlur"
       >
-        <TagsInputItem v-for="(item, index) in tags" :key="index" :value="(item as string)" data-slot="tagsItem" :class="ui.tagsItem({ class: props.ui?.tagsItem })">
-          <TagsInputItemText data-slot="tagsItemText" :class="ui.tagsItemText({ class: props.ui?.tagsItemText })">
+        <TagsInputItem v-for="(item, index) in tags" :key="index" :value="(item as string)" :class="ui.tagsItem({ class: props.ui?.tagsItem })">
+          <TagsInputItemText :class="ui.tagsItemText({ class: props.ui?.tagsItemText })">
             <slot name="tags-item-text" :item="(item as T)" :index="index">
               {{ typeof item === 'object' ? item.label : item }}
             </slot>
           </TagsInputItemText>
 
-          <TagsInputItemDelete data-slot="tagsItemDelete" :class="ui.tagsItemDelete({ class: props.ui?.tagsItemDelete })" :disabled="disabled">
+          <TagsInputItemDelete :class="ui.tagsItemDelete({ class: props.ui?.tagsItemDelete })" :disabled="disabled">
             <slot name="tags-item-delete" :item="(item as T)" :index="index">
-              <UIcon :name="deleteIcon || appConfig.ui.icons.close" data-slot="tagsItemDeleteIcon" :class="ui.tagsItemDeleteIcon({ class: props.ui?.tagsItemDeleteIcon })" />
+              <UIcon :name="deleteIcon || appConfig.ui.icons.close" :class="ui.tagsItemDeleteIcon({ class: props.ui?.tagsItemDeleteIcon })" />
             </slot>
           </TagsInputItemDelete>
         </TagsInputItem>
@@ -282,7 +281,6 @@ defineExpose({
             v-bind="$attrs"
             :placeholder="placeholder"
             :required="required"
-            data-slot="tagsInput"
             :class="ui.tagsInput({ class: props.ui?.tagsInput })"
             @keydown.enter.prevent
           />
@@ -296,44 +294,42 @@ defineExpose({
         :type="type"
         :placeholder="placeholder"
         :required="required"
-        data-slot="base"
         :class="ui.base({ class: props.ui?.base })"
         @blur="onBlur"
       />
 
-      <span v-if="isLeading || !!slots.leading" data-slot="leading" :class="ui.leading({ class: props.ui?.leading })">
+      <span v-if="isLeading || !!slots.leading" :class="ui.leading({ class: props.ui?.leading })">
         <slot name="leading" :model-value="(modelValue as T)" :open="open" :ui="ui">
-          <UIcon v-if="leadingIconName" :name="leadingIconName" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+          <UIcon v-if="leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
         </slot>
       </span>
 
-      <ComboboxTrigger v-if="isTrailing || !!slots.trailing" data-slot="trailing" :class="ui.trailing({ class: props.ui?.trailing })">
+      <ComboboxTrigger v-if="isTrailing || !!slots.trailing" :class="ui.trailing({ class: props.ui?.trailing })">
         <slot name="trailing" :model-value="(modelValue as T)" :open="open" :ui="ui">
-          <UIcon v-if="trailingIconName" :name="trailingIconName" data-slot="trailingIcon" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+          <UIcon v-if="trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
         </slot>
       </ComboboxTrigger>
     </ComboboxAnchor>
 
     <ComboboxPortal :disabled="!portal">
-      <ComboboxContent data-slot="content" :class="ui.content({ class: props.ui?.content })" v-bind="contentProps">
-        <ComboboxEmpty data-slot="empty" :class="ui.empty({ class: props.ui?.empty })">
+      <ComboboxContent :class="ui.content({ class: props.ui?.content })" v-bind="contentProps">
+        <ComboboxEmpty :class="ui.empty({ class: props.ui?.empty })">
           <slot name="empty" :search-term="searchTerm">
             {{ searchTerm ? `No results for ${searchTerm}` : 'No results' }}
           </slot>
         </ComboboxEmpty>
 
-        <ComboboxViewport data-slot="viewport" :class="ui.viewport({ class: props.ui?.viewport })">
-          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: props.ui?.group })">
+        <ComboboxViewport :class="ui.viewport({ class: props.ui?.viewport })">
+          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: props.ui?.group })">
             <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-              <ComboboxLabel v-if="item?.type === 'label'" data-slot="label" :class="ui.label({ class: props.ui?.label })">
+              <ComboboxLabel v-if="item?.type === 'label'" :class="ui.label({ class: props.ui?.label })">
                 {{ item.label }}
               </ComboboxLabel>
 
-              <ComboboxSeparator v-else-if="item?.type === 'separator'" data-slot="separator" :class="ui.separator({ class: props.ui?.separator })" />
+              <ComboboxSeparator v-else-if="item?.type === 'separator'" :class="ui.separator({ class: props.ui?.separator })" />
 
               <ComboboxItem
                 v-else
-                data-slot="item"
                 :class="ui.item({ class: props.ui?.item })"
                 :disabled="item.disabled"
                 :value="valueKey && typeof item === 'object' ? (item[valueKey as keyof InputMenuItem]) as AcceptableValue : item"
@@ -341,30 +337,29 @@ defineExpose({
               >
                 <slot name="item" :item="(item as T)" :index="index">
                   <slot name="item-leading" :item="(item as T)" :index="index">
-                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
-                    <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
+                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
+                    <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
                     <UChip
                       v-else-if="item.chip"
                       :size="((props.ui?.itemLeadingChipSize || ui.itemLeadingChipSize()) as ChipProps['size'])"
                       inset
                       standalone
                       v-bind="item.chip"
-                      data-slot="itemLeadingChip"
                       :class="ui.itemLeadingChip({ class: props.ui?.itemLeadingChip })"
                     />
                   </slot>
 
-                  <span data-slot="itemLabel" :class="ui.itemLabel({ class: props.ui?.itemLabel })">
+                  <span :class="ui.itemLabel({ class: props.ui?.itemLabel })">
                     <slot name="item-label" :item="(item as T)" :index="index">
                       {{ displayValue(item as T) }}
                     </slot>
                   </span>
 
-                  <span data-slot="itemTrailing" :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
+                  <span :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
                     <slot name="item-trailing" :item="(item as T)" :index="index" />
 
                     <ComboboxItemIndicator as-child>
-                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
+                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
                     </ComboboxItemIndicator>
                   </span>
                 </slot>
diff --git a/src/runtime/components/Modal.vue b/src/runtime/components/Modal.vue
index b5d9a203d8..f916d2424b 100644
--- a/src/runtime/components/Modal.vue
+++ b/src/runtime/components/Modal.vue
@@ -114,19 +114,19 @@ const ui = computed(() => modal({
     </DialogTrigger>
 
     <DialogPortal :disabled="!portal">
-      <DialogOverlay v-if="overlay" data-slot="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
+      <DialogOverlay v-if="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
 
-      <DialogContent data-slot="content" :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
+      <DialogContent :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
         <slot name="content">
-          <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (close || !!slots.close)" data-slot="header" :class="ui.header({ class: props.ui?.header })">
+          <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (close || !!slots.close)" :class="ui.header({ class: props.ui?.header })">
             <slot name="header">
-              <DialogTitle v-if="title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
+              <DialogTitle v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
                 <slot name="title">
                   {{ title }}
                 </slot>
               </DialogTitle>
 
-              <DialogDescription v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
+              <DialogDescription v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
                 <slot name="description">
                   {{ description }}
                 </slot>
@@ -142,7 +142,6 @@ const ui = computed(() => modal({
                     variant="ghost"
                     aria-label="Close"
                     v-bind="typeof close === 'object' ? close : undefined"
-                    data-slot="close"
                     :class="ui.close({ class: props.ui?.close })"
                   />
                 </slot>
@@ -150,11 +149,11 @@ const ui = computed(() => modal({
             </slot>
           </div>
 
-          <div v-if="!!slots.body" data-slot="body" :class="ui.body({ class: props.ui?.body })">
+          <div v-if="!!slots.body" :class="ui.body({ class: props.ui?.body })">
             <slot name="body" />
           </div>
 
-          <div v-if="!!slots.footer" data-slot="footer" :class="ui.footer({ class: props.ui?.footer })">
+          <div v-if="!!slots.footer" :class="ui.footer({ class: props.ui?.footer })">
             <slot name="footer" />
           </div>
         </slot>
diff --git a/src/runtime/components/NavigationMenu.vue b/src/runtime/components/NavigationMenu.vue
index 39bf1fd2f1..d20f5a227a 100644
--- a/src/runtime/components/NavigationMenu.vue
+++ b/src/runtime/components/NavigationMenu.vue
@@ -111,10 +111,10 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
 </script>
 
 <template>
-  <NavigationMenuRoot v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <NavigationMenuRoot v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
     <template v-for="(list, listIndex) in lists" :key="`list-${listIndex}`">
-      <NavigationMenuList data-slot="list" :class="ui.list({ class: props.ui?.list })">
-        <NavigationMenuItem v-for="(item, index) in list" :key="`list-${listIndex}-${index}`" :value="item.value || String(index)" data-slot="item" :class="ui.item({ class: props.ui?.item })">
+      <NavigationMenuList :class="ui.list({ class: props.ui?.list })">
+        <NavigationMenuItem v-for="(item, index) in list" :key="`list-${listIndex}-${index}`" :value="item.value || String(index)" :class="ui.item({ class: props.ui?.item })">
           <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item)" custom>
             <component
               :is="item.children?.length ? NavigationMenuTrigger : NavigationMenuLink"
@@ -123,22 +123,22 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
               :active="active"
               @select="item.select"
             >
-              <ULinkBase v-bind="slotProps" data-slot="link" :class="ui.link({ class: [props.ui?.link, item.class], active, disabled: !!item.disabled })">
+              <ULinkBase v-bind="slotProps" :class="ui.link({ class: [props.ui?.link, item.class], active, disabled: !!item.disabled })">
                 <slot :name="item.slot || 'item'" :item="item" :index="index">
                   <slot :name="item.slot ? `${item.slot}-leading`: 'item-leading'" :item="item" :active="active" :index="index">
-                    <UAvatar v-if="item.avatar" :size="((props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="linkLeadingAvatar" :class="ui.linkLeadingAvatar({ class: props.ui?.linkLeadingAvatar, active, disabled: !!item.disabled })" />
-                    <UIcon v-else-if="item.icon" :name="item.icon" data-slot="linkLeadingIcon" :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon, active, disabled: !!item.disabled })" />
+                    <UAvatar v-if="item.avatar" :size="((props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.linkLeadingAvatar({ class: props.ui?.linkLeadingAvatar, active, disabled: !!item.disabled })" />
+                    <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon, active, disabled: !!item.disabled })" />
                   </slot>
 
-                  <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" data-slot="linkLabel" :class="ui.linkLabel({ class: props.ui?.linkLabel })">
+                  <span v-if="item.label || !!slots[item.slot ? `${item.slot}-label`: 'item-label']" :class="ui.linkLabel({ class: props.ui?.linkLabel })">
                     <slot :name="item.slot ? `${item.slot}-label`: 'item-label'" :item="item" :active="active" :index="index">
                       {{ item.label }}
                     </slot>
 
-                    <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" data-slot="linkLabelExternalIcon" :class="ui.linkLabelExternalIcon({ class: props.ui?.linkLabelExternalIcon, active })" />
+                    <UIcon v-if="item.target === '_blank'" :name="appConfig.ui.icons.external" :class="ui.linkLabelExternalIcon({ class: props.ui?.linkLabelExternalIcon, active })" />
                   </span>
 
-                  <span v-if="item.badge || (item.children?.length && orientation === 'horizontal') || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" data-slot="linkTrailing" :class="ui.linkTrailing({ class: props.ui?.linkTrailing })">
+                  <span v-if="item.badge || (item.children?.length && orientation === 'horizontal') || !!slots[item.slot ? `${item.slot}-trailing`: 'item-trailing']" :class="ui.linkTrailing({ class: props.ui?.linkTrailing })">
                     <slot :name="item.slot ? `${item.slot}-trailing`: 'item-trailing'" :item="item" :active="active" :index="index">
                       <UBadge
                         v-if="item.badge"
@@ -146,31 +146,30 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
                         variant="outline"
                         :size="((props.ui?.linkTrailingBadgeSize || ui.linkTrailingBadgeSize()) as BadgeProps['size'])"
                         v-bind="(typeof item.badge === 'string' || typeof item.badge === 'number') ? { label: item.badge } : item.badge"
-                        data-slot="linkTrailingBadge"
                         :class="ui.linkTrailingBadge({ class: props.ui?.linkTrailingBadge })"
                       />
-                      <UIcon v-if="item.children?.length && orientation === 'horizontal'" :name="item.trailingIcon || trailingIcon || appConfig.ui.icons.chevronDown" data-slot="linkTrailingIcon" :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon, active })" />
+                      <UIcon v-if="item.children?.length && orientation === 'horizontal'" :name="item.trailingIcon || trailingIcon || appConfig.ui.icons.chevronDown" :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon, active })" />
                     </slot>
                   </span>
                 </slot>
               </ULinkBase>
             </component>
 
-            <NavigationMenuContent v-if="item.children?.length && orientation === 'horizontal'" v-bind="contentProps" data-slot="content" :class="ui.content({ class: props.ui?.content })">
-              <ul data-slot="childList" :class="ui.childList({ class: props.ui?.childList })">
-                <li v-for="(childItem, childIndex) in item.children" :key="childIndex" data-slot="childItem" :class="ui.childItem({ class: props.ui?.childItem })">
+            <NavigationMenuContent v-if="item.children?.length && orientation === 'horizontal'" v-bind="contentProps" :class="ui.content({ class: props.ui?.content })">
+              <ul :class="ui.childList({ class: props.ui?.childList })">
+                <li v-for="(childItem, childIndex) in item.children" :key="childIndex" :class="ui.childItem({ class: props.ui?.childItem })">
                   <ULink v-slot="{ active: childActive, ...childSlotProps }" v-bind="pickLinkProps(childItem)" custom>
                     <NavigationMenuLink as-child :active="childActive" @select="childItem.select">
-                      <ULinkBase v-bind="childSlotProps" data-slot="childLink" :class="ui.childLink({ class: [props.ui?.childLink, childItem.class], active: childActive })">
-                        <UIcon v-if="childItem.icon" :name="childItem.icon" data-slot="childLinkIcon" :class="ui.childLinkIcon({ class: props.ui?.childLinkIcon, active: childActive })" />
+                      <ULinkBase v-bind="childSlotProps" :class="ui.childLink({ class: [props.ui?.childLink, childItem.class], active: childActive })">
+                        <UIcon v-if="childItem.icon" :name="childItem.icon" :class="ui.childLinkIcon({ class: props.ui?.childLinkIcon, active: childActive })" />
 
-                        <div data-slot="childLinkWrapper" :class="ui.childLinkWrapper({ class: props.ui?.childLinkWrapper })">
-                          <p data-slot="childLinkLabel" :class="ui.childLinkLabel({ class: props.ui?.childLinkLabel, active: childActive })">
+                        <div :class="ui.childLinkWrapper({ class: props.ui?.childLinkWrapper })">
+                          <p :class="ui.childLinkLabel({ class: props.ui?.childLinkLabel, active: childActive })">
                             {{ childItem.label }}
 
-                            <UIcon v-if="childItem.target === '_blank'" :name="appConfig.ui.icons.external" data-slot="childLinkLabelExternalIcon" :class="ui.childLinkLabelExternalIcon({ class: props.ui?.childLinkLabelExternalIcon, active: childActive })" />
+                            <UIcon v-if="childItem.target === '_blank'" :name="appConfig.ui.icons.external" :class="ui.childLinkLabelExternalIcon({ class: props.ui?.childLinkLabelExternalIcon, active: childActive })" />
                           </p>
-                          <p v-if="childItem.description" data-slot="childLinkDescription" :class="ui.childLinkDescription({ class: props.ui?.childLinkDescription, active: childActive })">
+                          <p v-if="childItem.description" :class="ui.childLinkDescription({ class: props.ui?.childLinkDescription, active: childActive })">
                             {{ childItem.description }}
                           </p>
                         </div>
@@ -184,15 +183,15 @@ const lists = computed(() => props.items?.length ? (Array.isArray(props.items[0]
         </NavigationMenuItem>
       </NavigationMenuList>
 
-      <div v-if="orientation === 'vertical' && listIndex < lists.length - 1" data-slot="separator" :class="ui.separator({ class: props.ui?.separator })" />
+      <div v-if="orientation === 'vertical' && listIndex < lists.length - 1" :class="ui.separator({ class: props.ui?.separator })" />
     </template>
 
-    <div v-if="orientation === 'horizontal'" data-slot="viewportWrapper" :class="ui.viewportWrapper({ class: props.ui?.viewportWrapper })">
-      <NavigationMenuIndicator v-if="arrow" data-slot="indicator" :class="ui.indicator({ class: props.ui?.indicator })">
-        <div data-slot="arrow" :class="ui.arrow({ class: props.ui?.arrow })" />
+    <div v-if="orientation === 'horizontal'" :class="ui.viewportWrapper({ class: props.ui?.viewportWrapper })">
+      <NavigationMenuIndicator v-if="arrow" :class="ui.indicator({ class: props.ui?.indicator })">
+        <div :class="ui.arrow({ class: props.ui?.arrow })" />
       </NavigationMenuIndicator>
 
-      <NavigationMenuViewport data-slot="viewport" :class="ui.viewport({ class: props.ui?.viewport })" />
+      <NavigationMenuViewport :class="ui.viewport({ class: props.ui?.viewport })" />
     </div>
   </NavigationMenuRoot>
 </template>
diff --git a/src/runtime/components/Pagination.vue b/src/runtime/components/Pagination.vue
index 70bd6bfa29..034ff6bb2a 100644
--- a/src/runtime/components/Pagination.vue
+++ b/src/runtime/components/Pagination.vue
@@ -128,8 +128,8 @@ const ui = pagination()
 </script>
 
 <template>
-  <PaginationRoot v-slot="{ page, pageCount }" v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <PaginationList v-slot="{ items }" data-slot="list" :class="ui.list({ class: props.ui?.list })">
+  <PaginationRoot v-slot="{ page, pageCount }" v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <PaginationList v-slot="{ items }" :class="ui.list({ class: props.ui?.list })">
       <PaginationFirst v-if="showControls || !!slots.first" as-child>
         <slot name="first">
           <UButton :color="color" :variant="variant" :size="size" :icon="firstIcon || appConfig.ui.icons.chevronDoubleLeft" :to="to?.(1)" />
@@ -158,14 +158,7 @@ const ui = pagination()
 
         <PaginationEllipsis v-else :key="item.type" :index="index" as-child>
           <slot name="ellipsis">
-            <UButton
-              :color="color"
-              :variant="variant"
-              :size="size"
-              :icon="ellipsisIcon || appConfig.ui.icons.ellipsis"
-              data-slot="ellipsis"
-              :class="ui.ellipsis({ class: props.ui?.ellipsis })"
-            />
+            <UButton :color="color" :variant="variant" :size="size" :icon="ellipsisIcon || appConfig.ui.icons.ellipsis" :class="ui.ellipsis({ class: props.ui?.ellipsis })" />
           </slot>
         </PaginationEllipsis>
       </template>
diff --git a/src/runtime/components/Popover.vue b/src/runtime/components/Popover.vue
index 1dd4d22763..7968363ef3 100644
--- a/src/runtime/components/Popover.vue
+++ b/src/runtime/components/Popover.vue
@@ -78,10 +78,10 @@ const Component = computed(() => props.mode === 'hover' ? HoverCard : Popover)
     </Component.Trigger>
 
     <Component.Portal :disabled="!portal">
-      <Component.Content v-bind="contentProps" data-slot="content" :class="ui.content({ class: [props.class, props.ui?.content] })">
+      <Component.Content v-bind="contentProps" :class="ui.content({ class: [props.class, props.ui?.content] })">
         <slot name="content" />
 
-        <Component.Arrow v-if="!!arrow" v-bind="arrowProps" data-slot="arrow" :class="ui.arrow({ class: props.ui?.arrow })" />
+        <Component.Arrow v-if="!!arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" />
       </Component.Content>
     </Component.Portal>
   </Component.Root>
diff --git a/src/runtime/components/Progress.vue b/src/runtime/components/Progress.vue
index 4783298bed..039450b845 100644
--- a/src/runtime/components/Progress.vue
+++ b/src/runtime/components/Progress.vue
@@ -144,19 +144,19 @@ const ui = computed(() => progress({
 </script>
 
 <template>
-  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div v-if="!isIndeterminate && (status || $slots.status)" data-slot="status" :class="ui.status({ class: props.ui?.status })" :style="statusStyle">
+  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div v-if="!isIndeterminate && (status || $slots.status)" :class="ui.status({ class: props.ui?.status })" :style="statusStyle">
       <slot name="status" :percent="percent">
         {{ percent }}%
       </slot>
     </div>
 
-    <ProgressRoot v-bind="rootProps" :max="realMax" data-slot="base" :class="ui.base({ class: props.ui?.base })" style="transform: translateZ(0)">
-      <ProgressIndicator data-slot="indicator" :class="ui.indicator({ class: props.ui?.indicator })" :style="indicatorStyle" />
+    <ProgressRoot v-bind="rootProps" :max="realMax" :class="ui.base({ class: props.ui?.base })" style="transform: translateZ(0)">
+      <ProgressIndicator :class="ui.indicator({ class: props.ui?.indicator })" :style="indicatorStyle" />
     </ProgressRoot>
 
-    <div v-if="hasSteps" data-slot="steps" :class="ui.steps({ class: props.ui?.steps })">
-      <div v-for="(step, index) in max" :key="index" data-slot="step" :class="ui.step({ class: props.ui?.step, step: stepVariant(index) })">
+    <div v-if="hasSteps" :class="ui.steps({ class: props.ui?.steps })">
+      <div v-for="(step, index) in max" :key="index" :class="ui.step({ class: props.ui?.step, step: stepVariant(index) })">
         <slot :name="`step-${index}`" :step="step">
           {{ step }}
         </slot>
diff --git a/src/runtime/components/RadioGroup.vue b/src/runtime/components/RadioGroup.vue
index 61b3c63bae..d226d9f6b8 100644
--- a/src/runtime/components/RadioGroup.vue
+++ b/src/runtime/components/RadioGroup.vue
@@ -122,34 +122,32 @@ function onUpdate(value: any) {
     v-bind="rootProps"
     :name="name"
     :disabled="disabled"
-    data-slot="root"
     :class="ui.root({ class: [props.class, props.ui?.root] })"
     @update:model-value="onUpdate"
   >
-    <fieldset data-slot="fieldset" :class="ui.fieldset({ class: props.ui?.fieldset })">
-      <legend v-if="legend || !!slots.legend" data-slot="legend" :class="ui.legend({ class: props.ui?.legend })">
+    <fieldset :class="ui.fieldset({ class: props.ui?.fieldset })">
+      <legend v-if="legend || !!slots.legend" :class="ui.legend({ class: props.ui?.legend })">
         <slot name="legend">
           {{ legend }}
         </slot>
       </legend>
-      <div v-for="item in normalizedItems" :key="item.value" data-slot="item" :class="ui.item({ class: props.ui?.item })">
-        <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
+      <div v-for="item in normalizedItems" :key="item.value" :class="ui.item({ class: props.ui?.item })">
+        <div :class="ui.container({ class: props.ui?.container })">
           <RadioGroupItem
             :id="item.id"
             :value="item.value"
             :disabled="disabled"
-            data-slot="base"
             :class="ui.base({ class: props.ui?.base })"
           >
-            <RadioGroupIndicator data-slot="indicator" :class="ui.indicator({ class: props.ui?.indicator })" />
+            <RadioGroupIndicator :class="ui.indicator({ class: props.ui?.indicator })" />
           </RadioGroupItem>
         </div>
 
-        <div data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
-          <Label data-slot="label" :class="ui.label({ class: props.ui?.label })" :for="item.id">
+        <div :class="ui.wrapper({ class: props.ui?.wrapper })">
+          <Label :class="ui.label({ class: props.ui?.label })" :for="item.id">
             <slot name="label" :item="item" :model-value="modelValue">{{ item.label }}</slot>
           </Label>
-          <p v-if="item.description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
+          <p v-if="item.description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
             <slot name="description" :item="item" :model-value="modelValue">
               {{ item.description }}
             </slot>
diff --git a/src/runtime/components/Select.vue b/src/runtime/components/Select.vue
index 600de83589..645b7df563 100644
--- a/src/runtime/components/Select.vue
+++ b/src/runtime/components/Select.vue
@@ -162,63 +162,61 @@ function onUpdateOpen(value: boolean) {
     @update:open="onUpdateOpen"
   >
     <SelectTrigger :class="ui.base({ class: [props.class, props.ui?.base] })">
-      <span v-if="isLeading || !!slots.leading" data-slot="leading" :class="ui.leading({ class: props.ui?.leading })">
+      <span v-if="isLeading || !!slots.leading" :class="ui.leading({ class: props.ui?.leading })">
         <slot name="leading" :model-value="modelValue" :open="open" :ui="ui">
-          <UIcon v-if="leadingIconName" :name="leadingIconName" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+          <UIcon v-if="leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
         </slot>
       </span>
 
-      <SelectValue :placeholder="placeholder ?? '&nbsp;'" data-slot="value" :class="ui.value({ class: props.ui?.value })" />
+      <SelectValue :placeholder="placeholder ?? '&nbsp;'" :class="ui.value({ class: props.ui?.value })" />
 
-      <span v-if="isTrailing || !!slots.trailing" data-slot="trailing" :class="ui.trailing({ class: props.ui?.trailing })">
+      <span v-if="isTrailing || !!slots.trailing" :class="ui.trailing({ class: props.ui?.trailing })">
         <slot name="trailing" :model-value="modelValue" :open="open" :ui="ui">
-          <UIcon v-if="trailingIconName" :name="trailingIconName" data-slot="trailingIcon" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+          <UIcon v-if="trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
         </slot>
       </span>
     </SelectTrigger>
 
     <SelectPortal :disabled="!portal">
-      <SelectContent data-slot="content" :class="ui.content({ class: props.ui?.content })" v-bind="contentProps">
-        <SelectViewport data-slot="viewport" :class="ui.viewport({ class: props.ui?.viewport })">
-          <SelectGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: props.ui?.group })">
+      <SelectContent :class="ui.content({ class: props.ui?.content })" v-bind="contentProps">
+        <SelectViewport :class="ui.viewport({ class: props.ui?.viewport })">
+          <SelectGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: props.ui?.group })">
             <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-              <SelectLabel v-if="item?.type === 'label'" data-slot="label" :class="ui.label({ class: props.ui?.label })">
+              <SelectLabel v-if="item?.type === 'label'" :class="ui.label({ class: props.ui?.label })">
                 {{ item.label }}
               </SelectLabel>
-              <SelectSeparator v-else-if="item?.type === 'separator'" data-slot="separator" :class="ui.separator({ class: props.ui?.separator })" />
+              <SelectSeparator v-else-if="item?.type === 'separator'" :class="ui.separator({ class: props.ui?.separator })" />
               <SelectItem
                 v-else
-                data-slot="item"
                 :class="ui.item({ class: props.ui?.item })"
                 :disabled="item.disabled"
                 :value="typeof item === 'object' ? (item[valueKey as keyof SelectItem] as string) : item"
               >
                 <slot name="item" :item="(item as T)" :index="index">
                   <slot name="item-leading" :item="(item as T)" :index="index">
-                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
-                    <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
+                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
+                    <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
                     <UChip
                       v-else-if="item.chip"
                       :size="((props.ui?.itemLeadingChipSize || ui.itemLeadingChipSize()) as ChipProps['size'])"
                       inset
                       standalone
                       v-bind="item.chip"
-                      data-slot="itemLeadingChip"
                       :class="ui.itemLeadingChip({ class: props.ui?.itemLeadingChip })"
                     />
                   </slot>
 
-                  <SelectItemText data-slot="itemLabel" :class="ui.itemLabel({ class: props.ui?.itemLabel })">
+                  <SelectItemText :class="ui.itemLabel({ class: props.ui?.itemLabel })">
                     <slot name="item-label" :item="(item as T)" :index="index">
                       {{ typeof item === 'object' ? item.label : item }}
                     </slot>
                   </SelectItemText>
 
-                  <span data-slot="itemTrailing" :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
+                  <span :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
                     <slot name="item-trailing" :item="(item as T)" :index="index" />
 
                     <SelectItemIndicator as-child>
-                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
+                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
                     </SelectItemIndicator>
                   </span>
                 </slot>
diff --git a/src/runtime/components/SelectMenu.vue b/src/runtime/components/SelectMenu.vue
index e25838e7e7..a6238c31f8 100644
--- a/src/runtime/components/SelectMenu.vue
+++ b/src/runtime/components/SelectMenu.vue
@@ -220,24 +220,24 @@ function onUpdateOpen(value: boolean) {
   >
     <ComboboxAnchor as-child>
       <ComboboxTrigger :class="ui.base({ class: [props.class, props.ui?.base] })" tabindex="0">
-        <span v-if="isLeading || !!slots.leading" data-slot="leading" :class="ui.leading({ class: props.ui?.leading })">
+        <span v-if="isLeading || !!slots.leading" :class="ui.leading({ class: props.ui?.leading })">
           <slot name="leading" :model-value="(modelValue as T)" :open="open" :ui="ui">
-            <UIcon v-if="leadingIconName" :name="leadingIconName" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+            <UIcon v-if="leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
           </slot>
         </span>
 
         <slot :model-value="(modelValue as T)" :open="open">
-          <span v-if="multiple ? modelValue?.length : modelValue !== undefined" data-slot="value" :class="ui.value({ class: props.ui?.value })">
+          <span v-if="multiple ? modelValue?.length : modelValue !== undefined" :class="ui.value({ class: props.ui?.value })">
             {{ displayValue(modelValue as T, multiple) }}
           </span>
-          <span v-else data-slot="placeholder" :class="ui.placeholder({ class: props.ui?.placeholder })">
+          <span v-else :class="ui.placeholder({ class: props.ui?.placeholder })">
             {{ placeholder ?? '&nbsp;' }}
           </span>
         </slot>
 
-        <span v-if="isTrailing || !!slots.trailing" data-slot="trailing" :class="ui.trailing({ class: props.ui?.trailing })">
+        <span v-if="isTrailing || !!slots.trailing" :class="ui.trailing({ class: props.ui?.trailing })">
           <slot name="trailing" :model-value="(modelValue as T)" :open="open" :ui="ui">
-            <UIcon v-if="trailingIconName" :name="trailingIconName" data-slot="trailingIcon" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
+            <UIcon v-if="trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
           </slot>
         </span>
       </ComboboxTrigger>
@@ -249,29 +249,27 @@ function onUpdateOpen(value: boolean) {
           v-if="!!searchInput"
           autofocus
           autocomplete="off"
-          data-slot="input"
           v-bind="typeof searchInput === 'object' ? searchInput : {}"
           :class="ui.input({ class: props.ui?.input })"
         />
 
-        <ComboboxEmpty data-slot="empty" :class="ui.empty({ class: props.ui?.empty })">
+        <ComboboxEmpty :class="ui.empty({ class: props.ui?.empty })">
           <slot name="empty" :search-term="searchTerm">
             {{ searchTerm ? `No results for ${searchTerm}` : 'No results' }}
           </slot>
         </ComboboxEmpty>
 
-        <ComboboxViewport data-slot="viewport" :class="ui.viewport({ class: props.ui?.viewport })">
-          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: props.ui?.group })">
+        <ComboboxViewport :class="ui.viewport({ class: props.ui?.viewport })">
+          <ComboboxGroup v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" :class="ui.group({ class: props.ui?.group })">
             <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
-              <ComboboxLabel v-if="item?.type === 'label'" data-slot="label" :class="ui.label({ class: props.ui?.label })">
+              <ComboboxLabel v-if="item?.type === 'label'" :class="ui.label({ class: props.ui?.label })">
                 {{ item.label }}
               </ComboboxLabel>
 
-              <ComboboxSeparator v-else-if="item?.type === 'separator'" data-slot="separator" :class="ui.separator({ class: props.ui?.separator })" />
+              <ComboboxSeparator v-else-if="item?.type === 'separator'" :class="ui.separator({ class: props.ui?.separator })" />
 
               <ComboboxItem
                 v-else
-                data-slot="item"
                 :class="ui.item({ class: props.ui?.item })"
                 :disabled="item.disabled"
                 :value="valueKey && typeof item === 'object' ? (item[valueKey as keyof SelectMenuItem]) as AcceptableValue : item"
@@ -279,30 +277,29 @@ function onUpdateOpen(value: boolean) {
               >
                 <slot name="item" :item="(item as T)" :index="index">
                   <slot name="item-leading" :item="(item as T)" :index="index">
-                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="itemLeadingAvatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
-                    <UIcon v-else-if="item.icon" :name="item.icon" data-slot="itemLeadingIcon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
+                    <UAvatar v-if="item.avatar" :size="((props.ui?.itemLeadingAvatarSize || ui.itemLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.itemLeadingAvatar({ class: props.ui?.itemLeadingAvatar })" />
+                    <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.itemLeadingIcon({ class: props.ui?.itemLeadingIcon })" />
                     <UChip
                       v-else-if="item.chip"
                       :size="((props.ui?.itemLeadingChipSize || ui.itemLeadingChipSize()) as ChipProps['size'])"
                       inset
                       standalone
                       v-bind="item.chip"
-                      data-slot="itemLeadingChip"
                       :class="ui.itemLeadingChip({ class: props.ui?.itemLeadingChip })"
                     />
                   </slot>
 
-                  <span data-slot="itemLabel" :class="ui.itemLabel({ class: props.ui?.itemLabel })">
+                  <span :class="ui.itemLabel({ class: props.ui?.itemLabel })">
                     <slot name="item-label" :item="(item as T)" :index="index">
                       {{ displayValue(item as T) }}
                     </slot>
                   </span>
 
-                  <span data-slot="itemTrailing" :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
+                  <span :class="ui.itemTrailing({ class: props.ui?.itemTrailing })">
                     <slot name="item-trailing" :item="(item as T)" :index="index" />
 
                     <ComboboxItemIndicator as-child>
-                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" data-slot="itemTrailingIcon" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
+                      <UIcon :name="selectedIcon || appConfig.ui.icons.check" :class="ui.itemTrailingIcon({ class: props.ui?.itemTrailingIcon })" />
                     </ComboboxItemIndicator>
                   </span>
                 </slot>
diff --git a/src/runtime/components/Separator.vue b/src/runtime/components/Separator.vue
index 4faa2ee074..6424f3c08f 100644
--- a/src/runtime/components/Separator.vue
+++ b/src/runtime/components/Separator.vue
@@ -64,19 +64,19 @@ const ui = computed(() => separator({
 </script>
 
 <template>
-  <Separator v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div data-slot="border" :class="ui.border({ class: props.ui?.border })" />
+  <Separator v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div :class="ui.border({ class: props.ui?.border })" />
 
     <template v-if="label || icon || avatar || !!slots.default">
-      <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
+      <div :class="ui.container({ class: props.ui?.container })">
         <slot>
-          <span v-if="label" data-slot="label" :class="ui.label({ class: props.ui?.label })">{{ label }}</span>
-          <UIcon v-else-if="icon" :name="icon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
-          <UAvatar v-else-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" data-slot="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
+          <span v-if="label" :class="ui.label({ class: props.ui?.label })">{{ label }}</span>
+          <UIcon v-else-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
+          <UAvatar v-else-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
         </slot>
       </div>
 
-      <div data-slot="border" :class="ui.border({ class: props.ui?.border })" />
+      <div :class="ui.border({ class: props.ui?.border })" />
     </template>
   </Separator>
 </template>
diff --git a/src/runtime/components/Slideover.vue b/src/runtime/components/Slideover.vue
index 14005749fa..1401394022 100644
--- a/src/runtime/components/Slideover.vue
+++ b/src/runtime/components/Slideover.vue
@@ -113,19 +113,19 @@ const ui = computed(() => slideover({
     </DialogTrigger>
 
     <DialogPortal :disabled="!portal">
-      <DialogOverlay v-if="overlay" data-slot="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
+      <DialogOverlay v-if="overlay" :class="ui.overlay({ class: props.ui?.overlay })" />
 
-      <DialogContent :data-side="side" data-slot="content" :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
+      <DialogContent :data-side="side" :class="ui.content({ class: [props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
         <slot name="content">
-          <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (close || !!slots.close)" data-slot="header" :class="ui.header({ class: props.ui?.header })">
+          <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (close || !!slots.close)" :class="ui.header({ class: props.ui?.header })">
             <slot name="header">
-              <DialogTitle v-if="title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
+              <DialogTitle v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
                 <slot name="title">
                   {{ title }}
                 </slot>
               </DialogTitle>
 
-              <DialogDescription v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
+              <DialogDescription v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
                 <slot name="description">
                   {{ description }}
                 </slot>
@@ -141,7 +141,6 @@ const ui = computed(() => slideover({
                     variant="ghost"
                     aria-label="Close"
                     v-bind="typeof close === 'object' ? close : undefined"
-                    data-slot="close"
                     :class="ui.close({ class: props.ui?.close })"
                   />
                 </slot>
@@ -149,11 +148,11 @@ const ui = computed(() => slideover({
             </slot>
           </div>
 
-          <div data-slot="body" :class="ui.body({ class: props.ui?.body })">
+          <div :class="ui.body({ class: props.ui?.body })">
             <slot name="body" />
           </div>
 
-          <div v-if="!!slots.footer" data-slot="footer" :class="ui.footer({ class: props.ui?.footer })">
+          <div v-if="!!slots.footer" :class="ui.footer({ class: props.ui?.footer })">
             <slot name="footer" />
           </div>
         </slot>
diff --git a/src/runtime/components/Slider.vue b/src/runtime/components/Slider.vue
index 5dc2450260..b0ea20c299 100644
--- a/src/runtime/components/Slider.vue
+++ b/src/runtime/components/Slider.vue
@@ -99,16 +99,15 @@ function onChange(value: any) {
     v-model="sliderValue"
     :name="name"
     :disabled="disabled"
-    data-slot="root"
     :class="ui.root({ class: [props.class, props.ui?.root] })"
     :default-value="defaultSliderValue"
     @update:model-value="emitFormInput()"
     @value-commit="onChange"
   >
-    <SliderTrack data-slot="track" :class="ui.track({ class: props.ui?.track })">
-      <SliderRange data-slot="range" :class="ui.range({ class: props.ui?.range })" />
+    <SliderTrack :class="ui.track({ class: props.ui?.track })">
+      <SliderRange :class="ui.range({ class: props.ui?.range })" />
     </SliderTrack>
 
-    <SliderThumb v-for="count in thumbsCount" :key="count" data-slot="thumb" :class="ui.thumb({ class: props.ui?.thumb })" />
+    <SliderThumb v-for="count in thumbsCount" :key="count" :class="ui.thumb({ class: props.ui?.thumb })" />
   </SliderRoot>
 </template>
diff --git a/src/runtime/components/Switch.vue b/src/runtime/components/Switch.vue
index e28869099f..4531342c0e 100644
--- a/src/runtime/components/Switch.vue
+++ b/src/runtime/components/Switch.vue
@@ -87,8 +87,8 @@ function onUpdate(value: any) {
 </script>
 
 <template>
-  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <div data-slot="container" :class="ui.container({ class: props.ui?.container })">
+  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <div :class="ui.container({ class: props.ui?.container })">
       <SwitchRoot
         :id="id"
         v-model:checked="modelValue"
@@ -96,26 +96,25 @@ function onUpdate(value: any) {
         v-bind="rootProps"
         :name="name"
         :disabled="disabled || loading"
-        data-slot="base"
         :class="ui.base({ class: props.ui?.base })"
         @update:checked="onUpdate"
       >
-        <SwitchThumb data-slot="thumb" :class="ui.thumb({ class: props.ui?.thumb })">
-          <UIcon v-if="loading" :name="loadingIcon || appConfig.ui.icons.loading" data-slot="icon" :class="ui.icon({ class: props.ui?.icon, checked: true, unchecked: true })" />
+        <SwitchThumb :class="ui.thumb({ class: props.ui?.thumb })">
+          <UIcon v-if="loading" :name="loadingIcon || appConfig.ui.icons.loading" :class="ui.icon({ class: props.ui?.icon, checked: true, unchecked: true })" />
           <template v-else>
-            <UIcon v-if="checkedIcon" :name="checkedIcon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon, checked: true })" />
-            <UIcon v-if="uncheckedIcon" :name="uncheckedIcon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon, unchecked: true })" />
+            <UIcon v-if="checkedIcon" :name="checkedIcon" :class="ui.icon({ class: props.ui?.icon, checked: true })" />
+            <UIcon v-if="uncheckedIcon" :name="uncheckedIcon" :class="ui.icon({ class: props.ui?.icon, unchecked: true })" />
           </template>
         </SwitchThumb>
       </SwitchRoot>
     </div>
-    <div v-if="(label || !!slots.label) || (description || !!slots.description)" data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
-      <Label v-if="label || !!slots.label" :for="id" data-slot="label" :class="ui.label({ class: props.ui?.label })">
+    <div v-if="(label || !!slots.label) || (description || !!slots.description)" :class="ui.wrapper({ class: props.ui?.wrapper })">
+      <Label v-if="label || !!slots.label" :for="id" :class="ui.label({ class: props.ui?.label })">
         <slot name="label" :label="label">
           {{ label }}
         </slot>
       </Label>
-      <p v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
+      <p v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description" :description="description">
           {{ description }}
         </slot>
diff --git a/src/runtime/components/Tabs.vue b/src/runtime/components/Tabs.vue
index 3d90ac4718..8f2f7e7d8e 100644
--- a/src/runtime/components/Tabs.vue
+++ b/src/runtime/components/Tabs.vue
@@ -87,24 +87,17 @@ const ui = computed(() => tabs({
 </script>
 
 <template>
-  <TabsRoot v-bind="rootProps" data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
-    <TabsList data-slot="list" :class="ui.list({ class: props.ui?.list })">
-      <TabsIndicator data-slot="indicator" :class="ui.indicator({ class: props.ui?.indicator })" />
-
-      <TabsTrigger
-        v-for="(item, index) of items"
-        :key="index"
-        :value="item.value || String(index)"
-        :disabled="item.disabled"
-        data-slot="trigger"
-        :class="ui.trigger({ class: props.ui?.trigger })"
-      >
+  <TabsRoot v-bind="rootProps" :class="ui.root({ class: [props.class, props.ui?.root] })">
+    <TabsList :class="ui.list({ class: props.ui?.list })">
+      <TabsIndicator :class="ui.indicator({ class: props.ui?.indicator })" />
+
+      <TabsTrigger v-for="(item, index) of items" :key="index" :value="item.value || String(index)" :disabled="item.disabled" :class="ui.trigger({ class: props.ui?.trigger })">
         <slot name="leading" :item="item" :index="index">
-          <UAvatar v-if="item.avatar" :size="((props.ui?.leadingAvatarSize || ui.leadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" data-slot="leadingAvatar" :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar })" />
-          <UIcon v-else-if="item.icon" :name="item.icon" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
+          <UAvatar v-if="item.avatar" :size="((props.ui?.leadingAvatarSize || ui.leadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar })" />
+          <UIcon v-else-if="item.icon" :name="item.icon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
         </slot>
 
-        <span v-if="item.label || !!slots.default" data-slot="label" :class="ui.label({ class: props.ui?.label })">
+        <span v-if="item.label || !!slots.default" :class="ui.label({ class: props.ui?.label })">
           <slot :item="item" :index="index">{{ item.label }}</slot>
         </span>
 
@@ -113,14 +106,7 @@ const ui = computed(() => tabs({
     </TabsList>
 
     <template v-if="!!content">
-      <TabsContent
-        v-for="(item, index) of items"
-        :key="index"
-        v-bind="contentProps"
-        :value="item.value || String(index)"
-        data-slot="content"
-        :class="ui.content({ class: props.ui?.content })"
-      >
+      <TabsContent v-for="(item, index) of items" :key="index" v-bind="contentProps" :value="item.value || String(index)" :class="ui.content({ class: props.ui?.content })">
         <slot :name="item.slot || 'content'" :item="item" :index="index">
           {{ item.content }}
         </slot>
diff --git a/src/runtime/components/Textarea.vue b/src/runtime/components/Textarea.vue
index 37ebb88d52..b06e927613 100644
--- a/src/runtime/components/Textarea.vue
+++ b/src/runtime/components/Textarea.vue
@@ -167,7 +167,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div data-slot="root" :class="ui.root({ class: [props.class, props.ui?.root] })">
+  <div :class="ui.root({ class: [props.class, props.ui?.root] })">
     <textarea
       :id="id"
       ref="textareaRef"
@@ -175,7 +175,6 @@ onMounted(() => {
       :name="name"
       :rows="rows"
       :placeholder="placeholder"
-      data-slot="base"
       :class="ui.base({ class: props.ui?.base })"
       :disabled="disabled"
       :required="required"
diff --git a/src/runtime/components/Toast.vue b/src/runtime/components/Toast.vue
index 3f005736bb..8db601dcbb 100644
--- a/src/runtime/components/Toast.vue
+++ b/src/runtime/components/Toast.vue
@@ -101,28 +101,27 @@ defineExpose({
     ref="el"
     v-slot="{ remaining, duration }"
     v-bind="rootProps"
-    data-slot="root"
     :class="ui.root({ class: [props.class, props.ui?.root], multiline })"
     :style="{ '--height': height }"
   >
     <slot name="leading">
-      <UAvatar v-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" data-slot="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
-      <UIcon v-else-if="icon" :name="icon" data-slot="icon" :class="ui.icon({ class: props.ui?.icon })" />
+      <UAvatar v-if="avatar" :size="((props.ui?.avatarSize || ui.avatarSize()) as AvatarProps['size'])" v-bind="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
+      <UIcon v-else-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
     </slot>
 
-    <div data-slot="wrapper" :class="ui.wrapper({ class: props.ui?.wrapper })">
-      <ToastTitle v-if="title || !!slots.title" data-slot="title" :class="ui.title({ class: props.ui?.title })">
+    <div :class="ui.wrapper({ class: props.ui?.wrapper })">
+      <ToastTitle v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
         <slot name="title">
           {{ title }}
         </slot>
       </ToastTitle>
-      <ToastDescription v-if="description || !!slots.description" data-slot="description" :class="ui.description({ class: props.ui?.description })">
+      <ToastDescription v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description">
           {{ description }}
         </slot>
       </ToastDescription>
 
-      <div v-if="multiline && actions?.length" data-slot="actions" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
+      <div v-if="multiline && actions?.length" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
         <slot name="actions">
           <ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
             <UButton size="xs" :color="color" v-bind="action" />
@@ -131,7 +130,7 @@ defineExpose({
       </div>
     </div>
 
-    <div v-if="(!multiline && actions?.length) || close !== null" data-slot="actions" :class="ui.actions({ class: props.ui?.actions, multiline: false })">
+    <div v-if="(!multiline && actions?.length) || close !== null" :class="ui.actions({ class: props.ui?.actions, multiline: false })">
       <template v-if="!multiline">
         <slot name="actions">
           <ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
@@ -150,7 +149,6 @@ defineExpose({
             variant="link"
             aria-label="Close"
             v-bind="typeof close === 'object' ? close : undefined"
-            data-slot="close"
             :class="ui.close({ class: props.ui?.close })"
             @click.stop
           />
@@ -158,6 +156,6 @@ defineExpose({
       </ToastClose>
     </div>
 
-    <div v-if="remaining > 0 && duration" data-slot="progress" :class="ui.progress({ class: props.ui?.progress })" :style="{ width: `${remaining / duration * 100}%` }" />
+    <div v-if="remaining > 0 && duration" :class="ui.progress({ class: props.ui?.progress })" :style="{ width: `${remaining / duration * 100}%` }" />
   </ToastRoot>
 </template>
diff --git a/src/runtime/components/Toaster.vue b/src/runtime/components/Toaster.vue
index 4154ba1fdc..601cc8ca0e 100644
--- a/src/runtime/components/Toaster.vue
+++ b/src/runtime/components/Toaster.vue
@@ -115,7 +115,6 @@ function getOffset(index: number) {
 
     <ToastViewport
       :data-expanded="expanded"
-      data-slot="viewport"
       :class="ui.viewport({ class: [props.class, props.ui?.viewport] })"
       :style="{
         '--scale-factor': '0.05',
diff --git a/src/runtime/components/Tooltip.vue b/src/runtime/components/Tooltip.vue
index 446e6925e5..916d7e3a03 100644
--- a/src/runtime/components/Tooltip.vue
+++ b/src/runtime/components/Tooltip.vue
@@ -72,16 +72,16 @@ const ui = computed(() => tooltip({
     </TooltipTrigger>
 
     <TooltipPortal :disabled="!portal">
-      <TooltipContent v-bind="contentProps" data-slot="content" :class="ui.content({ class: [props.class, props.ui?.content] })">
+      <TooltipContent v-bind="contentProps" :class="ui.content({ class: [props.class, props.ui?.content] })">
         <slot name="content">
-          <span v-if="text" data-slot="text" :class="ui.text({ class: props.ui?.text })">{{ text }}</span>
+          <span v-if="text" :class="ui.text({ class: props.ui?.text })">{{ text }}</span>
 
-          <span v-if="kbds?.length" data-slot="kbds" :class="ui.kbds({ class: props.ui?.kbds })">
+          <span v-if="kbds?.length" :class="ui.kbds({ class: props.ui?.kbds })">
             <UKbd v-for="(kbd, index) in kbds" :key="index" :size="((props.ui?.kbdsSize || ui.kbdsSize()) as KbdProps['size'])" v-bind="typeof kbd === 'string' ? { value: kbd } : kbd" />
           </span>
         </slot>
 
-        <TooltipArrow v-if="!!arrow" v-bind="arrowProps" data-slot="arrow" :class="ui.arrow({ class: props.ui?.arrow })" />
+        <TooltipArrow v-if="!!arrow" v-bind="arrowProps" :class="ui.arrow({ class: props.ui?.arrow })" />
       </TooltipContent>
     </TooltipPortal>
   </TooltipRoot>

From 7594c2c01d4d6ab74205f7511c34515a5bdebc4d Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 11 Oct 2024 16:55:36 +0200
Subject: [PATCH 23/92] feat(devtools): extend component meta and dynamically
 resolve components in ComponentRederer

---
 devtools/app/app.vue                          |  15 +-
 src/devtools/ComponentRenderer.vue            | 264 +-----------------
 src/devtools/metaParser.ts                    |  40 +++
 src/devtools/rpc.ts                           |  17 +-
 src/module.ts                                 |   4 +
 src/runtime/components/Button.vue             |   5 +
 .../composables/extendComponentMeta.ts        |   2 +
 7 files changed, 76 insertions(+), 271 deletions(-)
 create mode 100644 src/devtools/metaParser.ts
 create mode 100644 src/runtime/composables/extendComponentMeta.ts

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 4eabe2e3a3..88796c112e 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -23,7 +23,7 @@ onDevtoolsClientConnected(async (client) => {
   }
 
   state.value.props = { ...components.value?.reduce((acc, comp) => {
-    acc[comp.slug] = comp.defaultVariants ?? {}
+    acc[comp.slug] = { ...comp.defaultVariants, ...comp.meta?.devtools?.defaultProps }
     return acc
   }, {} as Record<string, any>), ...state.value.props }
 
@@ -44,17 +44,12 @@ function updateRenderer() {
 
 watchDebounced(state, updateRenderer, { deep: true, debounce: 200, maxWait: 500 })
 
-onMounted(() => {
-  window.addEventListener('nuxt-ui-devtools:component-loaded', onComponentLoaded)
-})
-
-onUnmounted(() => {
-  window.removeEventListener('nuxt-ui-devtools:component-loaded', onComponentLoaded)
-})
+onMounted(() => window.addEventListener('nuxt-ui-devtools:component-loaded', onComponentLoaded))
+onUnmounted(() => window.removeEventListener('nuxt-ui-devtools:component-loaded', onComponentLoaded))
 
-function onComponentLoaded(event: Event & { data?: any }) {
+function onComponentLoaded() {
   if (!component.value) return
-  state.value.props[component.value.slug] = event.data?.props
+  updateRenderer()
 }
 
 // function onSlotHover(slot: string) {
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index b9a300b4ad..a19de41c42 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,266 +1,12 @@
 <script setup lang="ts">
-import { onUnmounted, onMounted, computed, reactive, resolveComponent } from 'vue'
-import type { ButtonProps } from '../runtime/components/Button.vue'
+import { onUnmounted, onMounted, reactive, defineAsyncComponent } from 'vue'
+import { pascalCase } from 'scule'
 
 const props = defineProps<{
   slug: string
 }>()
 
-const componentExamples: Record<string, any> = {
-  accordion: {
-    component: resolveComponent('UAccordion'),
-    props: {
-      items: [
-        {
-          label: 'Getting Started',
-          icon: 'i-heroicons-information-circle',
-          content:
-            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
-        },
-        {
-          label: 'Installation',
-          icon: 'i-heroicons-arrow-down-tray',
-          disabled: true,
-          content:
-            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
-        },
-        {
-          label: 'Utilities',
-          slot: 'custom' as const,
-          icon: 'i-heroicons-wrench-screwdriver',
-          content:
-            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
-        }
-      ]
-    }
-  },
-  alert: {
-    component: resolveComponent('UAlert'),
-    props: {
-      title: 'Heads up!',
-      description: 'You can change the primary color in your app config.',
-      icon: 'i-heroicons-command-line',
-      close: true
-    }
-  },
-  avatar: {
-    component: resolveComponent('UAvatar'),
-    props: {
-      src: 'https://github.com/benjamincanac.png'
-    }
-  },
-  badge: {
-    component: resolveComponent('UBadge'),
-    props: {
-      label: 'badge'
-    }
-  },
-  breadcrumb: {
-    component: resolveComponent('UBreadcrumb'),
-    props: {
-      items: [
-        {
-          label: 'Home',
-          to: '/'
-        },
-        {
-          slot: 'dropdown' as const,
-          icon: 'i-heroicons-ellipsis-horizontal',
-          children: [
-            {
-              label: 'Documentation'
-            },
-            {
-              label: 'Themes'
-            },
-            {
-              label: 'GitHub'
-            }
-          ]
-        },
-        {
-          label: 'Components',
-          disabled: true
-        },
-        {
-          label: 'Breadcrumb',
-          to: '/components/breadcrumb'
-        }
-      ]
-    }
-  },
-  button: {
-    component: resolveComponent('UButton'),
-    props: { label: 'Click me!' } as ButtonProps
-  },
-  buttonGroup: {
-    component: resolveComponent('UButtonGroup'),
-    props: {}
-  },
-  card: {
-    component: resolveComponent('UCard'),
-    props: {}
-  },
-  checkbox: {
-    component: resolveComponent('UCheckbox'),
-    props: {
-      label: 'Check me!'
-    }
-  },
-  chip: {
-    component: resolveComponent('UChip'),
-    props: {
-      icon: 'i-heroicons-bell',
-      count: 3
-    }
-  },
-  collapsible: {
-    component: resolveComponent('UCollapsible'),
-    props: {}
-  },
-  contextMenu: {
-    component: resolveComponent('UContextMenu'),
-    props: {}
-  },
-  commandPalette: {
-    component: resolveComponent('UCommandPalette'),
-    props: {
-      groups: [
-        {
-          id: 'actions',
-          items: [{
-            label: 'Add new file',
-            suffix: 'Create a new file in the current directory or workspace.',
-            icon: 'i-heroicons-document-plus',
-            kbds: ['meta', 'N']
-          }, {
-            label: 'Add new folder',
-            suffix: 'Create a new folder in the current directory or workspace.',
-            icon: 'i-heroicons-folder-plus',
-            kbds: ['meta', 'F']
-          }, {
-            label: 'Add hashtag',
-            suffix: 'Add a hashtag to the current item.',
-            icon: 'i-heroicons-hashtag',
-            kbds: ['meta', 'H']
-          }, {
-            label: 'Add label',
-            suffix: 'Add a label to the current item.',
-            icon: 'i-heroicons-tag',
-            kbds: ['meta', 'L']
-          }]
-        }
-      ]
-    }
-  },
-  drawer: {
-    component: resolveComponent('UDrawer'),
-    props: {}
-  },
-  dropdownMenu: {
-    component: resolveComponent('UDropdownMenu'),
-    props: {}
-  },
-  form: {
-    component: resolveComponent('UForm'),
-    props: {}
-  },
-  formField: {
-    component: resolveComponent('UFormField'),
-    props: {}
-  },
-  input: {
-    component: resolveComponent('UInput'),
-    props: {}
-  },
-  inputMenu: {
-    component: resolveComponent('UInputMenu'),
-    props: {}
-  },
-  kbd: {
-    component: resolveComponent('UKbd'),
-    props: {}
-  },
-  link: {
-    component: resolveComponent('ULink'),
-    props: {}
-  },
-  modal: {
-    component: resolveComponent('UModal'),
-    props: {}
-  },
-  navigationMenu: {
-    component: resolveComponent('UNavigationMenu'),
-    props: {}
-  },
-  pagination: {
-    component: resolveComponent('UPagination'),
-    props: {}
-  },
-  popover: {
-    component: resolveComponent('UPopover'),
-    props: {}
-  },
-  progress: {
-    component: resolveComponent('UProgress'),
-    props: {}
-  },
-  radioGroup: {
-    component: resolveComponent('URadioGroup'),
-    props: {}
-  },
-  select: {
-    component: resolveComponent('USelect'),
-    props: {}
-  },
-  selectMenu: {
-    component: resolveComponent('USelectMenu'),
-    props: {}
-  },
-  separator: {
-    component: resolveComponent('USeparator'),
-    props: {}
-  },
-  shortcuts: {
-    component: resolveComponent('UShortcuts'),
-    props: {}
-  },
-  skeleton: {
-    component: resolveComponent('USkeleton'),
-    props: {}
-  },
-  slideover: {
-    component: resolveComponent('USlideover'),
-    props: {}
-  },
-  slider: {
-    component: resolveComponent('USlider'),
-    props: {}
-  },
-  switch: {
-    component: resolveComponent('USwitch'),
-    props: {}
-  },
-  tabs: {
-    component: resolveComponent('UTabs'),
-    props: {}
-  },
-  textarea: {
-    component: resolveComponent('UTextarea'),
-    props: {}
-  },
-  toast: {
-    component: resolveComponent('UToast'),
-    props: {}
-  },
-  tooltip: {
-    component: resolveComponent('UTooltip'),
-    props: {}
-  }
-}
-
-const component = computed(() => componentExamples[props.slug])
-
+const component = props.slug && defineAsyncComponent(() => import(`../runtime/components/${pascalCase(props.slug)}.vue`))
 const state = reactive<{ slots?: any, props?: any }>({})
 
 function onUpdateRenderer(event: Event & { data?: any }) {
@@ -303,14 +49,14 @@ onUnmounted(() => {
 
 onMounted(() => {
   const event: Event & { data?: any } = new Event('nuxt-ui-devtools:component-loaded')
-  event.data = componentExamples[props.slug]
+  event.data = props.slug
   window.parent.dispatchEvent(event)
 })
 </script>
 
 <template>
   <div class="nuxt-ui-component-renderer h-screen w-screen p-8">
-    <component :is="component.component" v-if="component" v-bind="{ ...component?.props, ...state.props }" :class="state?.slots?.base" :ui="state.slots" />
+    <component :is="component" v-if="component && state.props" v-bind="state.props" :class="state?.slots?.base" :ui="state.slots" />
   </div>
 </template>
 
diff --git a/src/devtools/metaParser.ts b/src/devtools/metaParser.ts
new file mode 100644
index 0000000000..26f2d9e25c
--- /dev/null
+++ b/src/devtools/metaParser.ts
@@ -0,0 +1,40 @@
+import { defu } from 'defu'
+
+export const devtoolsComponentMeta: Record<string, any> = {}
+
+export function devtoolsMetaPlugin() {
+  return {
+    name: 'ui-devtools-component-meta',
+    enforce: 'pre',
+
+    transform(code: string, id: string) {
+      // Only process Vue Single File Components (.vue files)
+      if (!id.endsWith('.vue')) return
+      const metaRegex = /extendComponentMeta<.*>\((\{[\s\S]*?\})\)/
+
+      if (code) {
+        // Regular expression to match `extendComponentMeta({ ... })`
+        // Check if the macro `extendComponentMeta` is present in the code
+        const match = code.match(metaRegex)
+        if (match) {
+          // Parse the matched object inside `extendComponentMeta({ ... })`
+          const metaObject = eval(`(${match[1]})`)
+          // Add the parsed metadata to the globalComponentMeta
+          devtoolsComponentMeta[id] = defu(metaObject)
+        }
+      }
+
+      return {
+        code
+      }
+    },
+
+    // Hook into Vite dev server to expose the API
+    configureServer(server) {
+      server.middlewares.use('/__ui_devtools__/api/component-meta', (req, res) => {
+        res.setHeader('Content-Type', 'application/json')
+        res.end(JSON.stringify(devtoolsComponentMeta, null, 2))
+      })
+    }
+  }
+}
diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
index cb6f0b5ec1..bb6432137d 100644
--- a/src/devtools/rpc.ts
+++ b/src/devtools/rpc.ts
@@ -3,6 +3,7 @@ import { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'
 import * as theme from '../theme'
 import type { ModuleOptions } from '../module'
 import { upperFirst, camelCase, kebabCase } from 'scule'
+import defu from 'defu'
 
 export type Component = {
   slug: string
@@ -10,7 +11,13 @@ export type Component = {
   slots: Record<string, string>
   variants: Record<string, any>
   defaultVariants: Record<string, any>
-  meta: ComponentMeta
+  meta: ComponentMeta & Record<string, any>
+}
+
+export type DevtoolsMeta<T> = {
+  devtools: {
+    defaultProps: T
+  }
 }
 
 export interface ServerFunctions {
@@ -25,10 +32,16 @@ export function setupDevtoolsClient(options: ModuleOptions) {
   onDevToolsInitialized(async () => {
     const _rpc = extendServerRpc<ClientFunctions, ServerFunctions>('nuxt/ui/devtools', {
       async getComponents() {
+        // TODO: Properly configure the host
+        const resp = await fetch('http://localhost:3000/__ui_devtools__/api/component-meta')
+        const devtoolsComponentMeta = await resp.json()
+
         return await Promise.all(Object.keys(theme).map(async (name) => {
           const slug = kebabCase(name)
           const label = options.prefix + upperFirst(camelCase(slug))
 
+          const devtoolsMeta: any = Object.entries(devtoolsComponentMeta).find(([key]) => slug === kebabCase(key.split('/')[key.split('/').length - 1]?.replace(/\..*/, '')))?.[1]
+
           // TODO: Properly configure the host
           return fetch(`http://localhost:3000/api/component-meta/${label}.json`).then(async (resp) => {
             const template = typeof (theme as any)[slug] === 'function' ? (theme as any)[slug](options) : theme
@@ -39,7 +52,7 @@ export function setupDevtoolsClient(options: ModuleOptions) {
               slots: Array.isArray(template.slots) ? template.slots.join(' ') : template.slots,
               variants: template.variants,
               defaultVariants: template.defaultVariants,
-              meta: data?.meta
+              meta: defu(data?.meta, devtoolsMeta.devtools)
             }
           })
         }))
diff --git a/src/module.ts b/src/module.ts
index 065f09e6cd..2b13eae614 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -7,6 +7,7 @@ import sirv from 'sirv'
 import { setupDevtoolsClient } from './devtools/rpc'
 import { getPort } from 'get-port-please'
 import { pick } from './runtime/utils'
+import { devtoolsMetaPlugin } from './devtools/metaParser'
 
 export type * from './runtime/types'
 
@@ -137,6 +138,9 @@ export default defineNuxtModule<ModuleOptions>({
 
     if (nuxt.options.dev && nuxt.options.devtools.enabled) {
       installModule('nuxt-component-meta')
+      nuxt.options.vite ||= {}
+      nuxt.options.vite.plugins ||= []
+      nuxt.options.vite.plugins.push(devtoolsMetaPlugin())
 
       // @ts-expect-error - no types available
       nuxt.options.componentMeta ||= {}
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index f2b6d5b0e1..c20d018180 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -7,6 +7,8 @@ import type { LinkProps } from './Link.vue'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { PartialString } from '../types/utils'
 import { formLoadingInjectionKey } from '../composables/useFormField'
+import { extendComponentMeta } from '../composables/extendComponentMeta'
+import type { DevtoolsMeta } from '../../devtools/rpc'
 
 const appConfig = _appConfig as AppConfig & { ui: { button: Partial<typeof theme> } }
 
@@ -30,6 +32,9 @@ export interface ButtonProps extends UseComponentIconsProps, Omit<LinkProps, 'ra
   ui?: PartialString<typeof button.slots>
 }
 
+// Injects props to use as default in the devtools playground.
+extendComponentMeta<DevtoolsMeta<ButtonProps>>({ devtools: { defaultProps: { label: 'Click me!' } } })
+
 export interface ButtonSlots {
   leading(props?: {}): any
   default(props?: {}): any
diff --git a/src/runtime/composables/extendComponentMeta.ts b/src/runtime/composables/extendComponentMeta.ts
new file mode 100644
index 0000000000..ae31b3b735
--- /dev/null
+++ b/src/runtime/composables/extendComponentMeta.ts
@@ -0,0 +1,2 @@
+export function extendComponentMeta<T extends Record<string, any>>(_meta: T) {
+}

From 70ef00b99150080e5d377e2ff9644536c621c244 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 11 Oct 2024 17:55:44 +0200
Subject: [PATCH 24/92] fix(devtools): typing errors

---
 devtools/app/app.vue               | 27 ---------------------------
 devtools/nuxt.config.ts            |  5 +++--
 src/devtools/ComponentRenderer.vue | 28 ++--------------------------
 src/devtools/island-renderer.ts    |  1 +
 src/devtools/metaParser.ts         | 16 ++++++----------
 src/devtools/nuxt-root.vue         |  1 +
 src/devtools/rpc.ts                |  6 +++++-
 src/module.ts                      | 11 +++++------
 tsconfig.json                      |  2 +-
 9 files changed, 24 insertions(+), 73 deletions(-)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 88796c112e..c8d8deb57f 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -52,25 +52,11 @@ function onComponentLoaded() {
   updateRenderer()
 }
 
-// function onSlotHover(slot: string) {
-//   const event: Event & { data?: any } = new Event('nuxt-ui-devtools:slot-hover')
-//   event.data = { slot }
-//   window.dispatchEvent(event)
-// }
-//
-// function onSlotLeave(slot: string) {
-//   const event: Event & { data?: any } = new Event('nuxt-ui-devtools:slot-leave')
-//   event.data = { slot }
-//   window.dispatchEvent(event)
-// }
-
 const tabs = computed(() => {
   if (!component.value) return
-  // const themeCount = component.value.meta.slots ? Object.keys(component.value.meta.slots)?.length : 0
 
   return [
     { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', disabled: !component.value.meta.props?.length }
-    // { label: 'Theme', slot: 'theme', icon: 'i-heroicons-paint-brush', disabled: !themeCount }
   ]
 })
 
@@ -171,19 +157,6 @@ const componentProps = computed(() => {
                 <ComponentPropInput v-bind="prop" v-model="componentProps[prop.name]" />
               </div>
             </template>
-
-            <!-- template #theme>
-              <div v-for="(_value, slot) in component?.slots" :key="'slots-' + slot" class="px-3 py-5 hover:bg-neutral-50 transition">
-                <UFormField :name="slot" @mouseenter="onSlotHover(slot)" @mouseleave="onSlotLeave(slot)">
-                  <template #label>
-                    <p class="font-mono font-bold px-2 py-0.5 border-[--ui-border] border border-dashed rounded bg-neutral-100">
-                      {{ slot }}
-                    </p>
-                  </template>
-                  <UTextarea v-model="state.slots[component.slug][slot]" autoresize class="mt-2 w-full font-mono" />
-                </UFormField>
-              </div>
-            </template -->
           </UTabs>
         </div>
       </div>
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 3e1597437e..3a9aa30d46 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -1,4 +1,5 @@
-// https://nuxt.com/docs/api/configuration/nuxt-config
+import module from '../src/module'
+
 export default defineNuxtConfig({
   ssr: false,
   devtools: { enabled: false },
@@ -10,7 +11,7 @@ export default defineNuxtConfig({
     }
   },
 
-  modules: ['../src/module', '@nuxtjs/mdc', '@nuxt/content'],
+  modules: [module, '@nuxtjs/mdc', '@nuxt/content'],
 
   app: {
     baseURL: '/__nuxt_ui__/devtools'
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index a19de41c42..7afe70930e 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { onUnmounted, onMounted, reactive, defineAsyncComponent } from 'vue'
 import { pascalCase } from 'scule'
+import { useColorMode } from '#imports'
 
 const props = defineProps<{
   slug: string
@@ -15,36 +16,18 @@ function onUpdateRenderer(event: Event & { data?: any }) {
 }
 
 const colorMode = useColorMode()
-function setColorMode(event: Event & { isDark: boolean }) {
+function setColorMode(event: Event & { isDark?: boolean }) {
   colorMode.preference = event.isDark ? 'dark' : 'light'
 }
 
-// function onSlotHover(event: Event & { data?: any }) {
-//   const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
-//   if (element) {
-//     element.classList.add('nuxt-ui-slot-highlight')
-//   }
-// }
-
-// function onSlotLeave(event: Event & { data?: any }) {
-//   const element = window.document.querySelector(`[data-slot=${event.data.slot}]`)
-//   if (element) {
-//     element.classList.remove('nuxt-ui-slot-highlight')
-//   }
-// }
-
 onMounted(() => {
   window.parent.addEventListener('nuxt-ui-devtools:update-renderer', onUpdateRenderer)
   window.parent.addEventListener('nuxt-ui-devtools:set-color-mode', setColorMode)
-  // window.parent.addEventListener('nuxt-ui-devtools:slot-hover', onSlotHover)
-  // window.parent.addEventListener('nuxt-ui-devtools:slot-leave', onSlotLeave)
 })
 
 onUnmounted(() => {
   window.parent.removeEventListener('nuxt-ui-devtools:update-renderer', onUpdateRenderer)
   window.parent.removeEventListener('nuxt-ui-devtools:set-color-mode', setColorMode)
-  // window.parent.removeEventListener('nuxt-ui-devtools:slot-hover', onSlotHover)
-  // window.parent.removeEventListener('nuxt-ui-devtools:slot-leave', onSlotLeave)
 })
 
 onMounted(() => {
@@ -73,11 +56,4 @@ onMounted(() => {
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='hsl(0, 0%25, 8.5%25)'/%3E%3Cpath fill='none' stroke='hsl(0, 0%25, 11.0%25)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
   background-size: 40px 40px;
 }
-
-/* .nuxt-ui-slot-highlight { */
-/*   outline-color: blue !important; */
-/*   outline-width: 1.5px !important; */
-/*   outline-offset: 2px !important; */
-/*   outline-style: dashed !important; */
-/* } */
 </style>
diff --git a/src/devtools/island-renderer.ts b/src/devtools/island-renderer.ts
index 47bf6d3e7c..2b29ac39b2 100644
--- a/src/devtools/island-renderer.ts
+++ b/src/devtools/island-renderer.ts
@@ -1,3 +1,4 @@
+// @ts-nocheck
 import type { defineAsyncComponent } from 'vue'
 import { createVNode, defineComponent, onErrorCaptured } from 'vue'
 
diff --git a/src/devtools/metaParser.ts b/src/devtools/metaParser.ts
index 26f2d9e25c..0deac38162 100644
--- a/src/devtools/metaParser.ts
+++ b/src/devtools/metaParser.ts
@@ -1,25 +1,22 @@
 import { defu } from 'defu'
+import type { ViteDevServer } from 'vite'
 
-export const devtoolsComponentMeta: Record<string, any> = {}
+const devtoolsComponentMeta: Record<string, any> = {}
 
+// A Plugin to parse additional metadata for the Nuxt UI Devtools.
 export function devtoolsMetaPlugin() {
   return {
     name: 'ui-devtools-component-meta',
-    enforce: 'pre',
+    enforce: 'pre' as const,
 
     transform(code: string, id: string) {
-      // Only process Vue Single File Components (.vue files)
       if (!id.endsWith('.vue')) return
       const metaRegex = /extendComponentMeta<.*>\((\{[\s\S]*?\})\)/
 
       if (code) {
-        // Regular expression to match `extendComponentMeta({ ... })`
-        // Check if the macro `extendComponentMeta` is present in the code
         const match = code.match(metaRegex)
         if (match) {
-          // Parse the matched object inside `extendComponentMeta({ ... })`
           const metaObject = eval(`(${match[1]})`)
-          // Add the parsed metadata to the globalComponentMeta
           devtoolsComponentMeta[id] = defu(metaObject)
         }
       }
@@ -29,9 +26,8 @@ export function devtoolsMetaPlugin() {
       }
     },
 
-    // Hook into Vite dev server to expose the API
-    configureServer(server) {
-      server.middlewares.use('/__ui_devtools__/api/component-meta', (req, res) => {
+    configureServer(server: ViteDevServer) {
+      server.middlewares.use('/__ui_devtools__/api/component-meta', (_req, res) => {
         res.setHeader('Content-Type', 'application/json')
         res.end(JSON.stringify(devtoolsComponentMeta, null, 2))
       })
diff --git a/src/devtools/nuxt-root.vue b/src/devtools/nuxt-root.vue
index 6c3195ac5a..20dcb832db 100644
--- a/src/devtools/nuxt-root.vue
+++ b/src/devtools/nuxt-root.vue
@@ -19,6 +19,7 @@
 </template>
 
 <script setup>
+// @ts-nocheck
 import { defineAsyncComponent, onErrorCaptured, onServerPrefetch, provide } from 'vue'
 import AppComponent from '#build/app-component.mjs'
 import ErrorComponent from '#build/error-component.mjs'
diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
index bb6432137d..d9b9152824 100644
--- a/src/devtools/rpc.ts
+++ b/src/devtools/rpc.ts
@@ -40,7 +40,11 @@ export function setupDevtoolsClient(options: ModuleOptions) {
           const slug = kebabCase(name)
           const label = options.prefix + upperFirst(camelCase(slug))
 
-          const devtoolsMeta: any = Object.entries(devtoolsComponentMeta).find(([key]) => slug === kebabCase(key.split('/')[key.split('/').length - 1]?.replace(/\..*/, '')))?.[1]
+          const devtoolsMeta: any = Object.entries(devtoolsComponentMeta).find(([key]) => {
+            const fileName = key.split('/')[key.split('/').length - 1]
+
+            return fileName && slug === kebabCase(fileName.replace(/\..*/, ''))
+          })
 
           // TODO: Properly configure the host
           return fetch(`http://localhost:3000/api/component-meta/${label}.json`).then(async (resp) => {
diff --git a/src/module.ts b/src/module.ts
index 2b13eae614..ed51d69106 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -137,16 +137,17 @@ export default defineNuxtModule<ModuleOptions>({
     addTemplates(options, nuxt)
 
     if (nuxt.options.dev && nuxt.options.devtools.enabled) {
-      installModule('nuxt-component-meta')
       nuxt.options.vite ||= {}
       nuxt.options.vite.plugins ||= []
       nuxt.options.vite.plugins.push(devtoolsMetaPlugin())
 
-      // @ts-expect-error - no types available
+      installModule('nuxt-component-meta')
+
+      // @ts-ignore
       nuxt.options.componentMeta ||= {}
-      // @ts-expect-error - no types available
+      // @ts-ignore
       nuxt.options.componentMeta.exclude ||= []
-      // @ts-expect-error - no types available
+      // @ts-ignore
       nuxt.options.componentMeta.exclude.push(
         '@nuxt/content',
         '@nuxt/icon',
@@ -189,9 +190,7 @@ export default defineNuxtModule<ModuleOptions>({
 
         nuxt.hook('vite:extendConfig', (config) => {
           config.server ||= {}
-          // add proxy to client
           config.server.proxy ||= {}
-          // TODO: ws proxy is not working
           config.server.proxy['/__nuxt_ui__/devtools'] = {
             target: `http://localhost:${PORT}`,
             changeOrigin: true,
diff --git a/tsconfig.json b/tsconfig.json
index f537e877bc..804c292c48 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,5 +1,5 @@
 {
   // https://nuxt.com/docs/guide/concepts/typescript
   "extends": "./.nuxt/tsconfig.json",
-  "exclude": ["cli", "docs", "dist", "playground", "node_modules"]
+  "exclude": ["cli", "docs", "dist", "playground", "devtools", "node_modules"]
 }

From eeb25f6e09cc8d3e6e2fce41801d7e666615672c Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 12 Oct 2024 13:06:09 +0200
Subject: [PATCH 25/92] refactor(devtools): component meta fetching

---
 devtools/app/app.vue                          | 15 ++++--
 src/devtools/extendComponentMeta.ts           |  7 +++
 src/devtools/{metaParser.ts => meta.ts}       | 12 +++--
 src/devtools/rpc.ts                           | 48 +++++--------------
 src/module.ts                                 |  2 +-
 src/runtime/components/Button.vue             |  5 +-
 .../composables/extendComponentMeta.ts        |  2 -
 7 files changed, 44 insertions(+), 47 deletions(-)
 create mode 100644 src/devtools/extendComponentMeta.ts
 rename src/devtools/{metaParser.ts => meta.ts} (73%)
 delete mode 100644 src/runtime/composables/extendComponentMeta.ts

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index c8d8deb57f..6c6fe350a2 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -3,6 +3,7 @@ import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
 import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
 import type { BirpcReturn } from 'birpc'
 import { watchDebounced } from '@vueuse/core'
+import type { ComponentMeta } from 'vue-component-meta'
 
 // Disable devtools in component renderer iframe
 // @ts-expect-error - Nuxt Devtools internal value
@@ -12,18 +13,26 @@ const components = useState<Array<Component & { value: string }>>('__ui-devtools
 const component = useState<Component | undefined>('__ui-devtools-component')
 const state = useState<Record<string, any>>('__ui-devtools-state', () => ({}))
 
+const _fetch = $fetch.create({ baseURL: '/' })
+
 let rpc: BirpcReturn<ServerFunctions, ClientFunctions> | null = null
 
 onDevtoolsClientConnected(async (client) => {
   rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
-  components.value = (await rpc.getComponents()).map(component => ({ ...component, value: component.slug }))
+
+  const [devtoolsComponentMeta, componentMeta] = await Promise.all([
+    _fetch<Record<string, any>>('/__ui_devtools__/api/component-meta'),
+    _fetch<Record<string, { meta: ComponentMeta }>>('/api/component-meta')
+  ])
+
+  components.value = (await rpc.getComponents()).map(component => ({ ...component, value: component.slug, meta: componentMeta[component.label]?.meta }))
 
   if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
     component.value = components.value.find(comp => comp.slug === 'button')
   }
 
   state.value.props = { ...components.value?.reduce((acc, comp) => {
-    acc[comp.slug] = { ...comp.defaultVariants, ...comp.meta?.devtools?.defaultProps }
+    acc[comp.slug] = { ...comp.defaultVariants, ...devtoolsComponentMeta[comp.slug]?.devtools?.defaultProps }
     return acc
   }, {} as Record<string, any>), ...state.value.props }
 
@@ -56,7 +65,7 @@ const tabs = computed(() => {
   if (!component.value) return
 
   return [
-    { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', disabled: !component.value.meta.props?.length }
+    { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', disabled: !component.value.meta?.props?.length }
   ]
 })
 
diff --git a/src/devtools/extendComponentMeta.ts b/src/devtools/extendComponentMeta.ts
new file mode 100644
index 0000000000..51aa50e4f1
--- /dev/null
+++ b/src/devtools/extendComponentMeta.ts
@@ -0,0 +1,7 @@
+export type DevtoolsMeta<T> = {
+  devtools: {
+    defaultProps: T
+  }
+}
+
+export function extendComponentMeta<T>(_meta: DevtoolsMeta<T>) { /* Placeholder for extendComponentMeta macro */ };
diff --git a/src/devtools/metaParser.ts b/src/devtools/meta.ts
similarity index 73%
rename from src/devtools/metaParser.ts
rename to src/devtools/meta.ts
index 0deac38162..d3ab912f25 100644
--- a/src/devtools/metaParser.ts
+++ b/src/devtools/meta.ts
@@ -1,8 +1,10 @@
-import { defu } from 'defu'
 import type { ViteDevServer } from 'vite'
+import { kebabCase } from 'scule'
 
 const devtoolsComponentMeta: Record<string, any> = {}
 
+export function extendComponentMeta<T extends Record<string, any>>(_meta: T) { }
+
 // A Plugin to parse additional metadata for the Nuxt UI Devtools.
 export function devtoolsMetaPlugin() {
   return {
@@ -13,11 +15,15 @@ export function devtoolsMetaPlugin() {
       if (!id.endsWith('.vue')) return
       const metaRegex = /extendComponentMeta<.*>\((\{[\s\S]*?\})\)/
 
-      if (code) {
+      const fileName = id.split('/')[id.split('/').length - 1]
+
+      if (code && fileName) {
+        const slug = kebabCase(fileName.replace(/\..*/, ''))
+
         const match = code.match(metaRegex)
         if (match) {
           const metaObject = eval(`(${match[1]})`)
-          devtoolsComponentMeta[id] = defu(metaObject)
+          devtoolsComponentMeta[slug] = metaObject
         }
       }
 
diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
index d9b9152824..7e8d146456 100644
--- a/src/devtools/rpc.ts
+++ b/src/devtools/rpc.ts
@@ -3,7 +3,6 @@ import { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'
 import * as theme from '../theme'
 import type { ModuleOptions } from '../module'
 import { upperFirst, camelCase, kebabCase } from 'scule'
-import defu from 'defu'
 
 export type Component = {
   slug: string
@@ -11,17 +10,11 @@ export type Component = {
   slots: Record<string, string>
   variants: Record<string, any>
   defaultVariants: Record<string, any>
-  meta: ComponentMeta & Record<string, any>
-}
-
-export type DevtoolsMeta<T> = {
-  devtools: {
-    defaultProps: T
-  }
+  meta?: ComponentMeta
 }
 
 export interface ServerFunctions {
-  getComponents: () => Promise<Array<Component>>
+  getComponents: () => Promise<Array<Omit<Component, 'meta'>>>
 }
 
 export interface ClientFunctions {
@@ -32,34 +25,19 @@ export function setupDevtoolsClient(options: ModuleOptions) {
   onDevToolsInitialized(async () => {
     const _rpc = extendServerRpc<ClientFunctions, ServerFunctions>('nuxt/ui/devtools', {
       async getComponents() {
-        // TODO: Properly configure the host
-        const resp = await fetch('http://localhost:3000/__ui_devtools__/api/component-meta')
-        const devtoolsComponentMeta = await resp.json()
-
-        return await Promise.all(Object.keys(theme).map(async (name) => {
+        return Object.keys(theme).map((name) => {
           const slug = kebabCase(name)
           const label = options.prefix + upperFirst(camelCase(slug))
-
-          const devtoolsMeta: any = Object.entries(devtoolsComponentMeta).find(([key]) => {
-            const fileName = key.split('/')[key.split('/').length - 1]
-
-            return fileName && slug === kebabCase(fileName.replace(/\..*/, ''))
-          })
-
-          // TODO: Properly configure the host
-          return fetch(`http://localhost:3000/api/component-meta/${label}.json`).then(async (resp) => {
-            const template = typeof (theme as any)[slug] === 'function' ? (theme as any)[slug](options) : theme
-            const data = await resp.json()
-            return {
-              slug,
-              label,
-              slots: Array.isArray(template.slots) ? template.slots.join(' ') : template.slots,
-              variants: template.variants,
-              defaultVariants: template.defaultVariants,
-              meta: defu(data?.meta, devtoolsMeta.devtools)
-            }
-          })
-        }))
+          const template = typeof (theme as any)[slug] === 'function' ? (theme as any)[slug](options) : theme
+
+          return {
+            slug,
+            label,
+            slots: Array.isArray(template.slots) ? template.slots.join(' ') : template.slots,
+            variants: template.variants,
+            defaultVariants: template.defaultVariants
+          }
+        })
       }
     })
   })
diff --git a/src/module.ts b/src/module.ts
index ed51d69106..f945f662b6 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -7,7 +7,7 @@ import sirv from 'sirv'
 import { setupDevtoolsClient } from './devtools/rpc'
 import { getPort } from 'get-port-please'
 import { pick } from './runtime/utils'
-import { devtoolsMetaPlugin } from './devtools/metaParser'
+import { devtoolsMetaPlugin } from './devtools/meta'
 
 export type * from './runtime/types'
 
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index c20d018180..fc4b4671e6 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -7,8 +7,7 @@ import type { LinkProps } from './Link.vue'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { PartialString } from '../types/utils'
 import { formLoadingInjectionKey } from '../composables/useFormField'
-import { extendComponentMeta } from '../composables/extendComponentMeta'
-import type { DevtoolsMeta } from '../../devtools/rpc'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { button: Partial<typeof theme> } }
 
@@ -33,7 +32,7 @@ export interface ButtonProps extends UseComponentIconsProps, Omit<LinkProps, 'ra
 }
 
 // Injects props to use as default in the devtools playground.
-extendComponentMeta<DevtoolsMeta<ButtonProps>>({ devtools: { defaultProps: { label: 'Click me!' } } })
+extendComponentMeta<ButtonProps>({ devtools: { defaultProps: { label: 'Click me!' } } })
 
 export interface ButtonSlots {
   leading(props?: {}): any
diff --git a/src/runtime/composables/extendComponentMeta.ts b/src/runtime/composables/extendComponentMeta.ts
deleted file mode 100644
index ae31b3b735..0000000000
--- a/src/runtime/composables/extendComponentMeta.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export function extendComponentMeta<T extends Record<string, any>>(_meta: T) {
-}

From 32a9c279b6216e13b2e99673489f081b04a85ed0 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 12 Oct 2024 17:57:56 +0200
Subject: [PATCH 26/92] refactor(devtools): ui improvements

---
 devtools/app/app.config.ts                    |   2 +-
 devtools/app/app.vue                          | 106 ++++++++----------
 devtools/app/components/ComponentPreview.vue  |  14 +--
 .../app/components/ComponentPropInput.vue     |  15 ++-
 devtools/nuxt.config.ts                       |   6 -
 5 files changed, 63 insertions(+), 80 deletions(-)

diff --git a/devtools/app/app.config.ts b/devtools/app/app.config.ts
index 334a5535af..43994246ef 100644
--- a/devtools/app/app.config.ts
+++ b/devtools/app/app.config.ts
@@ -7,7 +7,7 @@ export default defineAppConfig({
   ui: {
     colors: {
       primary: 'green',
-      gray: 'slate'
+      neutral: 'zinc'
     }
   }
 })
diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 6c6fe350a2..4e0bfb0b8d 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -69,19 +69,6 @@ const tabs = computed(() => {
   ]
 })
 
-const searchOpened = ref(false)
-function onComponentSearch(value: any) {
-  const match = components.value.find(c => c.slug === value?.slug)
-  searchOpened.value = false
-
-  if (!match) return
-  component.value = match
-}
-
-defineShortcuts({
-  meta_k: () => searchOpened.value = true
-})
-
 function openDocs() {
   if (!component.value) return
   window.parent.open(`https://ui3.nuxt.dev/components/${component.value.slug}`)
@@ -116,57 +103,53 @@ const componentProps = computed(() => {
       >
         <span />
 
-        <UModal v-model:open="searchOpened" :ui="{ content: 'top-0 sm:top-8 translate-y-0 sm:max-w-xl w-full' }">
-          <UButton label="Search component..." color="neutral" variant="link" icon="i-heroicons-magnifying-glass-20-solid" class="w-full" />
-          <template #content>
-            <UCommandPalette
-              :groups="[{ id: 'component', items: components.map((c) => ({ slug: c.slug, label: c.label })) }]"
-              placeholder="Search component..."
-              :fuse="{ fuseOptions: { includeMatches: true } }"
-              @update:model-value="onComponentSearch"
-              @close="searchOpened = false"
+        <UInputMenu
+          v-model="component"
+          variant="none"
+          :items="components"
+          placeholder="Search component..."
+          class="top-0 translate-y-0 w-full mx-2"
+          icon="i-heroicons-magnifying-glass"
+        />
+
+        <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-4 bg-[--ui-bg]">
+          <div class="col-span-1 border-r border-[--ui-border] hidden xl:block overflow-y-auto">
+            <UNavigationMenu
+              :items="components.map((c) => ({ ...c, select: () => component = c }))"
+              orientation="vertical"
             />
-          </template>
-        </UModal>
-      </div>
-
-      <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-4">
-        <div class="col-span-1 border-r border-[--ui-border] hidden xl:block overflow-y-auto">
-          <UNavigationMenu
-            :items="components.map((c) => ({ ...c, select: () => component = c }))"
-            orientation="vertical"
-          />
-        </div>
+          </div>
 
-        <div class="xl:col-span-5 col-span-2 relative">
-          <ComponentPreview :component="component" :props="componentProps" class="h-full" />
-          <div class="flex gap-2 absolute top-1 right-2">
-            <UButton
-              :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
-              variant="ghost"
-              color="neutral"
-              @click="isDark = !isDark"
-            />
-            <UButton
-              v-if="component"
-              variant="ghost"
-              color="neutral"
-              icon="i-heroicons-arrow-top-right-on-square"
-              @click="openDocs()"
-            >
-              Open docs
-            </UButton>
+          <div class="xl:col-span-5 col-span-2 relative">
+            <ComponentPreview :component="component" :props="componentProps" class="h-full" />
+            <div class="flex gap-2 absolute top-1 right-2">
+              <UButton
+                :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
+                variant="ghost"
+                color="neutral"
+                @click="isDark = !isDark"
+              />
+              <UButton
+                v-if="component"
+                variant="ghost"
+                color="neutral"
+                icon="i-heroicons-arrow-top-right-on-square"
+                @click="openDocs()"
+              >
+                Open docs
+              </UButton>
+            </div>
           </div>
-        </div>
 
-        <div class="border-l border-[--ui-border] flex flex-col col-span-2 overflow-y-auto">
-          <UTabs color="neutral" variant="link" :items="tabs">
-            <template #props>
-              <div v-for="prop in component?.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-[--ui-border] dark:border-[--ui-border]">
-                <ComponentPropInput v-bind="prop" v-model="componentProps[prop.name]" />
-              </div>
-            </template>
-          </UTabs>
+          <div class="border-l border-[--ui-border] flex flex-col col-span-2 overflow-y-auto">
+            <UTabs color="neutral" variant="link" :items="tabs" class="relative" :ui="{ list: 'sticky top-0 bg-[--ui-bg] z-50' }">
+              <template #props>
+                <div v-for="prop in component?.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-[--ui-border] dark:border-[--ui-border]">
+                  <ComponentPropInput v-bind="prop" v-model="componentProps[prop.name]" />
+                </div>
+              </template>
+            </UTabs>
+          </div>
         </div>
       </div>
     </template>
@@ -207,10 +190,11 @@ const componentProps = computed(() => {
 
 :root {
   --ui-border: var(--ui-color-neutral-200);
+  --ui-bg: white;
 }
 
 .dark {
   --ui-border: var(--ui-color-neutral-800);
-  --ui-bg: #111;
+  --ui-bg: var(--ui-color-neutral-900);
 }
 </style>
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index b0cb6ce604..11ae999d4a 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -11,7 +11,7 @@ const code = computed(() => {
 
   const propsTemplate = Object.entries(props.props ?? {}).map(([key, value]: [string, any]) => {
     if (value === true) return kebabCase(key)
-    if (value === false) return
+    if (value === false || props.component?.defaultVariants?.[key]) return
     if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
     if (Array.isArray(value)) return `:${kebabCase(key)}="${genArrayFromRaw(value)}"`
     if (typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
@@ -26,11 +26,11 @@ const code = computed(() => {
     : undefined
 
   return `\`\`\`vue
-  <${props.component.label}
-    ${propsTemplate}
-    ${props.themeSlots?.base ? `class="${props.themeSlots.base}"` : ''}
-    ${slotsTemplate && slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : ''}
-  ></${props.component.label}>
+<${props.component.label}
+  ${propsTemplate}
+  ${props.themeSlots?.base ? `class="${props.themeSlots.base}"` : ''}
+  ${slotsTemplate && slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : ''}>
+</${props.component.label}>
 \`\`\``
 })
 
@@ -73,7 +73,7 @@ watch(() => props.component, () => rendererReady.value = false)
     />
 
     <div v-if="ast" v-show="rendererReady" class="relative w-full p-3">
-      <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 overflow-y-auto rounded-lg border border-[--ui-border] bg-neutral-50 dark:bg-neutral-700" />
+      <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 overflow-y-auto rounded-lg border border-[--ui-border] bg-neutral-50 dark:bg-neutral-800" />
       <UButton
         color="neutral"
         variant="link"
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index 580c926392..3711a972e6 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -49,12 +49,17 @@ function addArrayItem() {
   if (!Array.isArray(modelValue.value)) return
   modelValue.value.push({})
 }
+
+if (!modelValue.value) {
+  // TODO: Inject app.config values into the defaults and resolve references
+  modelValue.value = props.default ?? props?.tags?.find(tag => tag.name === 'defaultValue' && !tag.text?.includes('appConfig'))?.text?.replaceAll('\'', '')
+}
 </script>
 
 <template>
   <UFormField :name="name" class="" :ui="{ wrapper: 'mb-2' }" :class="{ 'opacity-70 cursor-not-allowed': !inputType }">
     <template #label>
-      <p v-if="name" class="font-mono font-bold px-2 py-1 border-neutral-200 dark:border-neutral-500 dark:text-neutral-100 border border-dashed rounded bg-neutral-50 dark:bg-neutral-700">
+      <p v-if="name" class="font-mono font-bold px-1.5 py-0.5 border-neutral-200 dark:border-neutral-500 dark:text-neutral-100 border border-dashed rounded bg-neutral-50 dark:bg-neutral-700">
         {{ name }}
       </p>
     </template>
@@ -65,9 +70,9 @@ function addArrayItem() {
 
     <span v-if="!schema" />
 
-    <UInput v-if="inputType === 'string'" v-model="modelValue" />
+    <UInput v-if="inputType === 'string'" v-model="modelValue" class="min-w-56" />
     <UInput v-else-if="inputType === 'number'" v-model="modelValue" type="number" />
-    <UCheckbox v-else-if="inputType === 'boolean'" v-model="modelValue" />
+    <USwitch v-else-if="inputType === 'boolean'" v-model="modelValue" />
 
     <div v-else-if="inputType === 'array'">
       <div v-for="value, index in modelValue" :key="value.id" class="relative border border-[--ui-border] rounded-md mt-4">
@@ -101,7 +106,7 @@ function addArrayItem() {
       </UButton>
     </div>
 
-    <USelectMenu v-else-if="inputType === 'enum'" v-model="modelValue" :items="parseEnumValues((schema as any).schema)" class="w-56" />
+    <USelectMenu v-else-if="inputType === 'enum'" v-model="modelValue" :items="parseEnumValues((schema as any).schema)" class="min-w-56" />
 
     <div v-else-if="inputType === 'object'">
       <ComponentPropInput
@@ -109,7 +114,7 @@ function addArrayItem() {
         :key="attr.name"
         v-bind="attr"
         :model-value="modelValue?.[attr.name]"
-        class="border-b last:border-b-0 border-[--ui-border]  p-4"
+        class="border-b last:border-b-0 border-[--ui-border] p-4"
         @update:model-value="(value) => modelValue[attr.name] = value"
       />
     </div>
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 3a9aa30d46..37c3e737b8 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -29,11 +29,5 @@ export default defineNuxtConfig({
     }
   },
 
-  content: {
-    highlight: {
-      langs: ['bash', 'ts', 'diff', 'vue', 'json', 'yml', 'css', 'mdc']
-    }
-  },
-
   compatibilityDate: '2024-04-03'
 })

From fe4f6c6f3d36390830f3662b8e3df57ed3a7986b Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 12 Oct 2024 20:02:45 +0200
Subject: [PATCH 27/92] refactor(devtools): use nuxt-component-meta cli to
 generate metas

---
 .gitignore                                    |  2 ++
 devtools/app/app.vue                          | 13 +++++------
 devtools/app/components/ComponentPreview.vue  |  4 +++-
 .../app/components/ComponentPropInput.vue     |  7 +++---
 eslint.config.mjs                             |  2 ++
 package.json                                  |  1 +
 src/devtools/meta.ts                          | 16 +++++++++++++-
 src/module.ts                                 | 22 -------------------
 8 files changed, 31 insertions(+), 36 deletions(-)

diff --git a/.gitignore b/.gitignore
index 4a7f73a2ed..6ac2f98117 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,5 @@
+src/devtools/.component-meta/
+
 # Nuxt dev/build outputs
 .output
 .data
diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 4e0bfb0b8d..342e106c65 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -3,7 +3,6 @@ import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
 import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
 import type { BirpcReturn } from 'birpc'
 import { watchDebounced } from '@vueuse/core'
-import type { ComponentMeta } from 'vue-component-meta'
 
 // Disable devtools in component renderer iframe
 // @ts-expect-error - Nuxt Devtools internal value
@@ -20,19 +19,17 @@ let rpc: BirpcReturn<ServerFunctions, ClientFunctions> | null = null
 onDevtoolsClientConnected(async (client) => {
   rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
 
-  const [devtoolsComponentMeta, componentMeta] = await Promise.all([
-    _fetch<Record<string, any>>('/__ui_devtools__/api/component-meta'),
-    _fetch<Record<string, { meta: ComponentMeta }>>('/api/component-meta')
-  ])
-
-  components.value = (await rpc.getComponents()).map(component => ({ ...component, value: component.slug, meta: componentMeta[component.label]?.meta }))
+  const componentMeta = await _fetch<Record<string, any>>('/__ui_devtools__/api/component-meta')
+  components.value = (await rpc.getComponents()).map(component => ({
+    ...component, value: component.slug, meta: componentMeta[component.slug]?.meta
+  }))
 
   if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
     component.value = components.value.find(comp => comp.slug === 'button')
   }
 
   state.value.props = { ...components.value?.reduce((acc, comp) => {
-    acc[comp.slug] = { ...comp.defaultVariants, ...devtoolsComponentMeta[comp.slug]?.devtools?.defaultProps }
+    acc[comp.slug] = { ...comp.defaultVariants, ...componentMeta[comp.slug]?.devtools?.defaultProps }
     return acc
   }, {} as Record<string, any>), ...state.value.props }
 
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index 11ae999d4a..6d31522a52 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -11,7 +11,9 @@ const code = computed(() => {
 
   const propsTemplate = Object.entries(props.props ?? {}).map(([key, value]: [string, any]) => {
     if (value === true) return kebabCase(key)
-    if (value === false || props.component?.defaultVariants?.[key]) return
+    if (value === false) return
+    if (props.component?.defaultVariants?.[key]) return
+    if (props.component?.meta?.props.find(prop => prop.name === key && prop.default === value)) return
     if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
     if (Array.isArray(value)) return `:${kebabCase(key)}="${genArrayFromRaw(value)}"`
     if (typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index 3711a972e6..8e8ad183fd 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -24,8 +24,8 @@ function parseEnumValues(propMeta: PropertyMeta['schema'] | PropertyMeta['schema
   const meta = Array.isArray(propMeta) ? propMeta[0] : propMeta
   if (!meta) return
   return Object.values(propMeta).filter((value: string) =>
-    typeof value === 'string' && value.startsWith('"') /* Keeps only string symbols and filters interfaces from matches */
-  ).map((value: string) => value.replaceAll('"', '')).filter(value => value !== 'undefined')
+    typeof value === 'string' && value.match(/^["']/) /* Keeps only string symbols and filters interfaces from matches */
+  ).map((value: string) => value.replaceAll(/["']/g, '')).filter(value => value !== 'undefined')
 }
 
 const arraySchema = computed(() => {
@@ -51,8 +51,7 @@ function addArrayItem() {
 }
 
 if (!modelValue.value) {
-  // TODO: Inject app.config values into the defaults and resolve references
-  modelValue.value = props.default ?? props?.tags?.find(tag => tag.name === 'defaultValue' && !tag.text?.includes('appConfig'))?.text?.replaceAll('\'', '')
+  modelValue.value = props.default
 }
 </script>
 
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 7844e44083..41fe1a28e9 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -16,4 +16,6 @@ export default createConfigForNuxt({
   '@typescript-eslint/ban-types': 'off',
   '@typescript-eslint/no-empty-object-type': 'off',
   '@typescript-eslint/no-explicit-any': 'off'
+}).prepend({
+  ignores: ['src/devtools/.component-meta']
 })
diff --git a/package.json b/package.json
index 501e49e987..a5a1623e87 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "docs": "DEV=true nuxi dev docs",
     "docs:build": "nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",
+    "devtools:prepare": "nuxt-component-meta src/runtime/ --outputDir ../devtools/.component-meta",
     "devtools": "NUXT_UI_DEVTOOLS_LOCAL=true nuxi dev playground",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index d3ab912f25..453cc3545a 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -1,5 +1,7 @@
 import type { ViteDevServer } from 'vite'
 import { kebabCase } from 'scule'
+import componentMeta from './.component-meta/component-meta'
+import defu from 'defu'
 
 const devtoolsComponentMeta: Record<string, any> = {}
 
@@ -35,7 +37,19 @@ export function devtoolsMetaPlugin() {
     configureServer(server: ViteDevServer) {
       server.middlewares.use('/__ui_devtools__/api/component-meta', (_req, res) => {
         res.setHeader('Content-Type', 'application/json')
-        res.end(JSON.stringify(devtoolsComponentMeta, null, 2))
+        // TODO: Meta generated from the CLI do not resolve color and size types.
+        const meta = defu(Object.entries(componentMeta).reduce((acc, [key, value]) => {
+          value.meta.props = value.meta.props.map((prop: any) => ({
+            ...prop,
+            default: prop.default ?? prop?.tags?.find((tag: any) =>
+              tag.name === 'defaultValue'
+              && !tag.text?.includes('appConfig'))?.text?.replaceAll(/["']/g, '') }
+          ))
+          acc[kebabCase(key)] = value
+          return acc
+        }, {} as Record<string, any>), devtoolsComponentMeta)
+
+        res.end(JSON.stringify(meta))
       })
     }
   }
diff --git a/src/module.ts b/src/module.ts
index f945f662b6..7e3430c50d 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -141,30 +141,8 @@ export default defineNuxtModule<ModuleOptions>({
       nuxt.options.vite.plugins ||= []
       nuxt.options.vite.plugins.push(devtoolsMetaPlugin())
 
-      installModule('nuxt-component-meta')
-
-      // @ts-ignore
-      nuxt.options.componentMeta ||= {}
-      // @ts-ignore
-      nuxt.options.componentMeta.exclude ||= []
-      // @ts-ignore
-      nuxt.options.componentMeta.exclude.push(
-        '@nuxt/content',
-        '@nuxt/icon',
-        '@nuxt/image',
-        '@nuxt/ui-pro',
-        '@nuxtjs/color-mode',
-        '@nuxtjs/mdc',
-        '@nuxtjs/plausible',
-        'nuxt/dist',
-        'nuxt-og-image'
-      )
-
       setupDevtoolsClient(options)
 
-      nuxt.options.nitro.routeRules ||= {}
-      nuxt.options.nitro.routeRules['__nuxt_ui__/**'] = { ssr: false }
-
       // Runs UI devtools in a subprocess for local development
       if (process.env.NUXT_UI_DEVTOOLS_LOCAL) {
         const PORT = await getPort({ port: 42124 })

From 9de498e4ac3af374a76b240e1c9b58ac5a45c048 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 12 Oct 2024 20:05:49 +0200
Subject: [PATCH 28/92] chore(devtools): fix typechecks

---
 src/devtools/island-renderer.ts | 3 ++-
 src/devtools/nuxt-root.vue      | 1 -
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/devtools/island-renderer.ts b/src/devtools/island-renderer.ts
index 2b29ac39b2..d774c89906 100644
--- a/src/devtools/island-renderer.ts
+++ b/src/devtools/island-renderer.ts
@@ -1,4 +1,3 @@
-// @ts-nocheck
 import type { defineAsyncComponent } from 'vue'
 import { createVNode, defineComponent, onErrorCaptured } from 'vue'
 
@@ -18,9 +17,11 @@ export default defineComponent({
     const head = injectHead()
     head.headEntries().splice(0, head.headEntries().length)
 
+    // @ts-expect-error - File comes from Nuxt.
     const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
 
     if (!component) {
+    // @ts-expect-error - File comes from Nuxt.
       throw createError({
         statusCode: 404,
         statusMessage: `Island component not found: ${props.context.name}`
diff --git a/src/devtools/nuxt-root.vue b/src/devtools/nuxt-root.vue
index 20dcb832db..6c3195ac5a 100644
--- a/src/devtools/nuxt-root.vue
+++ b/src/devtools/nuxt-root.vue
@@ -19,7 +19,6 @@
 </template>
 
 <script setup>
-// @ts-nocheck
 import { defineAsyncComponent, onErrorCaptured, onServerPrefetch, provide } from 'vue'
 import AppComponent from '#build/app-component.mjs'
 import ErrorComponent from '#build/error-component.mjs'

From 7e457c5bf23091a05ef7a02db311c90f5fe9fc7f Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 12 Oct 2024 20:09:18 +0200
Subject: [PATCH 29/92] fix(devtools): add devtools:prepare in dev:prepare

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a5a1623e87..91c9959feb 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "prepack": "pnpm build",
     "dev": "DEV=true nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && nuxi prepare devtools",
+    "dev:prepare": "pnpm devtools:prepare && nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && nuxi prepare devtools",
     "docs": "DEV=true nuxi dev docs",
     "docs:build": "nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",

From cc2b1da75b8697a4d9a7ad0968282ec911bc3269 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 13 Oct 2024 10:21:05 +0200
Subject: [PATCH 30/92] fix(devtools): generate component meta on devtools to
 resolve build types

---
 package.json         |  4 ++--
 src/devtools/meta.ts | 13 ++++++++-----
 src/module.ts        |  4 +---
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 91c9959feb..75fca7567c 100644
--- a/package.json
+++ b/package.json
@@ -34,11 +34,11 @@
     "prepack": "pnpm build",
     "dev": "DEV=true nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "pnpm devtools:prepare && nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && nuxi prepare devtools",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && nuxi prepare devtools && pnpm devtools:prepare",
     "docs": "DEV=true nuxi dev docs",
     "docs:build": "nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",
-    "devtools:prepare": "nuxt-component-meta src/runtime/ --outputDir ../devtools/.component-meta",
+    "devtools:prepare": "nuxt-component-meta playground --outputDir ../src/devtools/.component-meta/",
     "devtools": "NUXT_UI_DEVTOOLS_LOCAL=true nuxi dev playground",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index 453cc3545a..69fa1fb1d2 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -1,6 +1,5 @@
 import type { ViteDevServer } from 'vite'
 import { kebabCase } from 'scule'
-import componentMeta from './.component-meta/component-meta'
 import defu from 'defu'
 
 const devtoolsComponentMeta: Record<string, any> = {}
@@ -35,17 +34,21 @@ export function devtoolsMetaPlugin() {
     },
 
     configureServer(server: ViteDevServer) {
-      server.middlewares.use('/__ui_devtools__/api/component-meta', (_req, res) => {
+      server.middlewares.use('/__ui_devtools__/api/component-meta', async (_req, res) => {
         res.setHeader('Content-Type', 'application/json')
-        // TODO: Meta generated from the CLI do not resolve color and size types.
-        const meta = defu(Object.entries(componentMeta).reduce((acc, [key, value]) => {
+        const componentMeta = await import('./.component-meta/component-meta')
+
+        const meta = defu(Object.entries(componentMeta).reduce((acc, [key, value]: [string, any]) => {
+          if (!key.startsWith('U')) return acc
+
           value.meta.props = value.meta.props.map((prop: any) => ({
             ...prop,
             default: prop.default ?? prop?.tags?.find((tag: any) =>
               tag.name === 'defaultValue'
               && !tag.text?.includes('appConfig'))?.text?.replaceAll(/["']/g, '') }
           ))
-          acc[kebabCase(key)] = value
+
+          acc[kebabCase(key.replace(/^U/, ''))] = value
           return acc
         }, {} as Record<string, any>), devtoolsComponentMeta)
 
diff --git a/src/module.ts b/src/module.ts
index 7e3430c50d..8c5481462e 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -137,9 +137,7 @@ export default defineNuxtModule<ModuleOptions>({
     addTemplates(options, nuxt)
 
     if (nuxt.options.dev && nuxt.options.devtools.enabled) {
-      nuxt.options.vite ||= {}
-      nuxt.options.vite.plugins ||= []
-      nuxt.options.vite.plugins.push(devtoolsMetaPlugin())
+      nuxt.options.vite = defu(nuxt.options?.vite, { plugins: [devtoolsMetaPlugin()] })
 
       setupDevtoolsClient(options)
 

From 0cbdf1468fcb51e3588751edbec8789bc6a75077 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 13 Oct 2024 16:25:59 +0200
Subject: [PATCH 31/92] feat(devtools): support for component examples

---
 devtools/app/app.vue                         | 15 ++---
 devtools/app/components/ComponentPreview.vue | 34 ++++++++++-
 src/devtools/ComponentRenderer.vue           | 23 +++++---
 src/devtools/examples/FormExample.vue        | 30 ++++++++++
 src/devtools/extendComponentMeta.ts          |  7 +--
 src/devtools/meta.ts                         | 61 +++++++++++++++++---
 src/devtools/nuxt-root.vue                   |  3 +-
 src/devtools/rpc.ts                          |  3 +-
 src/module.ts                                |  3 +-
 src/runtime/components/Button.vue            |  2 +-
 src/runtime/components/Form.vue              |  7 ++-
 11 files changed, 150 insertions(+), 38 deletions(-)
 create mode 100644 src/devtools/examples/FormExample.vue

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 342e106c65..2cc1dff1d3 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -3,6 +3,8 @@ import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
 import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
 import type { BirpcReturn } from 'birpc'
 import { watchDebounced } from '@vueuse/core'
+import type { DevtoolsMeta } from '../../src/devtools/extendComponentMeta'
+import type { ComponentMeta } from 'vue-component-meta'
 
 // Disable devtools in component renderer iframe
 // @ts-expect-error - Nuxt Devtools internal value
@@ -12,24 +14,22 @@ const components = useState<Array<Component & { value: string }>>('__ui-devtools
 const component = useState<Component | undefined>('__ui-devtools-component')
 const state = useState<Record<string, any>>('__ui-devtools-state', () => ({}))
 
-const _fetch = $fetch.create({ baseURL: '/' })
-
 let rpc: BirpcReturn<ServerFunctions, ClientFunctions> | null = null
 
 onDevtoolsClientConnected(async (client) => {
   rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
+  const componentMeta = await $fetch<Record<string, { meta: ComponentMeta & { devtools: DevtoolsMeta<any> } }>>('/api/component-meta')
 
-  const componentMeta = await _fetch<Record<string, any>>('/__ui_devtools__/api/component-meta')
   components.value = (await rpc.getComponents()).map(component => ({
     ...component, value: component.slug, meta: componentMeta[component.slug]?.meta
   }))
 
   if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
-    component.value = components.value.find(comp => comp.slug === 'button')
+    component.value = components.value.find(comp => comp.slug === 'form')
   }
 
   state.value.props = { ...components.value?.reduce((acc, comp) => {
-    acc[comp.slug] = { ...comp.defaultVariants, ...componentMeta[comp.slug]?.devtools?.defaultProps }
+    acc[comp.slug] = { ...comp.defaultVariants, ...componentMeta[comp.slug]?.meta?.devtools?.defaultProps }
     return acc
   }, {} as Record<string, any>), ...state.value.props }
 
@@ -41,9 +41,10 @@ onDevtoolsClientConnected(async (client) => {
 
 function updateRenderer() {
   if (!component.value) return
-
   const event: Event & { data?: any } = new Event('nuxt-ui-devtools:update-renderer')
-  event.data = { props: state.value.props?.[component.value.slug], slots: state.value.slots?.[component.value?.slug] }
+  event.data = {
+    props: state.value.props?.[component.value.slug], slots: state.value.slots?.[component.value?.slug]
+  }
 
   window.dispatchEvent(event)
 }
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index 6d31522a52..3fd24de906 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -6,6 +6,12 @@ import { genObjectFromValues, genArrayFromRaw } from 'knitwork'
 
 const props = defineProps<{ component?: Component, props?: object, themeSlots?: Record<string, any> }>()
 
+const { data: componentExample } = await useAsyncData('__ui_devtools_component-source', async () => {
+  const example = props.component?.meta?.devtools?.example
+  if (!example) return false
+  return await $fetch<{ source: string }>(`/api/component-example`, { params: { component: example } })
+}, { watch: [() => props.component?.slug] })
+
 const code = computed(() => {
   if (!props.component) return
 
@@ -27,6 +33,17 @@ const code = computed(() => {
     }, {} as Record<string, string>))
     : undefined
 
+  if (componentExample.value) {
+    return `\`\`\`vue
+${componentExample.value?.source.replace(
+  `<${props.component.label}`,
+  `<${props.component.label} ${propsTemplate}
+    ${props.themeSlots?.base ? `class="${props.themeSlots.base}"` : ''}
+    ${slotsTemplate && slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : ''}
+  `)}
+\`\`\``
+  }
+
   return `\`\`\`vue
 <${props.component.label}
   ${propsTemplate}
@@ -61,6 +78,18 @@ function onRendererReady() {
 }
 
 watch(() => props.component, () => rendererReady.value = false)
+
+const previewUrl = computed(() => {
+  if (!props.component) return
+  const baseUrl = `/__nuxt_ui__/components/${props.component.slug}`
+  const params = new URLSearchParams()
+
+  if (props.component?.meta?.devtools?.example !== undefined) {
+    params.append('example', props.component.meta.devtools.example)
+  }
+  const queryString = params.toString()
+  return queryString ? `${baseUrl}?${queryString}` : baseUrl
+})
 </script>
 
 <template>
@@ -70,12 +99,11 @@ watch(() => props.component, () => rendererReady.value = false)
       v-show="rendererReady"
       ref="renderer"
       class="grow w-full"
-      :src="`/__nuxt_ui__/components/${component.slug}`"
+      :src="previewUrl"
       @load="onRendererReady"
     />
-
     <div v-if="ast" v-show="rendererReady" class="relative w-full p-3">
-      <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 overflow-y-auto rounded-lg border border-[--ui-border] bg-neutral-50 dark:bg-neutral-800" />
+      <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 text-sm overflow-y-auto rounded-lg border border-[--ui-border] bg-neutral-50 dark:bg-neutral-800" />
       <UButton
         color="neutral"
         variant="link"
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index 7afe70930e..ddbe6ca0bb 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { onUnmounted, onMounted, reactive, defineAsyncComponent } from 'vue'
 import { pascalCase } from 'scule'
-import { useColorMode } from '#imports'
+import { useColorMode, useRoute } from '#imports'
 
-const props = defineProps<{
-  slug: string
-}>()
+const route = useRoute()
+const component = route.query?.example
+  ? defineAsyncComponent(() => import(`./examples/${route.query.example}.vue`))
+  : route.params?.slug && defineAsyncComponent(() => import(`../runtime/components/${pascalCase(route.params.slug)}.vue`))
 
-const component = props.slug && defineAsyncComponent(() => import(`../runtime/components/${pascalCase(props.slug)}.vue`))
 const state = reactive<{ slots?: any, props?: any }>({})
 
 function onUpdateRenderer(event: Event & { data?: any }) {
@@ -30,16 +30,21 @@ onUnmounted(() => {
   window.parent.removeEventListener('nuxt-ui-devtools:set-color-mode', setColorMode)
 })
 
-onMounted(() => {
-  const event: Event & { data?: any } = new Event('nuxt-ui-devtools:component-loaded')
-  event.data = props.slug
+onMounted(async () => {
+  const event: Event = new Event('nuxt-ui-devtools:component-loaded')
   window.parent.dispatchEvent(event)
 })
+
+onMounted(() => {
+  if (!route.query?.example) return
+})
 </script>
 
 <template>
   <div class="nuxt-ui-component-renderer h-screen w-screen p-8">
-    <component :is="component" v-if="component && state.props" v-bind="state.props" :class="state?.slots?.base" :ui="state.slots" />
+    <template v-if="component && state.props">
+      <component :is="component" v-if="component && state.props" v-bind="state.props" :class="state?.slots?.base" :ui="state.slots" />
+    </template>
   </div>
 </template>
 
diff --git a/src/devtools/examples/FormExample.vue b/src/devtools/examples/FormExample.vue
new file mode 100644
index 0000000000..bef54adfe5
--- /dev/null
+++ b/src/devtools/examples/FormExample.vue
@@ -0,0 +1,30 @@
+<template>
+  <UForm
+    :validate="validate"
+    :state="formState"
+    class="space-y-4"
+  >
+    <UFormField name="email" label="Email">
+      <UInput v-model="formState.email" />
+    </UFormField>
+    <UFormField name="password" label="Password">
+      <UInput v-model="formState.password" />
+    </UFormField>
+
+    <UButton type="submit">
+      Submit
+    </UButton>
+  </UForm>
+</template>
+
+<script setup lang="ts">
+import { reactive } from 'vue'
+
+const formState = reactive({ email: undefined, password: undefined })
+function validate(data: Partial<typeof formState>) {
+  const errors: Array<{ name: string, message: string }> = []
+  if (!data.email) errors.push({ name: 'email', message: 'Required' })
+  if (!data.password) errors.push({ name: 'password', message: 'Required' })
+  return errors
+}
+</script>
diff --git a/src/devtools/extendComponentMeta.ts b/src/devtools/extendComponentMeta.ts
index 51aa50e4f1..8e0e9c1e72 100644
--- a/src/devtools/extendComponentMeta.ts
+++ b/src/devtools/extendComponentMeta.ts
@@ -1,7 +1,6 @@
 export type DevtoolsMeta<T> = {
-  devtools: {
-    defaultProps: T
-  }
+  defaultProps?: T
+  example?: string
 }
 
-export function extendComponentMeta<T>(_meta: DevtoolsMeta<T>) { /* Placeholder for extendComponentMeta macro */ };
+export function extendComponentMeta<T>(_meta: DevtoolsMeta<T>) { }
diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index 69fa1fb1d2..086edf6aa9 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -1,10 +1,32 @@
 import type { ViteDevServer } from 'vite'
 import { kebabCase } from 'scule'
 import defu from 'defu'
+import fs from 'node:fs'
+import { resolve } from 'node:path'
 
 const devtoolsComponentMeta: Record<string, any> = {}
 
-export function extendComponentMeta<T extends Record<string, any>>(_meta: T) { }
+function extractComponentMeta(code: string): string | null {
+  const match = code.match(/extendComponentMeta(?:<.*?>)?\(/)
+  if (!match) return null
+
+  const startIndex = code.indexOf(match[0]) + match[0].length
+  let openBraceCount = 0
+  let closeBraceCount = 0
+  let endIndex = startIndex
+
+  for (let i = startIndex; i < code.length; i++) {
+    if (code[i] === '{') openBraceCount++
+    if (code[i] === '}') closeBraceCount++
+
+    if (openBraceCount > 0 && openBraceCount === closeBraceCount) {
+      endIndex = i + 1
+      break
+    }
+  }
+  // Return only the object inside extendComponentMeta
+  return code.slice(startIndex, endIndex).trim()
+}
 
 // A Plugin to parse additional metadata for the Nuxt UI Devtools.
 export function devtoolsMetaPlugin() {
@@ -12,19 +34,16 @@ export function devtoolsMetaPlugin() {
     name: 'ui-devtools-component-meta',
     enforce: 'pre' as const,
 
-    transform(code: string, id: string) {
+    async transform(code: string, id: string) {
       if (!id.endsWith('.vue')) return
-      const metaRegex = /extendComponentMeta<.*>\((\{[\s\S]*?\})\)/
-
       const fileName = id.split('/')[id.split('/').length - 1]
 
       if (code && fileName) {
         const slug = kebabCase(fileName.replace(/\..*/, ''))
-
-        const match = code.match(metaRegex)
+        const match = extractComponentMeta(code)
         if (match) {
-          const metaObject = eval(`(${match[1]})`)
-          devtoolsComponentMeta[slug] = metaObject
+          const metaObject = new Function(`return ${match}`)()
+          devtoolsComponentMeta[slug] = { meta: { devtools: { ...metaObject } } }
         }
       }
 
@@ -34,7 +53,7 @@ export function devtoolsMetaPlugin() {
     },
 
     configureServer(server: ViteDevServer) {
-      server.middlewares.use('/__ui_devtools__/api/component-meta', async (_req, res) => {
+      server.middlewares.use('/__nuxt_ui__/devtools/api/component-meta', async (_req, res) => {
         res.setHeader('Content-Type', 'application/json')
         const componentMeta = await import('./.component-meta/component-meta')
 
@@ -54,6 +73,30 @@ export function devtoolsMetaPlugin() {
 
         res.end(JSON.stringify(meta))
       })
+
+      server.middlewares.use('/__nuxt_ui__/devtools/api/component-example', async (req, res) => {
+        const query = new URL(req.url!, 'http://localhost').searchParams
+        const componentName = query.get('component')
+        if (!componentName) {
+          res.statusCode = 400
+          res.end(JSON.stringify({ error: 'Component name is required' }))
+          return
+        }
+
+        try {
+          // Define the path to your component
+          const componentPath = resolve(__dirname, `../devtools/examples/${componentName}.vue`)
+
+          // Read the component's source code
+          const sourceCode = fs.readFileSync(componentPath, 'utf-8')
+          res.setHeader('Content-Type', 'application/json')
+          res.end(JSON.stringify({ component: componentName, source: sourceCode }))
+        } catch (error) {
+          console.error(`Failed to read component source for ${componentName}:`, error)
+          res.statusCode = 500
+          res.end(JSON.stringify({ error: 'Failed to read component source' }))
+        }
+      })
     }
   }
 }
diff --git a/src/devtools/nuxt-root.vue b/src/devtools/nuxt-root.vue
index 6c3195ac5a..8065fb6168 100644
--- a/src/devtools/nuxt-root.vue
+++ b/src/devtools/nuxt-root.vue
@@ -13,7 +13,7 @@
       :is="SingleRenderer"
       v-else-if="SingleRenderer"
     />
-    <ComponentRenderer v-else-if="url.startsWith('/__nuxt_ui__/components')" :slug="url?.replace('/__nuxt_ui__/components/', '')" />
+    <NuxtPage v-else-if="url.startsWith('/__nuxt_ui__/components')" />
     <AppComponent v-else />
   </Suspense>
 </template>
@@ -24,7 +24,6 @@ import AppComponent from '#build/app-component.mjs'
 import ErrorComponent from '#build/error-component.mjs'
 // @ts-expect-error virtual file
 import { componentIslands } from '#build/nuxt.config.mjs'
-import ComponentRenderer from './ComponentRenderer.vue'
 
 const IslandRenderer = import.meta.server && componentIslands
   ? defineAsyncComponent(() => import('./island-renderer').then(r => r.default || r))
diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
index 7e8d146456..da6c9989ce 100644
--- a/src/devtools/rpc.ts
+++ b/src/devtools/rpc.ts
@@ -3,6 +3,7 @@ import { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'
 import * as theme from '../theme'
 import type { ModuleOptions } from '../module'
 import { upperFirst, camelCase, kebabCase } from 'scule'
+import type { DevtoolsMeta } from './extendComponentMeta'
 
 export type Component = {
   slug: string
@@ -10,7 +11,7 @@ export type Component = {
   slots: Record<string, string>
   variants: Record<string, any>
   defaultVariants: Record<string, any>
-  meta?: ComponentMeta
+  meta?: ComponentMeta & { devtools: DevtoolsMeta<any> }
 }
 
 export interface ServerFunctions {
diff --git a/src/module.ts b/src/module.ts
index 8c5481462e..07d62b9838 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -191,7 +191,8 @@ export default defineNuxtModule<ModuleOptions>({
       extendPages((pages) => {
         pages.unshift({
           name: 'ui-devtools',
-          path: '/__nuxt_ui__/components/:component'
+          path: '/__nuxt_ui__/components/:slug',
+          file: resolve(__dirname, './devtools/ComponentRenderer.vue')
         })
       })
 
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index fc4b4671e6..d6802adc9b 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -32,7 +32,7 @@ export interface ButtonProps extends UseComponentIconsProps, Omit<LinkProps, 'ra
 }
 
 // Injects props to use as default in the devtools playground.
-extendComponentMeta<ButtonProps>({ devtools: { defaultProps: { label: 'Click me!' } } })
+extendComponentMeta<ButtonProps>({ defaultProps: { label: 'Click me!' } })
 
 export interface ButtonSlots {
   leading(props?: {}): any
diff --git a/src/runtime/components/Form.vue b/src/runtime/components/Form.vue
index dffd153579..c9ad6ce09c 100644
--- a/src/runtime/components/Form.vue
+++ b/src/runtime/components/Form.vue
@@ -4,6 +4,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/form'
 import type { FormSchema, FormError, FormInputEvents, FormErrorEvent, FormSubmitEvent, FormEvent, Form, FormErrorWithId } from '../types/form'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { form: Partial<typeof theme> } }
 
@@ -29,14 +30,18 @@ export interface FormEmits<T extends object> {
 export interface FormSlots {
   default(props?: {}): any
 }
+
+extendComponentMeta({
+  example: 'FormExample'
+})
 </script>
 
 <script lang="ts" setup generic="T extends object">
-import { provide, inject, nextTick, ref, onUnmounted, onMounted, computed, useId, readonly } from 'vue'
 import { useEventBus } from '@vueuse/core'
 import { formOptionsInjectionKey, formInputsInjectionKey, formBusInjectionKey, formLoadingInjectionKey } from '../composables/useFormField'
 import { getYupErrors, isYupSchema, getValibotErrors, isValibotSchema, getZodErrors, isZodSchema, getJoiErrors, isJoiSchema, getStandardErrors, isStandardSchema } from '../utils/form'
 import { FormValidationException } from '../types/form'
+import { provide, inject, nextTick, ref, onUnmounted, onMounted, computed, useId, readonly } from 'vue'
 
 const props = withDefaults(defineProps<FormProps<T>>(), {
   validateOn() {

From 02fd6f2b5707cff833222ba1b319a3174a7e9ad7 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 13 Oct 2024 17:18:40 +0200
Subject: [PATCH 32/92] feat(devtools): support for enum array and sort props
 by name

---
 devtools/app/app.vue                          |  8 +-
 devtools/app/components/ComponentPreview.vue  |  2 +-
 .../app/components/ComponentPropInput.vue     | 86 ++++++++++---------
 3 files changed, 51 insertions(+), 45 deletions(-)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 2cc1dff1d3..32910b9418 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -25,7 +25,7 @@ onDevtoolsClientConnected(async (client) => {
   }))
 
   if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
-    component.value = components.value.find(comp => comp.slug === 'form')
+    component.value = components.value.find(comp => comp.slug === 'button')
   }
 
   state.value.props = { ...components.value?.reduce((acc, comp) => {
@@ -90,6 +90,10 @@ const componentProps = computed(() => {
   if (!component.value) return
   return state.value.props[component.value?.slug]
 })
+
+const componentPropsMeta = computed(() => {
+  return component.value?.meta?.props.filter(prop => prop.name !== 'ui').sort((a, b) => a.name.localeCompare(b.name))
+})
 </script>
 
 <template>
@@ -142,7 +146,7 @@ const componentProps = computed(() => {
           <div class="border-l border-[--ui-border] flex flex-col col-span-2 overflow-y-auto">
             <UTabs color="neutral" variant="link" :items="tabs" class="relative" :ui="{ list: 'sticky top-0 bg-[--ui-bg] z-50' }">
               <template #props>
-                <div v-for="prop in component?.meta?.props.filter((prop) => prop.name !== 'ui')" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-[--ui-border] dark:border-[--ui-border]">
+                <div v-for="prop in componentPropsMeta" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-[--ui-border] dark:border-[--ui-border]">
                   <ComponentPropInput v-bind="prop" v-model="componentProps[prop.name]" />
                 </div>
               </template>
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index 3fd24de906..fd0503afef 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -21,7 +21,7 @@ const code = computed(() => {
     if (props.component?.defaultVariants?.[key]) return
     if (props.component?.meta?.props.find(prop => prop.name === key && prop.default === value)) return
     if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
-    if (Array.isArray(value)) return `:${kebabCase(key)}="${genArrayFromRaw(value)}"`
+    if (Array.isArray(value)) return value.length ? `:${kebabCase(key)}="${genArrayFromRaw(value)}"` : undefined
     if (typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
     return `${kebabCase(key)}="${value}"`
   }).filter(Boolean).join('\n')
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index 8e8ad183fd..81b51a441a 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -7,25 +7,25 @@ const props = defineProps<Partial<PropertyMeta>>()
 const modelValue = defineModel<any>()
 
 const inputType = computed<ComponentPropInputType | null>(() => {
+  const types = props.type?.split(' | ')
   if (!props.schema) return null
-
-  if (props.type?.includes('string')) return 'string'
-  if (props.type?.includes('number')) return 'number'
-  if (props.type?.includes('boolean')) return 'boolean'
-  if (arraySchema.value) return 'array'
+  if (types?.includes('string')) return 'string'
+  if (types?.includes('number')) return 'number'
+  if (types?.includes('boolean')) return 'boolean'
   if (typeof props.schema === 'string') return null
+  if (arraySchema.value) return 'array'
   if (props.schema.kind === 'enum' && props.schema.schema && parseEnumValues(props.schema.schema)?.length) return 'enum'
   if (props.schema.kind !== 'enum' && typeof props.schema === 'object') return 'object'
 
   return null
 })
 
-function parseEnumValues(propMeta: PropertyMeta['schema'] | PropertyMeta['schema'][]) {
-  const meta = Array.isArray(propMeta) ? propMeta[0] : propMeta
+function parseEnumValues(propMeta: PropertyMeta['schema'][] | PropertyMeta['schema']) {
+  const meta = Array.isArray(propMeta) ? propMeta : Object.values(propMeta)
   if (!meta) return
-  return Object.values(propMeta).filter((value: string) =>
+  return meta.filter(value =>
     typeof value === 'string' && value.match(/^["']/) /* Keeps only string symbols and filters interfaces from matches */
-  ).map((value: string) => value.replaceAll(/["']/g, '')).filter(value => value !== 'undefined')
+  ).map(value => value.replaceAll(/["']/g, '')).filter(value => value !== 'undefined')
 }
 
 const arraySchema = computed(() => {
@@ -34,23 +34,21 @@ const arraySchema = computed(() => {
 
   const schema = Object.values(props.schema?.schema)
   const arr = schema?.find(s => typeof s !== 'string' && s.kind === 'array')
-
   if (!arr?.kind || arr.kind !== 'array' || typeof arr.schema?.[0] !== 'object') return
-
   return arr.schema[0]
 })
 
 function removeArrayItem(index: number) {
-  if (!Array.isArray(modelValue.value)) return
   modelValue.value.splice(index, 1)
 }
 
 function addArrayItem() {
-  if (!Array.isArray(modelValue.value)) return
+  modelValue.value ||= []
   modelValue.value.push({})
 }
 
 if (!modelValue.value) {
+  console.log(props.name, props.default)
   modelValue.value = props.default
 }
 </script>
@@ -74,35 +72,39 @@ if (!modelValue.value) {
     <USwitch v-else-if="inputType === 'boolean'" v-model="modelValue" />
 
     <div v-else-if="inputType === 'array'">
-      <div v-for="value, index in modelValue" :key="value.id" class="relative border border-[--ui-border] rounded-md mt-4">
-        <ComponentPropInput v-bind="arraySchema as any" :model-value="value" />
-
-        <UPopover>
-          <UButton variant="ghost" color="neutral" icon="i-heroicons-ellipsis-vertical" class="absolute top-1 right-1" />
-          <template #content>
-            <UButton
-              variant="ghost"
-              color="error"
-              icon="i-heroicons-trash"
-              block
-              @click="removeArrayItem(index)"
-            >
-              Remove
-            </UButton>
-          </template>
-        </UPopover>
-      </div>
-
-      <UButton
-        icon="i-heroicons-plus"
-        color="neutral"
-        variant="ghost"
-        block
-        class="justify-center mt-4"
-        @click="addArrayItem()"
-      >
-        Add value
-      </UButton>
+      <USelectMenu v-if="arraySchema?.kind === 'enum' && arraySchema.schema && parseEnumValues(arraySchema.schema)" v-model="modelValue" :items="parseEnumValues(arraySchema.schema)" class="min-w-56" multiple />
+
+      <template v-if="arraySchema?.kind === 'object'">
+        <div v-for="value, index in modelValue" :key="value.id" class="relative border border-[--ui-border] rounded-md mt-4">
+          <ComponentPropInput v-bind="arraySchema as any" :model-value="value" />
+
+          <UPopover>
+            <UButton variant="ghost" color="neutral" icon="i-heroicons-ellipsis-vertical" class="absolute top-1 right-1" />
+            <template #content>
+              <UButton
+                variant="ghost"
+                color="error"
+                icon="i-heroicons-trash"
+                block
+                @click="removeArrayItem(index)"
+              >
+                Remove
+              </UButton>
+            </template>
+          </UPopover>
+        </div>
+
+        <UButton
+          icon="i-heroicons-plus"
+          color="neutral"
+          variant="ghost"
+          block
+          class="justify-center mt-4"
+          @click="addArrayItem()"
+        >
+          Add value
+        </UButton>
+      </template>
     </div>
 
     <USelectMenu v-else-if="inputType === 'enum'" v-model="modelValue" :items="parseEnumValues((schema as any).schema)" class="min-w-56" />

From 01318429dd835c274952310a297bedf281223f39 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 13 Oct 2024 19:48:18 +0200
Subject: [PATCH 33/92] feat(devtools): add component examples

---
 devtools/app/app.vue                          | 16 +++-
 .../app/components/ComponentPropInput.vue     |  7 +-
 src/devtools/ComponentRenderer.vue            |  8 +-
 src/devtools/examples/AvatarGroupExample.vue  |  7 ++
 src/devtools/examples/ButtonGroupExample.vue  |  8 ++
 src/devtools/examples/CardExample.vue         | 15 ++++
 src/devtools/examples/CarouselExample.vue     | 14 ++++
 src/devtools/examples/ChipExample.vue         |  5 ++
 src/devtools/examples/CollapsibleExample.vue  |  8 ++
 .../examples/CommandPaletteExample.vue        | 29 +++++++
 src/devtools/examples/ContainerExample.vue    |  5 ++
 src/devtools/examples/ContextMenuExample.vue  |  5 ++
 src/devtools/examples/DrawerExample.vue       |  8 ++
 src/devtools/examples/DropdownMenuExample.vue |  5 ++
 src/devtools/examples/FormFieldExample.vue    |  5 ++
 src/devtools/examples/LinkExample.vue         |  5 ++
 src/devtools/examples/ModalExample.vue        |  8 ++
 src/devtools/examples/PopoverExample.vue      |  8 ++
 src/devtools/examples/SkeletonExample.vue     |  3 +
 src/devtools/examples/SlideoverExample.vue    |  8 ++
 src/devtools/examples/TooltipExample.vue      |  5 ++
 src/devtools/extendComponentMeta.ts           |  1 +
 src/devtools/meta.ts                          |  8 +-
 src/runtime/components/Accordion.vue          | 31 +++++++
 src/runtime/components/Alert.vue              |  3 +
 src/runtime/components/App.vue                |  3 +
 src/runtime/components/Avatar.vue             |  3 +
 src/runtime/components/AvatarGroup.vue        |  3 +
 src/runtime/components/Badge.vue              |  3 +
 src/runtime/components/Breadcrumb.vue         | 25 ++++++
 src/runtime/components/ButtonGroup.vue        |  5 ++
 src/runtime/components/Card.vue               |  5 ++
 src/runtime/components/Carousel.vue           |  2 +
 src/runtime/components/Checkbox.vue           |  3 +
 src/runtime/components/Chip.vue               |  3 +
 src/runtime/components/Collapsible.vue        |  3 +
 src/runtime/components/CommandPalette.vue     |  2 +
 src/runtime/components/Container.vue          |  3 +
 src/runtime/components/ContextMenu.vue        | 57 +++++++++++++
 src/runtime/components/Drawer.vue             |  3 +
 src/runtime/components/DropdownMenu.vue       | 83 +++++++++++++++++++
 src/runtime/components/FormField.vue          |  3 +
 src/runtime/components/InputMenu.vue          |  3 +
 src/runtime/components/Kbd.vue                |  2 +
 src/runtime/components/Link.vue               |  3 +
 src/runtime/components/Modal.vue              |  3 +
 src/runtime/components/Pagination.vue         |  3 +
 src/runtime/components/Popover.vue            |  3 +
 src/runtime/components/RadioGroup.vue         |  3 +
 src/runtime/components/Select.vue             |  3 +
 src/runtime/components/SelectMenu.vue         |  3 +
 src/runtime/components/Skeleton.vue           |  3 +
 src/runtime/components/Slideover.vue          |  3 +
 src/runtime/components/Switch.vue             |  3 +
 src/runtime/components/Tabs.vue               | 18 ++++
 src/runtime/components/Toast.vue              |  3 +
 src/runtime/components/Toaster.vue            |  3 +
 src/runtime/components/Tooltip.vue            |  3 +
 58 files changed, 480 insertions(+), 16 deletions(-)
 create mode 100644 src/devtools/examples/AvatarGroupExample.vue
 create mode 100644 src/devtools/examples/ButtonGroupExample.vue
 create mode 100644 src/devtools/examples/CardExample.vue
 create mode 100644 src/devtools/examples/CarouselExample.vue
 create mode 100644 src/devtools/examples/ChipExample.vue
 create mode 100644 src/devtools/examples/CollapsibleExample.vue
 create mode 100644 src/devtools/examples/CommandPaletteExample.vue
 create mode 100644 src/devtools/examples/ContainerExample.vue
 create mode 100644 src/devtools/examples/ContextMenuExample.vue
 create mode 100644 src/devtools/examples/DrawerExample.vue
 create mode 100644 src/devtools/examples/DropdownMenuExample.vue
 create mode 100644 src/devtools/examples/FormFieldExample.vue
 create mode 100644 src/devtools/examples/LinkExample.vue
 create mode 100644 src/devtools/examples/ModalExample.vue
 create mode 100644 src/devtools/examples/PopoverExample.vue
 create mode 100644 src/devtools/examples/SkeletonExample.vue
 create mode 100644 src/devtools/examples/SlideoverExample.vue
 create mode 100644 src/devtools/examples/TooltipExample.vue

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 32910b9418..da75ceb792 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -20,16 +20,24 @@ onDevtoolsClientConnected(async (client) => {
   rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
   const componentMeta = await $fetch<Record<string, { meta: ComponentMeta & { devtools: DevtoolsMeta<any> } }>>('/api/component-meta')
 
-  components.value = (await rpc.getComponents()).map(component => ({
-    ...component, value: component.slug, meta: componentMeta[component.slug]?.meta
-  }))
+  components.value = (await rpc.getComponents()).flatMap((component) => {
+    if (componentMeta[component.slug]?.meta.devtools?.ignore) return []
+    return [{
+      ...component, value: component.slug, meta: componentMeta[component.slug]?.meta
+    }]
+  })
 
   if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
     component.value = components.value.find(comp => comp.slug === 'button')
   }
 
   state.value.props = { ...components.value?.reduce((acc, comp) => {
-    acc[comp.slug] = { ...comp.defaultVariants, ...componentMeta[comp.slug]?.meta?.devtools?.defaultProps }
+    const componentDefaultProps = comp.meta?.props.reduce((acc, prop) => {
+      acc[prop.name] = prop.default
+      return acc
+    }, {} as Record<string, any>)
+
+    acc[comp.slug] = { ...comp.defaultVariants, ...componentDefaultProps, ...componentMeta[comp.slug]?.meta?.devtools?.defaultProps }
     return acc
   }, {} as Record<string, any>), ...state.value.props }
 
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index 81b51a441a..3c6cd8b5e1 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -8,7 +8,7 @@ const modelValue = defineModel<any>()
 
 const inputType = computed<ComponentPropInputType | null>(() => {
   const types = props.type?.split(' | ')
-  if (!props.schema) return null
+  if (!props.schema || props.name?.startsWith('on')) return null
   if (types?.includes('string')) return 'string'
   if (types?.includes('number')) return 'number'
   if (types?.includes('boolean')) return 'boolean'
@@ -46,11 +46,6 @@ function addArrayItem() {
   modelValue.value ||= []
   modelValue.value.push({})
 }
-
-if (!modelValue.value) {
-  console.log(props.name, props.default)
-  modelValue.value = props.default
-}
 </script>
 
 <template>
diff --git a/src/devtools/ComponentRenderer.vue b/src/devtools/ComponentRenderer.vue
index ddbe6ca0bb..de8c3e391b 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/devtools/ComponentRenderer.vue
@@ -42,9 +42,11 @@ onMounted(() => {
 
 <template>
   <div class="nuxt-ui-component-renderer h-screen w-screen p-8">
-    <template v-if="component && state.props">
-      <component :is="component" v-if="component && state.props" v-bind="state.props" :class="state?.slots?.base" :ui="state.slots" />
-    </template>
+    <UApp>
+      <template v-if="component && state.props">
+        <component :is="component" v-if="component && state.props" v-bind="state.props" :class="state?.slots?.base" :ui="state.slots" />
+      </template>
+    </UApp>
   </div>
 </template>
 
diff --git a/src/devtools/examples/AvatarGroupExample.vue b/src/devtools/examples/AvatarGroupExample.vue
new file mode 100644
index 0000000000..805b964a48
--- /dev/null
+++ b/src/devtools/examples/AvatarGroupExample.vue
@@ -0,0 +1,7 @@
+<template>
+  <UAvatarGroup>
+    <UAvatar src="https://github.com/benjamincanac.png" alt="Benjamin Canac" />
+    <UAvatar src="https://github.com/romhml.png" alt="Romain Hamel" />
+    <UAvatar src="https://github.com/noook.png" alt="Neil Richter" />
+  </UAvatarGroup>
+</template>
diff --git a/src/devtools/examples/ButtonGroupExample.vue b/src/devtools/examples/ButtonGroupExample.vue
new file mode 100644
index 0000000000..54d04c9764
--- /dev/null
+++ b/src/devtools/examples/ButtonGroupExample.vue
@@ -0,0 +1,8 @@
+<template>
+  <UButtonGroup>
+    <UInput placeholder="Search..." />
+    <UButton color="neutral" variant="outline">
+      Button
+    </UButton>
+  </UButtonGroup>
+</template>
diff --git a/src/devtools/examples/CardExample.vue b/src/devtools/examples/CardExample.vue
new file mode 100644
index 0000000000..5ac5c9e677
--- /dev/null
+++ b/src/devtools/examples/CardExample.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="flex flex-col gap-4">
+    <UCard class="w-96">
+      <template #header>
+        <Placeholder class="h-8" />
+      </template>
+
+      <Placeholder class="h-32" />
+
+      <template #footer>
+        <Placeholder class="h-8" />
+      </template>
+    </UCard>
+  </div>
+</template>
diff --git a/src/devtools/examples/CarouselExample.vue b/src/devtools/examples/CarouselExample.vue
new file mode 100644
index 0000000000..aca77af1d4
--- /dev/null
+++ b/src/devtools/examples/CarouselExample.vue
@@ -0,0 +1,14 @@
+<template>
+  <UCarousel
+    v-slot="{ item }"
+    :items="[
+      'https://picsum.photos/320/320?v=1',
+      'https://picsum.photos/320/320?v=2',
+      'https://picsum.photos/320/320?v=3'
+    ]"
+    :ui="{ item: 'basis-1/3' }"
+    class="w-full max-w-xs mx-auto"
+  >
+    <img :src="item" class="rounded-lg">
+  </UCarousel>
+</template>
diff --git a/src/devtools/examples/ChipExample.vue b/src/devtools/examples/ChipExample.vue
new file mode 100644
index 0000000000..c0c05fdca4
--- /dev/null
+++ b/src/devtools/examples/ChipExample.vue
@@ -0,0 +1,5 @@
+<template>
+  <UChip>
+    <UAvatar src="https://avatars.githubusercontent.com/u/739984?v=4" />
+  </UChip>
+</template>
diff --git a/src/devtools/examples/CollapsibleExample.vue b/src/devtools/examples/CollapsibleExample.vue
new file mode 100644
index 0000000000..8396b8500c
--- /dev/null
+++ b/src/devtools/examples/CollapsibleExample.vue
@@ -0,0 +1,8 @@
+<template>
+  <UCollapsible class="w-48">
+    <UButton label="Open Collapse" block />
+    <template #content>
+      <Placeholder class="h-60" />
+    </template>
+  </UCollapsible>
+</template>
diff --git a/src/devtools/examples/CommandPaletteExample.vue b/src/devtools/examples/CommandPaletteExample.vue
new file mode 100644
index 0000000000..5ac798e86d
--- /dev/null
+++ b/src/devtools/examples/CommandPaletteExample.vue
@@ -0,0 +1,29 @@
+<template>
+  <UCommandPalette :groups="groups" />
+</template>
+
+<script setup lang="ts">
+const groups = [{
+  id: 'actions',
+  items: [{
+    label: 'Add new file',
+    suffix: 'Create a new file in the current directory or workspace.',
+    icon: 'i-heroicons-document-plus'
+  }, {
+    label: 'Add new folder',
+    suffix: 'Create a new folder in the current directory or workspace.',
+    icon: 'i-heroicons-folder-plus',
+    kbds: ['meta', 'F']
+  }, {
+    label: 'Add hashtag',
+    suffix: 'Add a hashtag to the current item.',
+    icon: 'i-heroicons-hashtag',
+    kbds: ['meta', 'H']
+  }, {
+    label: 'Add label',
+    suffix: 'Add a label to the current item.',
+    icon: 'i-heroicons-tag',
+    kbds: ['meta', 'L']
+  }]
+}]
+</script>
diff --git a/src/devtools/examples/ContainerExample.vue b/src/devtools/examples/ContainerExample.vue
new file mode 100644
index 0000000000..061adec5d6
--- /dev/null
+++ b/src/devtools/examples/ContainerExample.vue
@@ -0,0 +1,5 @@
+<template>
+  <UContainer>
+    <Placeholder class="h-60 aspect-video w-72" />
+  </UContainer>
+</template>
diff --git a/src/devtools/examples/ContextMenuExample.vue b/src/devtools/examples/ContextMenuExample.vue
new file mode 100644
index 0000000000..a65a4cfd29
--- /dev/null
+++ b/src/devtools/examples/ContextMenuExample.vue
@@ -0,0 +1,5 @@
+<template>
+  <UContextMenu>
+    <Placeholder class="h-60 aspect-video w-72" />
+  </UContextMenu>
+</template>
diff --git a/src/devtools/examples/DrawerExample.vue b/src/devtools/examples/DrawerExample.vue
new file mode 100644
index 0000000000..125804e68f
--- /dev/null
+++ b/src/devtools/examples/DrawerExample.vue
@@ -0,0 +1,8 @@
+<template>
+  <UDrawer>
+    <UButton label="Open Drawer" />
+    <template #body>
+      <div class="size-96" />
+    </template>
+  </UDrawer>
+</template>
diff --git a/src/devtools/examples/DropdownMenuExample.vue b/src/devtools/examples/DropdownMenuExample.vue
new file mode 100644
index 0000000000..49cc937e40
--- /dev/null
+++ b/src/devtools/examples/DropdownMenuExample.vue
@@ -0,0 +1,5 @@
+<template>
+  <UDropdownMenu>
+    <UButton label="Open Dropdown" />
+  </UDropdownMenu>
+</template>
diff --git a/src/devtools/examples/FormFieldExample.vue b/src/devtools/examples/FormFieldExample.vue
new file mode 100644
index 0000000000..a0be07b10f
--- /dev/null
+++ b/src/devtools/examples/FormFieldExample.vue
@@ -0,0 +1,5 @@
+<template>
+  <UFormField>
+    <UInput />
+  </UFormField>
+</template>
diff --git a/src/devtools/examples/LinkExample.vue b/src/devtools/examples/LinkExample.vue
new file mode 100644
index 0000000000..e5cbd6bc8c
--- /dev/null
+++ b/src/devtools/examples/LinkExample.vue
@@ -0,0 +1,5 @@
+<template>
+  <ULink>
+    Link
+  </ULink>
+</template>
diff --git a/src/devtools/examples/ModalExample.vue b/src/devtools/examples/ModalExample.vue
new file mode 100644
index 0000000000..79e36a021e
--- /dev/null
+++ b/src/devtools/examples/ModalExample.vue
@@ -0,0 +1,8 @@
+<template>
+  <UModal>
+    <UButton label="Open Modal" />
+    <template #content>
+      <Placeholder class="h-72 w-full" />
+    </template>
+  </UModal>
+</template>
diff --git a/src/devtools/examples/PopoverExample.vue b/src/devtools/examples/PopoverExample.vue
new file mode 100644
index 0000000000..fd5f61956c
--- /dev/null
+++ b/src/devtools/examples/PopoverExample.vue
@@ -0,0 +1,8 @@
+<template>
+  <UPopover>
+    <UButton label="Open Collapse" />
+    <template #content>
+      <Placeholder class="h-24 w-60" />
+    </template>
+  </UPopover>
+</template>
diff --git a/src/devtools/examples/SkeletonExample.vue b/src/devtools/examples/SkeletonExample.vue
new file mode 100644
index 0000000000..5b2fab1e83
--- /dev/null
+++ b/src/devtools/examples/SkeletonExample.vue
@@ -0,0 +1,3 @@
+<template>
+  <USkeleton class="h-32 w-96" />
+</template>
diff --git a/src/devtools/examples/SlideoverExample.vue b/src/devtools/examples/SlideoverExample.vue
new file mode 100644
index 0000000000..79a07dc720
--- /dev/null
+++ b/src/devtools/examples/SlideoverExample.vue
@@ -0,0 +1,8 @@
+<template>
+  <USlideover>
+    <UButton label="Open Slideover" />
+    <template #body>
+      <div class="size-96" />
+    </template>
+  </USlideover>
+</template>
diff --git a/src/devtools/examples/TooltipExample.vue b/src/devtools/examples/TooltipExample.vue
new file mode 100644
index 0000000000..b3afb99409
--- /dev/null
+++ b/src/devtools/examples/TooltipExample.vue
@@ -0,0 +1,5 @@
+<template>
+  <UTooltip text="Top" :kbds="['meta', 'T']" :content="{ side: 'top' }" arrow>
+    <Placeholder class="size-20" />
+  </UTooltip>
+</template>
diff --git a/src/devtools/extendComponentMeta.ts b/src/devtools/extendComponentMeta.ts
index 8e0e9c1e72..f7c0e1db0a 100644
--- a/src/devtools/extendComponentMeta.ts
+++ b/src/devtools/extendComponentMeta.ts
@@ -1,6 +1,7 @@
 export type DevtoolsMeta<T> = {
   defaultProps?: T
   example?: string
+  ignore?: boolean
 }
 
 export function extendComponentMeta<T>(_meta: DevtoolsMeta<T>) { }
diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index 086edf6aa9..d30c462a0b 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -62,9 +62,11 @@ export function devtoolsMetaPlugin() {
 
           value.meta.props = value.meta.props.map((prop: any) => ({
             ...prop,
-            default: prop.default ?? prop?.tags?.find((tag: any) =>
-              tag.name === 'defaultValue'
-              && !tag.text?.includes('appConfig'))?.text?.replaceAll(/["']/g, '') }
+            default: prop.default
+              ? prop.default?.replaceAll(/["'`]/g, '')
+              : prop?.tags?.find((tag: any) =>
+                tag.name === 'defaultValue'
+                && !tag.text?.includes('appConfig'))?.text?.replaceAll(/["']/g, '') }
           ))
 
           acc[kebabCase(key.replace(/^U/, ''))] = value
diff --git a/src/runtime/components/Accordion.vue b/src/runtime/components/Accordion.vue
index d281b06107..114ef550d9 100644
--- a/src/runtime/components/Accordion.vue
+++ b/src/runtime/components/Accordion.vue
@@ -6,6 +6,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/accordion'
 import type { DynamicSlots } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { accordion: Partial<typeof theme> } }
 
@@ -49,6 +50,36 @@ export type AccordionSlots<T extends { slot?: string }> = {
   body: SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
+extendComponentMeta({
+  defaultProps: {
+    items: [{
+      label: 'Getting Started',
+      icon: 'i-heroicons-information-circle',
+      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
+    }, {
+      label: 'Installation',
+      icon: 'i-heroicons-arrow-down-tray',
+      disabled: true,
+      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
+    }, {
+      label: 'Theming',
+      icon: 'i-heroicons-eye-dropper',
+      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
+    }, {
+      label: 'Layouts',
+      icon: 'i-heroicons-rectangle-group',
+      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
+    }, {
+      label: 'Components',
+      icon: 'i-heroicons-square-3-stack-3d',
+      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
+    }, {
+      label: 'Utilities',
+      icon: 'i-heroicons-wrench-screwdriver',
+      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
+    }]
+  }
+})
 </script>
 
 <script setup lang="ts" generic="T extends AccordionItem">
diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue
index 577f3d041f..e3b12ce4b3 100644
--- a/src/runtime/components/Alert.vue
+++ b/src/runtime/components/Alert.vue
@@ -4,6 +4,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/alert'
 import type { AvatarProps, ButtonProps } from '../types'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { alert: Partial<typeof theme> } }
 
@@ -56,6 +57,8 @@ export interface AlertSlots {
   actions(props?: {}): any
   close(props: { ui: any }): any
 }
+
+extendComponentMeta<AlertProps>({ defaultProps: { title: 'Heads up!' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/App.vue b/src/runtime/components/App.vue
index d01ccb0afa..a7587edf2c 100644
--- a/src/runtime/components/App.vue
+++ b/src/runtime/components/App.vue
@@ -1,6 +1,7 @@
 <script lang="ts">
 import type { ConfigProviderProps, TooltipProviderProps } from 'radix-vue'
 import type { ToasterProps } from '../types'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 export interface AppProps extends Omit<ConfigProviderProps, 'useId'> {
   tooltip?: TooltipProviderProps
@@ -26,6 +27,8 @@ defineSlots<AppSlots>()
 const configProviderProps = useForwardProps(reactivePick(props, 'dir', 'scrollBody'))
 const tooltipProps = toRef(() => props.tooltip)
 const toasterProps = toRef(() => props.toaster)
+
+extendComponentMeta({ ignore: true })
 </script>
 
 <template>
diff --git a/src/runtime/components/Avatar.vue b/src/runtime/components/Avatar.vue
index 041660a1f0..e8e9ee222d 100644
--- a/src/runtime/components/Avatar.vue
+++ b/src/runtime/components/Avatar.vue
@@ -4,6 +4,7 @@ import type { AvatarFallbackProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/avatar'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { avatar: Partial<typeof theme> } }
 
@@ -25,6 +26,8 @@ export interface AvatarProps extends Pick<AvatarFallbackProps, 'delayMs'> {
   class?: any
   ui?: Partial<typeof avatar.slots>
 }
+
+extendComponentMeta<AvatarProps>({ defaultProps: { src: 'https://avatars.githubusercontent.com/u/739984?v=4', alt: 'Benjamin Canac' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/AvatarGroup.vue b/src/runtime/components/AvatarGroup.vue
index 992fa6942f..62bd76fb3e 100644
--- a/src/runtime/components/AvatarGroup.vue
+++ b/src/runtime/components/AvatarGroup.vue
@@ -3,6 +3,7 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/avatar-group'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { avatarGroup: Partial<typeof theme> } }
 
@@ -28,6 +29,8 @@ export interface AvatarGroupProps {
 export interface AvatarGroupSlots {
   default(props?: {}): any
 }
+
+extendComponentMeta({ example: 'AvatarGroupExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Badge.vue b/src/runtime/components/Badge.vue
index 293f5e8c62..0db4ba9d1d 100644
--- a/src/runtime/components/Badge.vue
+++ b/src/runtime/components/Badge.vue
@@ -3,6 +3,7 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/badge'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { badge: Partial<typeof theme> } }
 
@@ -35,6 +36,8 @@ const props = withDefaults(defineProps<BadgeProps>(), {
   as: 'span'
 })
 defineSlots<BadgeSlots>()
+
+extendComponentMeta({ defaultProps: { label: 'Badge' } })
 </script>
 
 <template>
diff --git a/src/runtime/components/Breadcrumb.vue b/src/runtime/components/Breadcrumb.vue
index 6c909eb516..f4fd2a3732 100644
--- a/src/runtime/components/Breadcrumb.vue
+++ b/src/runtime/components/Breadcrumb.vue
@@ -6,6 +6,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/breadcrumb'
 import type { AvatarProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { breadcrumb: Partial<typeof theme> } }
 
@@ -44,6 +45,30 @@ export type BreadcrumbSlots<T extends { slot?: string }> = {
   'separator'(props?: {}): any
 } & DynamicSlots<T, SlotProps<T>>
 
+extendComponentMeta({
+  defaultProps: {
+    items: [
+      { label: 'Home', to: '/' },
+      {
+        slot: 'dropdown',
+        icon: 'i-heroicons-ellipsis-horizontal',
+        children: [{
+          label: 'Documentation'
+        }, {
+          label: 'Themes'
+        }, {
+          label: 'GitHub'
+        }]
+      }, {
+        label: 'Components',
+        disabled: true
+      }, {
+        label: 'Breadcrumb',
+        to: '/components/breadcrumb'
+      }
+    ]
+  }
+})
 </script>
 
 <script setup lang="ts" generic="T extends BreadcrumbItem">
diff --git a/src/runtime/components/ButtonGroup.vue b/src/runtime/components/ButtonGroup.vue
index 0635091f77..a3a7564c30 100644
--- a/src/runtime/components/ButtonGroup.vue
+++ b/src/runtime/components/ButtonGroup.vue
@@ -3,6 +3,7 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/button-group'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { buttonGroup: Partial<typeof theme> } }
 
@@ -28,6 +29,10 @@ export interface ButtonGroupProps {
 export interface ButtonGroupSlots {
   default(props?: {}): any
 }
+
+extendComponentMeta({
+  example: 'ButtonGroupExample'
+})
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Card.vue b/src/runtime/components/Card.vue
index c0b44d8694..9c39367144 100644
--- a/src/runtime/components/Card.vue
+++ b/src/runtime/components/Card.vue
@@ -3,6 +3,7 @@ import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/card'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { card: Partial<typeof theme> } }
 
@@ -23,6 +24,10 @@ export interface CardSlots {
   default(props?: {}): any
   footer(props?: {}): any
 }
+
+extendComponentMeta({
+  example: 'CardExample'
+})
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Carousel.vue b/src/runtime/components/Carousel.vue
index db88d7a257..6564bef763 100644
--- a/src/runtime/components/Carousel.vue
+++ b/src/runtime/components/Carousel.vue
@@ -13,6 +13,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/carousel'
 import type { ButtonProps } from '../types'
 import type { AcceptableValue, PartialString } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { carousel: Partial<typeof theme> } }
 
@@ -91,6 +92,7 @@ export type CarouselSlots<T> = {
   default(props: { item: T, index: number }): any
 }
 
+extendComponentMeta({ example: 'CarouselExample' })
 </script>
 
 <script setup lang="ts" generic="T extends AcceptableValue">
diff --git a/src/runtime/components/Checkbox.vue b/src/runtime/components/Checkbox.vue
index a3c447e8b6..a2ae8d781f 100644
--- a/src/runtime/components/Checkbox.vue
+++ b/src/runtime/components/Checkbox.vue
@@ -5,6 +5,7 @@ import type { CheckboxRootProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/checkbox'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { checkbox: Partial<typeof theme> } }
 
@@ -43,6 +44,8 @@ export interface CheckboxSlots {
   label(props: { label?: string }): any
   description(props: { description?: string }): any
 }
+
+extendComponentMeta({ defaultProps: { label: 'Check me!' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Chip.vue b/src/runtime/components/Chip.vue
index 652ad97e2d..2c57973917 100644
--- a/src/runtime/components/Chip.vue
+++ b/src/runtime/components/Chip.vue
@@ -3,6 +3,7 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/chip'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { chip: Partial<typeof theme> } }
 
@@ -37,6 +38,8 @@ export interface ChipSlots {
   default(props?: {}): any
   content(props?: {}): any
 }
+
+extendComponentMeta({ example: 'ChipExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Collapsible.vue b/src/runtime/components/Collapsible.vue
index 94daf0568a..eda4857a89 100644
--- a/src/runtime/components/Collapsible.vue
+++ b/src/runtime/components/Collapsible.vue
@@ -4,6 +4,7 @@ import type { CollapsibleRootProps, CollapsibleRootEmits } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/collapsible'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { collapsible: Partial<typeof theme> } }
 
@@ -25,6 +26,8 @@ export interface CollapsibleSlots {
   default(props: { open: boolean }): any
   content(props?: {}): any
 }
+
+extendComponentMeta({ example: 'CollapsibleExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/CommandPalette.vue b/src/runtime/components/CommandPalette.vue
index d1007e8389..0fcd542da7 100644
--- a/src/runtime/components/CommandPalette.vue
+++ b/src/runtime/components/CommandPalette.vue
@@ -10,6 +10,7 @@ import theme from '#build/ui/command-palette'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ButtonProps, ChipProps, KbdProps, InputProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { commandPalette: Partial<typeof theme> } }
 
@@ -107,6 +108,7 @@ export type CommandPaletteSlots<G extends { slot?: string }, T extends { slot?:
   'item-trailing': SlotProps<T>
 } & DynamicSlots<G, SlotProps<T>> & DynamicSlots<T, SlotProps<T>>
 
+extendComponentMeta({ example: 'CommandPaletteExample' })
 </script>
 
 <script setup lang="ts" generic="G extends CommandPaletteGroup<T>, T extends CommandPaletteItem">
diff --git a/src/runtime/components/Container.vue b/src/runtime/components/Container.vue
index cf64a72026..cf14e0e040 100644
--- a/src/runtime/components/Container.vue
+++ b/src/runtime/components/Container.vue
@@ -3,6 +3,7 @@ import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/container'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { container: Partial<typeof theme> } }
 
@@ -20,6 +21,8 @@ export interface ContainerProps {
 export interface ContainerSlots {
   default(props?: {}): any
 }
+
+extendComponentMeta({ example: 'ContainerExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/ContextMenu.vue b/src/runtime/components/ContextMenu.vue
index 9a0c897db5..9e91272acf 100644
--- a/src/runtime/components/ContextMenu.vue
+++ b/src/runtime/components/ContextMenu.vue
@@ -7,6 +7,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/context-menu'
 import type { AvatarProps, KbdProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { contextMenu: Partial<typeof theme> } }
 
@@ -58,6 +59,62 @@ export type ContextMenuSlots<T extends { slot?: string }> = {
   'item-trailing': SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
+extendComponentMeta({ example: 'ContextMenuExample', defaultProps: { items:
+  [
+    [{
+      label: 'My account',
+      avatar: {
+        src: 'https://avatars.githubusercontent.com/u/739984?v=4'
+      }
+    }],
+    [{
+      label: 'Appearance',
+      children: [{
+        label: 'System',
+        icon: 'i-heroicons-computer-desktop'
+      }, {
+        label: 'Light',
+        icon: 'i-heroicons-sun'
+      }, {
+        label: 'Dark',
+        icon: 'i-heroicons-moon'
+      }]
+    }],
+    [{
+      label: 'Show Sidebar',
+      kbds: ['meta', 'S']
+    }, {
+      label: 'Show Toolbar',
+      kbds: ['shift', 'meta', 'D']
+    }, {
+      label: 'Collapse Pinned Tabs',
+      disabled: true
+    }], [{
+      label: 'Refresh the Page'
+    }, {
+      label: 'Clear Cookies and Refresh'
+    }, {
+      label: 'Clear Cache and Refresh'
+    }, {
+      type: 'separator'
+    }, {
+      label: 'Developer',
+      children: [[{
+        label: 'View Source',
+        kbds: ['option', 'meta', 'U']
+      }, {
+        label: 'Developer Tools',
+        kbds: ['option', 'meta', 'I']
+      }], [{
+        label: 'Inspect Elements',
+        kbds: ['option', 'meta', 'C']
+      }], [{
+        label: 'JavaScript Console',
+        kbds: ['option', 'meta', 'J']
+      }]]
+    }]
+  ] }
+})
 </script>
 
 <script setup lang="ts" generic="T extends ContextMenuItem">
diff --git a/src/runtime/components/Drawer.vue b/src/runtime/components/Drawer.vue
index d787eb3c89..d3e3519015 100644
--- a/src/runtime/components/Drawer.vue
+++ b/src/runtime/components/Drawer.vue
@@ -5,6 +5,7 @@ import type { DialogContentProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/drawer'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { drawer: Partial<typeof theme> } }
 
@@ -51,6 +52,8 @@ export interface DrawerSlots {
   body(props?: {}): any
   footer(props?: {}): any
 }
+
+extendComponentMeta({ example: 'DrawerExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/DropdownMenu.vue b/src/runtime/components/DropdownMenu.vue
index 2cf3d5596d..fb9ed8b67c 100644
--- a/src/runtime/components/DropdownMenu.vue
+++ b/src/runtime/components/DropdownMenu.vue
@@ -7,6 +7,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/dropdown-menu'
 import type { AvatarProps, KbdProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { dropdownMenu: Partial<typeof theme> } }
 
@@ -66,6 +67,88 @@ export type DropdownMenuSlots<T extends { slot?: string }> = {
   'item-trailing': SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
+extendComponentMeta({
+  example: 'DropdownMenuExample',
+  defaultProps: {
+    items: [
+      [{
+        label: 'My account',
+        avatar: {
+          src: 'https://avatars.githubusercontent.com/u/739984?v=4'
+        },
+        type: 'label'
+      }],
+      [{
+        label: 'Profile',
+        icon: 'i-heroicons-user',
+        slot: 'custom'
+      }, {
+        label: 'Billing',
+        icon: 'i-heroicons-credit-card',
+        kbds: ['meta', 'b']
+      }, {
+        label: 'Settings',
+        icon: 'i-heroicons-cog',
+        kbds: ['?']
+      }], [{
+        label: 'Team',
+        icon: 'i-heroicons-users'
+      }, {
+        label: 'Invite users',
+        icon: 'i-heroicons-user-plus',
+        children: [[{
+          label: 'Invite by email',
+          icon: 'i-heroicons-paper-airplane'
+        }, {
+          label: 'Invite by link',
+          icon: 'i-heroicons-link',
+          kbds: ['meta', 'i']
+        }], [{
+          label: 'More',
+          icon: 'i-heroicons-plus-circle',
+          children: [{
+            label: 'Import from Slack',
+            icon: 'i-simple-icons-slack',
+            to: 'https://slack.com',
+            target: '_blank'
+          }, {
+            label: 'Import from Trello',
+            icon: 'i-simple-icons-trello'
+          }, {
+            label: 'Import from Asana',
+            icon: 'i-simple-icons-asana'
+          }]
+        }]]
+      }, {
+        label: 'New team',
+        icon: 'i-heroicons-plus',
+        kbds: ['meta', 'n']
+      }],
+      [{
+        label: 'GitHub',
+        icon: 'i-simple-icons-github',
+        to: 'https://github.com/nuxt/ui',
+        target: '_blank'
+      }, {
+        label: 'Support',
+        icon: 'i-heroicons-lifebuoy',
+        to: '/components/dropdown-menu'
+      }, {
+        type: 'separator'
+      }, {
+        label: 'Keyboard Shortcuts',
+        icon: 'i-heroicons-key'
+      }, {
+        label: 'API',
+        icon: 'i-heroicons-cube',
+        disabled: true
+      }], [{
+        label: 'Logout',
+        icon: 'i-heroicons-arrow-right-start-on-rectangle',
+        kbds: ['shift', 'meta', 'q']
+      }]
+    ] }
+})
 </script>
 
 <script setup lang="ts" generic="T extends DropdownMenuItem">
diff --git a/src/runtime/components/FormField.vue b/src/runtime/components/FormField.vue
index 1d682f1cd0..f1a4eaacac 100644
--- a/src/runtime/components/FormField.vue
+++ b/src/runtime/components/FormField.vue
@@ -3,6 +3,7 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/form-field'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { formField: Partial<typeof theme> } }
 
@@ -33,6 +34,8 @@ export interface FormFieldSlots {
   error(props: { error?: string | boolean }): any
   default(props: { error?: string | boolean }): any
 }
+
+extendComponentMeta({ example: 'FormFieldExample', defaultProps: { label: 'Label' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/InputMenu.vue b/src/runtime/components/InputMenu.vue
index 629fdea127..71ead0d49a 100644
--- a/src/runtime/components/InputMenu.vue
+++ b/src/runtime/components/InputMenu.vue
@@ -8,6 +8,7 @@ import theme from '#build/ui/input-menu'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { AcceptableValue, ArrayOrWrapped, PartialString } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { inputMenu: Partial<typeof theme> } }
 
@@ -112,6 +113,8 @@ export interface InputMenuSlots<T> {
   'tags-item-text': SlotProps<T>
   'tags-item-delete': SlotProps<T>
 }
+
+extendComponentMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
 </script>
 
 <script setup lang="ts" generic="T extends InputMenuItem | AcceptableValue">
diff --git a/src/runtime/components/Kbd.vue b/src/runtime/components/Kbd.vue
index c46fbf0655..ebed9ffa66 100644
--- a/src/runtime/components/Kbd.vue
+++ b/src/runtime/components/Kbd.vue
@@ -4,6 +4,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/kbd'
 import type { KbdKey } from '../composables/useKbd'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { kbd: Partial<typeof theme> } }
 
@@ -26,6 +27,7 @@ export interface KbdProps {
 export interface KbdSlots {
   default(props?: {}): any
 }
+extendComponentMeta({ defaultProps: { value: 'K' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Link.vue b/src/runtime/components/Link.vue
index aaf57eeff0..c21fb95a08 100644
--- a/src/runtime/components/Link.vue
+++ b/src/runtime/components/Link.vue
@@ -5,6 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/link'
 import type { NuxtLinkProps } from '#app'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { link: Partial<typeof theme> } }
 
@@ -41,6 +42,8 @@ export interface LinkProps extends NuxtLinkProps {
 export interface LinkSlots {
   default(props: { active: boolean }): any
 }
+
+extendComponentMeta({ example: 'LinkExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Modal.vue b/src/runtime/components/Modal.vue
index f916d2424b..ee61b0a1e0 100644
--- a/src/runtime/components/Modal.vue
+++ b/src/runtime/components/Modal.vue
@@ -5,6 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/modal'
 import type { ButtonProps } from '../types'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { modal: Partial<typeof theme> } }
 
@@ -67,6 +68,8 @@ export interface ModalSlots {
   body(props?: {}): any
   footer(props?: {}): any
 }
+
+extendComponentMeta({ example: 'ModalExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Pagination.vue b/src/runtime/components/Pagination.vue
index 034ff6bb2a..78b152c5ee 100644
--- a/src/runtime/components/Pagination.vue
+++ b/src/runtime/components/Pagination.vue
@@ -6,6 +6,7 @@ import type { RouteLocationRaw } from '#vue-router'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/pagination'
 import type { ButtonProps } from '../types'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { pagination: Partial<typeof theme> } }
 
@@ -97,6 +98,8 @@ export interface PaginationSlots {
     index: number
   }): any
 }
+
+extendComponentMeta({ defaultProps: { total: 50 } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Popover.vue b/src/runtime/components/Popover.vue
index 7968363ef3..c4c72e9ee9 100644
--- a/src/runtime/components/Popover.vue
+++ b/src/runtime/components/Popover.vue
@@ -4,6 +4,7 @@ import type { PopoverRootProps, HoverCardRootProps, PopoverRootEmits, PopoverCon
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/popover'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { popover: Partial<typeof theme> } }
 
@@ -40,6 +41,8 @@ export interface PopoverSlots {
   default(props: { open: boolean }): any
   content(props?: {}): any
 }
+
+extendComponentMeta({ example: 'PopoverExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/RadioGroup.vue b/src/runtime/components/RadioGroup.vue
index d226d9f6b8..f21b8c4d8c 100644
--- a/src/runtime/components/RadioGroup.vue
+++ b/src/runtime/components/RadioGroup.vue
@@ -5,6 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/radio-group'
 import type { AcceptableValue } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { radioGroup: Partial<typeof theme> } }
 
@@ -52,6 +53,8 @@ export interface RadioGroupSlots<T> {
   label: SlotProps<T>
   description: SlotProps<T>
 }
+
+extendComponentMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
 </script>
 
 <script setup lang="ts" generic="T extends RadioGroupItem | AcceptableValue">
diff --git a/src/runtime/components/Select.vue b/src/runtime/components/Select.vue
index 645b7df563..e1eaf3f528 100644
--- a/src/runtime/components/Select.vue
+++ b/src/runtime/components/Select.vue
@@ -7,6 +7,7 @@ import theme from '#build/ui/select'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { AcceptableValue, PartialString } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { select: Partial<typeof theme> } }
 
@@ -86,6 +87,8 @@ export interface SelectSlots<T> {
   'item-label': SlotProps<T>
   'item-trailing': SlotProps<T>
 }
+
+extendComponentMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
 </script>
 
 <script setup lang="ts" generic="T extends SelectItem | AcceptableValue">
diff --git a/src/runtime/components/SelectMenu.vue b/src/runtime/components/SelectMenu.vue
index a6238c31f8..1a9c58c729 100644
--- a/src/runtime/components/SelectMenu.vue
+++ b/src/runtime/components/SelectMenu.vue
@@ -7,6 +7,7 @@ import theme from '#build/ui/select-menu'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { AcceptableValue, ArrayOrWrapped, PartialString } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { selectMenu: Partial<typeof theme> } }
 
@@ -102,6 +103,8 @@ export interface SelectMenuSlots<T> {
   'item-label': SlotProps<T>
   'item-trailing': SlotProps<T>
 }
+
+extendComponentMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
 </script>
 
 <script setup lang="ts" generic="T extends SelectMenuItem | AcceptableValue">
diff --git a/src/runtime/components/Skeleton.vue b/src/runtime/components/Skeleton.vue
index 565d987f83..115e8a8855 100644
--- a/src/runtime/components/Skeleton.vue
+++ b/src/runtime/components/Skeleton.vue
@@ -3,6 +3,7 @@ import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/skeleton'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { skeleton: Partial<typeof theme> } }
 
@@ -16,6 +17,8 @@ export interface SkeletonProps {
   as?: any
   class?: any
 }
+
+extendComponentMeta({ example: 'SkeletonExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Slideover.vue b/src/runtime/components/Slideover.vue
index 1401394022..c76a513e3d 100644
--- a/src/runtime/components/Slideover.vue
+++ b/src/runtime/components/Slideover.vue
@@ -5,6 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/slideover'
 import type { ButtonProps } from '../types'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { slideover: Partial<typeof theme> } }
 
@@ -65,6 +66,8 @@ export interface SlideoverSlots {
   body(props?: {}): any
   footer(props?: {}): any
 }
+
+extendComponentMeta({ example: 'SlideoverExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Switch.vue b/src/runtime/components/Switch.vue
index 4531342c0e..845d1dce49 100644
--- a/src/runtime/components/Switch.vue
+++ b/src/runtime/components/Switch.vue
@@ -5,6 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/switch'
 import type { PartialString } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { switch: Partial<typeof theme> } }
 
@@ -48,6 +49,8 @@ export interface SwitchSlots {
   label(props: { label?: string }): any
   description(props: { description?: string }): any
 }
+
+extendComponentMeta({ defaultProps: { label: 'Switch me!' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Tabs.vue b/src/runtime/components/Tabs.vue
index 8f2f7e7d8e..f5b1d534dc 100644
--- a/src/runtime/components/Tabs.vue
+++ b/src/runtime/components/Tabs.vue
@@ -7,6 +7,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/tabs'
 import type { AvatarProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { tabs: Partial<typeof theme> } }
 
@@ -59,6 +60,23 @@ export type TabsSlots<T extends { slot?: string }> = {
   content: SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
+extendComponentMeta({
+  defaultProps: {
+    items: [{
+      label: 'Tab1',
+      avatar: { src: 'https://avatars.githubusercontent.com/u/739984?v=4' },
+      content: 'This is the content shown for Tab1'
+    }, {
+      label: 'Tab2',
+      icon: 'i-heroicons-user',
+      content: 'And, this is the content for Tab2'
+    }, {
+      label: 'Tab3',
+      icon: 'i-heroicons-bell',
+      content: 'Finally, this is the content for Tab3'
+    }]
+  }
+})
 </script>
 
 <script setup lang="ts" generic="T extends TabsItem">
diff --git a/src/runtime/components/Toast.vue b/src/runtime/components/Toast.vue
index 8db601dcbb..d090ab2624 100644
--- a/src/runtime/components/Toast.vue
+++ b/src/runtime/components/Toast.vue
@@ -5,6 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/toast'
 import type { AvatarProps, ButtonProps } from '../types'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { toast: Partial<typeof theme> } }
 
@@ -53,6 +54,8 @@ export interface ToastSlots {
   actions(props?: {}): any
   close(props: { ui: any }): any
 }
+
+extendComponentMeta<ToastProps>({ defaultProps: { title: 'Heads up!', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Toaster.vue b/src/runtime/components/Toaster.vue
index 601cc8ca0e..b77417a14a 100644
--- a/src/runtime/components/Toaster.vue
+++ b/src/runtime/components/Toaster.vue
@@ -4,6 +4,7 @@ import type { ToastProviderProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/toaster'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { toaster: Partial<typeof theme> } }
 
@@ -85,6 +86,8 @@ const frontHeight = computed(() => refs.value[refs.value.length - 1]?.height ||
 function getOffset(index: number) {
   return refs.value.slice(index + 1).reduce((acc, { height }) => acc + height + 16, 0)
 }
+
+extendComponentMeta({ ignore: true })
 </script>
 
 <template>
diff --git a/src/runtime/components/Tooltip.vue b/src/runtime/components/Tooltip.vue
index 916d7e3a03..c204a61e08 100644
--- a/src/runtime/components/Tooltip.vue
+++ b/src/runtime/components/Tooltip.vue
@@ -5,6 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/tooltip'
 import type { KbdProps } from '../types'
+import { extendComponentMeta } from '../../devtools/extendComponentMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { tooltip: Partial<typeof theme> } }
 
@@ -40,6 +41,8 @@ export interface TooltipSlots {
   default(props: { open: boolean }): any
   content(props?: {}): any
 }
+
+extendComponentMeta({ example: 'TooltipExample', defaultProps: { text: 'Hello world!' } })
 </script>
 
 <script setup lang="ts">

From 8a1fe81eaa9c35bb32a3a42ecd1df373ec6015fb Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 13 Oct 2024 23:55:47 +0200
Subject: [PATCH 34/92] feat(devtools): add collapse on nested props

---
 devtools/app/components/CollapseContainer.vue | 43 +++++++++++++++++++
 .../app/components/ComponentPropInput.vue     | 18 ++++----
 2 files changed, 53 insertions(+), 8 deletions(-)
 create mode 100644 devtools/app/components/CollapseContainer.vue

diff --git a/devtools/app/components/CollapseContainer.vue b/devtools/app/components/CollapseContainer.vue
new file mode 100644
index 0000000000..7f883102a5
--- /dev/null
+++ b/devtools/app/components/CollapseContainer.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { ref, computed, onMounted } from 'vue'
+
+const collapsed = ref(true)
+const wrapper = ref<HTMLElement | null>(null)
+const content = ref<HTMLElement | null>(null)
+
+const overflow = computed(() => {
+  if (!content.value || !wrapper.value) return false
+  return content.value.scrollHeight > 48 * 4
+})
+
+onMounted(() => {
+  if (wrapper.value) {
+    wrapper.value.style.transition = 'max-height 0.3s ease' // Set transition for max-height
+  }
+})
+</script>
+
+<template>
+  <div>
+    <div
+      ref="wrapper"
+      :class="['overflow-hidden', collapsed && overflow ? 'max-h-48' : 'max-h-none']"
+    >
+      <div ref="content">
+        <slot />
+      </div>
+    </div>
+    <UButton
+      v-if="overflow"
+      class="bg-[--ui-bg] group w-full flex justify-center my-1 border-t border-[--ui-border] rounded-t-none"
+      variant="link"
+      color="neutral"
+      trailing-icon="i-heroicons-chevron-down"
+      :data-state="collapsed ? 'closed' : 'open'"
+      :ui="{ trailingIcon: 'transition group-data-[state=open]:rotate-180' }"
+      @click="collapsed = !collapsed"
+    >
+      {{ collapsed ? 'Expand' : 'Collapse' }}
+    </UButton>
+  </div>
+</template>
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index 3c6cd8b5e1..cd135c35f8 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -105,14 +105,16 @@ function addArrayItem() {
     <USelectMenu v-else-if="inputType === 'enum'" v-model="modelValue" :items="parseEnumValues((schema as any).schema)" class="min-w-56" />
 
     <div v-else-if="inputType === 'object'">
-      <ComponentPropInput
-        v-for="attr in (schema as any)"
-        :key="attr.name"
-        v-bind="attr"
-        :model-value="modelValue?.[attr.name]"
-        class="border-b last:border-b-0 border-[--ui-border] p-4"
-        @update:model-value="(value) => modelValue[attr.name] = value"
-      />
+      <CollapseContainer>
+        <ComponentPropInput
+          v-for="attr in (schema as any)"
+          :key="attr.name"
+          v-bind="attr"
+          :model-value="modelValue?.[attr.name]"
+          class="border-b last:border-b-0 border-[--ui-border] p-4"
+          @update:model-value="(value) => modelValue[attr.name] = value"
+        />
+      </CollapseContainer>
     </div>
   </UFormField>
 </template>

From 4115a4698301b7bb80e3df989c8cf5895b40d98a Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 14 Oct 2024 00:10:57 +0200
Subject: [PATCH 35/92] fix(devtools): default value types

---
 src/devtools/meta.ts | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index d30c462a0b..7bdfdb7881 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -60,14 +60,23 @@ export function devtoolsMetaPlugin() {
         const meta = defu(Object.entries(componentMeta).reduce((acc, [key, value]: [string, any]) => {
           if (!key.startsWith('U')) return acc
 
-          value.meta.props = value.meta.props.map((prop: any) => ({
-            ...prop,
-            default: prop.default
-              ? prop.default?.replaceAll(/["'`]/g, '')
+          value.meta.props = value.meta.props.map((prop: any) => {
+            let defaultValue = prop.default
+              ? prop.default
               : prop?.tags?.find((tag: any) =>
                 tag.name === 'defaultValue'
-                && !tag.text?.includes('appConfig'))?.text?.replaceAll(/["']/g, '') }
-          ))
+                && !tag.text?.includes('appConfig'))?.text
+
+            if (typeof defaultValue === 'string') defaultValue = defaultValue?.replaceAll(/["'`]/g, '')
+            if (defaultValue === 'true') defaultValue = true
+            if (defaultValue === 'false') defaultValue = false
+            if (Number.parseInt(defaultValue)) defaultValue = Number.parseInt(defaultValue)
+
+            return {
+              ...prop,
+              default: defaultValue
+            }
+          })
 
           acc[kebabCase(key.replace(/^U/, ''))] = value
           return acc

From 10824cbd530b18aff7c12a6d728ab805663f11f3 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 14 Oct 2024 00:26:50 +0200
Subject: [PATCH 36/92] fix(devtools): component template fetching

---
 src/devtools/rpc.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
index da6c9989ce..fe99139e89 100644
--- a/src/devtools/rpc.ts
+++ b/src/devtools/rpc.ts
@@ -28,8 +28,9 @@ export function setupDevtoolsClient(options: ModuleOptions) {
       async getComponents() {
         return Object.keys(theme).map((name) => {
           const slug = kebabCase(name)
+          const camelName = camelCase(name)
           const label = options.prefix + upperFirst(camelCase(slug))
-          const template = typeof (theme as any)[slug] === 'function' ? (theme as any)[slug](options) : theme
+          const template = typeof (theme as any)[camelName] === 'function' ? (theme as any)[camelName](options) : theme
 
           return {
             slug,

From f993791606234bd2eca29a45021aa96e3c38a3d0 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 14 Oct 2024 12:31:04 +0200
Subject: [PATCH 37/92] chore(devtools): fix build

---
 devtools/app/app.vue                          |   3 +-
 devtools/nuxt.config.ts                       |   4 +
 package.json                                  |   6 +-
 playground/app/app.vue                        |  29 +-
 playground/nuxt.config.ts                     |   2 +-
 pnpm-lock.yaml                                | 474 +++++++-----------
 src/devtools/island-renderer.ts               |  37 --
 src/devtools/meta.ts                          |  65 +--
 src/devtools/nuxt-root.vue                    |  68 ---
 src/devtools/rpc.ts                           |   2 +-
 src/module.ts                                 |  15 +-
 .../DevtoolsRenderer.vue}                     |   2 +-
 src/runtime/components/Accordion.vue          |   4 +-
 src/runtime/components/Alert.vue              |   4 +-
 src/runtime/components/App.vue                |   4 +-
 src/runtime/components/Avatar.vue             |   4 +-
 src/runtime/components/AvatarGroup.vue        |   4 +-
 src/runtime/components/Badge.vue              |   4 +-
 src/runtime/components/Breadcrumb.vue         |   4 +-
 src/runtime/components/Button.vue             |   4 +-
 src/runtime/components/ButtonGroup.vue        |   4 +-
 src/runtime/components/Card.vue               |   4 +-
 src/runtime/components/Carousel.vue           |   4 +-
 src/runtime/components/Checkbox.vue           |   4 +-
 src/runtime/components/Chip.vue               |   4 +-
 src/runtime/components/Collapsible.vue        |   4 +-
 src/runtime/components/CommandPalette.vue     |   4 +-
 src/runtime/components/Container.vue          |   4 +-
 src/runtime/components/ContextMenu.vue        |   4 +-
 src/runtime/components/Drawer.vue             |   4 +-
 src/runtime/components/DropdownMenu.vue       |   4 +-
 src/runtime/components/Form.vue               |   4 +-
 src/runtime/components/FormField.vue          |   4 +-
 src/runtime/components/InputMenu.vue          |   4 +-
 src/runtime/components/Kbd.vue                |   4 +-
 src/runtime/components/Link.vue               |   4 +-
 src/runtime/components/Modal.vue              |   4 +-
 src/runtime/components/Pagination.vue         |   4 +-
 src/runtime/components/Popover.vue            |   4 +-
 src/runtime/components/RadioGroup.vue         |   4 +-
 src/runtime/components/Select.vue             |   4 +-
 src/runtime/components/SelectMenu.vue         |   4 +-
 src/runtime/components/Skeleton.vue           |   4 +-
 src/runtime/components/Slideover.vue          |   4 +-
 src/runtime/components/Switch.vue             |   4 +-
 src/runtime/components/Tabs.vue               |   4 +-
 src/runtime/components/Toast.vue              |   4 +-
 src/runtime/components/Toaster.vue            |   4 +-
 src/runtime/components/Tooltip.vue            |   4 +-
 .../composables/extendDevtoolsMeta.ts}        |   2 +-
 .../examples/AvatarGroupExample.vue           |   0
 .../examples/ButtonGroupExample.vue           |   0
 .../examples/CardExample.vue                  |   0
 .../examples/CarouselExample.vue              |   4 +-
 .../examples/ChipExample.vue                  |   0
 .../examples/CollapsibleExample.vue           |   0
 .../examples/CommandPaletteExample.vue        |   0
 .../examples/ContainerExample.vue             |   0
 .../examples/ContextMenuExample.vue           |   0
 .../examples/DrawerExample.vue                |   0
 .../examples/DropdownMenuExample.vue          |   0
 .../examples/FormExample.vue                  |   0
 .../examples/FormFieldExample.vue             |   0
 .../examples/LinkExample.vue                  |   0
 .../examples/ModalExample.vue                 |   0
 .../examples/PopoverExample.vue               |   0
 .../examples/SkeletonExample.vue              |   0
 .../examples/SlideoverExample.vue             |   0
 .../examples/TooltipExample.vue               |   0
 69 files changed, 323 insertions(+), 538 deletions(-)
 delete mode 100644 src/devtools/island-renderer.ts
 delete mode 100644 src/devtools/nuxt-root.vue
 rename src/{devtools/ComponentRenderer.vue => runtime/DevtoolsRenderer.vue} (95%)
 rename src/{devtools/extendComponentMeta.ts => runtime/composables/extendDevtoolsMeta.ts} (57%)
 rename src/{devtools => runtime}/examples/AvatarGroupExample.vue (100%)
 rename src/{devtools => runtime}/examples/ButtonGroupExample.vue (100%)
 rename src/{devtools => runtime}/examples/CardExample.vue (100%)
 rename src/{devtools => runtime}/examples/CarouselExample.vue (67%)
 rename src/{devtools => runtime}/examples/ChipExample.vue (100%)
 rename src/{devtools => runtime}/examples/CollapsibleExample.vue (100%)
 rename src/{devtools => runtime}/examples/CommandPaletteExample.vue (100%)
 rename src/{devtools => runtime}/examples/ContainerExample.vue (100%)
 rename src/{devtools => runtime}/examples/ContextMenuExample.vue (100%)
 rename src/{devtools => runtime}/examples/DrawerExample.vue (100%)
 rename src/{devtools => runtime}/examples/DropdownMenuExample.vue (100%)
 rename src/{devtools => runtime}/examples/FormExample.vue (100%)
 rename src/{devtools => runtime}/examples/FormFieldExample.vue (100%)
 rename src/{devtools => runtime}/examples/LinkExample.vue (100%)
 rename src/{devtools => runtime}/examples/ModalExample.vue (100%)
 rename src/{devtools => runtime}/examples/PopoverExample.vue (100%)
 rename src/{devtools => runtime}/examples/SkeletonExample.vue (100%)
 rename src/{devtools => runtime}/examples/SlideoverExample.vue (100%)
 rename src/{devtools => runtime}/examples/TooltipExample.vue (100%)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index da75ceb792..dcfe78c737 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -3,7 +3,7 @@ import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
 import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
 import type { BirpcReturn } from 'birpc'
 import { watchDebounced } from '@vueuse/core'
-import type { DevtoolsMeta } from '../../src/devtools/extendComponentMeta'
+import type { DevtoolsMeta } from '../../src/runtime/composables/extendDevtoolsMeta'
 import type { ComponentMeta } from 'vue-component-meta'
 
 // Disable devtools in component renderer iframe
@@ -20,6 +20,7 @@ onDevtoolsClientConnected(async (client) => {
   rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
   const componentMeta = await $fetch<Record<string, { meta: ComponentMeta & { devtools: DevtoolsMeta<any> } }>>('/api/component-meta')
 
+  console.log('Meta', componentMeta)
   components.value = (await rpc.getComponents()).flatMap((component) => {
     if (componentMeta[component.slug]?.meta.devtools?.ignore) return []
     return [{
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 37c3e737b8..00217f94c2 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -1,4 +1,5 @@
 import module from '../src/module'
+import { resolve } from 'node:path'
 
 export default defineNuxtConfig({
   ssr: false,
@@ -8,6 +9,9 @@ export default defineNuxtConfig({
       'prerender:routes': function (routes) {
         routes.clear()
       }
+    },
+    output: {
+      publicDir: resolve(__dirname, '../dist/client/devtools')
     }
   },
 
diff --git a/package.json b/package.json
index 75fca7567c..c26b594ab3 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "cli"
   ],
   "scripts": {
-    "build": "nuxt-module-build build",
+    "build": "nuxt-module-build build && nuxi generate devtools",
     "prepack": "pnpm build",
     "dev": "DEV=true nuxi dev playground",
     "dev:build": "nuxi build playground",
@@ -47,6 +47,7 @@
     "release": "release-it --preRelease=alpha --npm.tag=next"
   },
   "dependencies": {
+    "@nuxt/devtools-kit": "^1.6.0",
     "@nuxt/fonts": "^0.10.0",
     "@nuxt/icon": "^1.5.5",
     "@nuxt/kit": "^3.13.2",
@@ -65,9 +66,11 @@
     "embla-carousel-vue": "^8.3.0",
     "embla-carousel-wheel-gestures": "^8.0.1",
     "fuse.js": "^7.0.0",
+    "get-port-please": "^3.1.2",
     "ohash": "^1.1.4",
     "radix-vue": "^1.9.7",
     "scule": "^1.3.0",
+    "sirv": "^2.0.4",
     "tailwind-variants": "^0.2.1",
     "tailwindcss": "4.0.0-alpha.24",
     "vaul-vue": "^0.2.0"
@@ -86,7 +89,6 @@
     "knitwork": "^1.1.0",
     "nuxt": "^3.13.2",
     "nuxt-component-meta": "^0.8.2",
-    "sirv": "^2.0.4",
     "release-it": "^17.7.0",
     "valibot": "^0.42.1",
     "vitest": "^2.1.2",
diff --git a/playground/app/app.vue b/playground/app/app.vue
index b8f65cbb8d..192be5fe8d 100644
--- a/playground/app/app.vue
+++ b/playground/app/app.vue
@@ -65,21 +65,26 @@ defineShortcuts({
 </script>
 
 <template>
-  <UApp :toaster="appConfig.toaster">
-    <div class="h-screen w-screen overflow-hidden flex min-h-0 bg-[--ui-bg]" vaul-drawer-wrapper>
-      <UNavigationMenu :items="items" orientation="vertical" class="border-r border-[--ui-border] overflow-y-auto w-48 p-4" />
+  <div v-if="!$route.path.startsWith('/__nuxt_ui__')">
+    <UApp :toaster="appConfig.toaster">
+      <div class="h-screen w-screen overflow-hidden flex min-h-0 bg-[--ui-bg]" vaul-drawer-wrapper>
+        <UNavigationMenu :items="items" orientation="vertical" class="border-r border-[--ui-border] overflow-y-auto w-48 p-4" />
 
-      <div class="flex-1 flex flex-col items-center justify-around overflow-y-auto w-full py-12 px-4">
-        <NuxtPage />
+        <div class="flex-1 flex flex-col items-center justify-around overflow-y-auto w-full py-12 px-4">
+          <NuxtPage />
+        </div>
       </div>
-    </div>
 
-    <UModal v-model:open="isCommandPaletteOpen" class="sm:h-96">
-      <template #content>
-        <UCommandPalette placeholder="Search a component..." :groups="[{ id: 'items', items }]" :fuse="{ resultLimit: 100 }" @update:model-value="onSelect" @update:open="value => isCommandPaletteOpen = value" />
-      </template>
-    </UModal>
-  </UApp>
+      <UModal v-model:open="isCommandPaletteOpen" class="sm:h-96">
+        <template #content>
+          <UCommandPalette placeholder="Search a component..." :groups="[{ id: 'items', items }]" :fuse="{ resultLimit: 100 }" @update:model-value="onSelect" @update:open="value => isCommandPaletteOpen = value" />
+        </template>
+      </UModal>
+    </UApp>
+  </div>
+  <div v-else>
+    <NuxtPage />
+  </div>
 </template>
 
 <style>
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index 2da5dc26f2..538f3debc7 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -1,7 +1,7 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  modules: ['../src/module'],
+  modules: ['../dist/module'],
 
   future: {
     compatibilityVersion: 4
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 49401c298f..68807fe36a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,12 +13,15 @@ importers:
 
   .:
     dependencies:
+      '@nuxt/devtools-kit':
+        specifier: ^1.6.0
+        version: 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/fonts':
         specifier: ^0.10.0
         version: 0.10.0(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/icon':
         specifier: ^1.5.5
-        version: 1.5.5(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
+        version: 1.5.5(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
       '@nuxt/kit':
         specifier: ^3.13.2
         version: 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -36,10 +39,10 @@ importers:
         version: 4.0.0-alpha.24(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@vueuse/core':
         specifier: ^11.1.0
-        version: 11.1.0(vue@3.5.11(typescript@5.6.3))
+        version: 11.1.0(vue@3.5.11(typescript@5.6.2))
       '@vueuse/integrations':
         specifier: ^11.1.0
-        version: 11.1.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.3))
+        version: 11.1.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.2))
       defu:
         specifier: ^6.1.4
         version: 6.1.4
@@ -60,19 +63,22 @@ importers:
         version: 8.3.0(embla-carousel@8.3.0)
       embla-carousel-vue:
         specifier: ^8.3.0
-        version: 8.3.0(vue@3.5.11(typescript@5.6.3))
+        version: 8.3.0(vue@3.5.11(typescript@5.6.2))
       embla-carousel-wheel-gestures:
         specifier: ^8.0.1
         version: 8.0.1(embla-carousel@8.3.0)
       fuse.js:
         specifier: ^7.0.0
         version: 7.0.0
+      get-port-please:
+        specifier: ^3.1.2
+        version: 3.1.2
       ohash:
         specifier: ^1.1.4
         version: 1.1.4
       radix-vue:
         specifier: ^1.9.7
-        version: 1.9.7(vue@3.5.11(typescript@5.6.3))
+        version: 1.9.7(vue@3.5.11(typescript@5.6.2))
       scule:
         specifier: ^1.3.0
         version: 1.3.0
@@ -84,23 +90,23 @@ importers:
         version: 4.0.0-alpha.24
       typescript:
         specifier: ^5.6.3
-        version: 5.6.3
+        version: 5.6.2
       vaul-vue:
         specifier: ^0.2.0
-        version: 0.2.0(radix-vue@1.9.7(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+        version: 0.2.0(radix-vue@1.9.7(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
     devDependencies:
       '@nuxt/eslint-config':
         specifier: ^0.5.7
-        version: 0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+        version: 0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
       '@nuxt/module-builder':
         specifier: ^0.8.4
-        version: 0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))
+        version: 0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
       '@nuxt/test-utils':
         specifier: ^3.14.3
-        version: 3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+        version: 3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
       '@release-it/conventional-changelog':
         specifier: ^8.0.2
-        version: 8.0.2(release-it@17.7.0(typescript@5.6.3))
+        version: 8.0.2(release-it@17.7.0(typescript@5.6.2))
       '@standard-schema/spec':
         specifier: 1.0.0-beta.1
         version: 1.0.0-beta.1
@@ -124,28 +130,28 @@ importers:
         version: 1.1.0
       nuxt:
         specifier: ^3.13.2
-        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
       nuxt-component-meta:
         specifier: ^0.8.2
         version: 0.8.2(magicast@0.3.5)(rollup@4.24.0)
       release-it:
         specifier: ^17.7.0
-        version: 17.7.0(typescript@5.6.3)
+        version: 17.7.0(typescript@5.6.2)
       sirv:
         specifier: ^2.0.4
         version: 2.0.4
       valibot:
         specifier: ^0.42.1
-        version: 0.42.1(typescript@5.6.3)
+        version: 0.42.1(typescript@5.6.2)
       vitest:
         specifier: ^2.1.2
         version: 2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1)
       vitest-environment-nuxt:
         specifier: ^1.0.1
-        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
       vue-tsc:
         specifier: ^2.1.6
-        version: 2.1.6(typescript@5.6.3)
+        version: 2.1.6(typescript@5.6.2)
       yup:
         specifier: ^1.4.0
         version: 1.4.0
@@ -181,7 +187,7 @@ importers:
         version: 1.1.0
       nuxt:
         specifier: ^3.13.1
-        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
@@ -199,7 +205,7 @@ importers:
         version: 1.2.2
       '@nuxt/content':
         specifier: ^2.13.2
-        version: 2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
+        version: 2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       '@nuxt/image':
         specifier: ^1.8.1
         version: 1.8.1(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)
@@ -208,7 +214,7 @@ importers:
         version: link:..
       '@nuxt/ui-pro':
         specifier: 2.0.0-alpha.6
-        version: 2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.2)(vue@3.5.11(typescript@5.6.2))
+        version: 2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.3)(vue@3.5.11(typescript@5.6.3))
       '@nuxthub/core':
         specifier: ^0.7.26
         version: 0.7.26(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
@@ -220,19 +226,19 @@ importers:
         version: 21.0.2
       '@vueuse/nuxt':
         specifier: ^11.1.0
-        version: 11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
+        version: 11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       joi:
         specifier: ^17.13.3
         version: 17.13.3
       nuxt:
         specifier: ^3.13.2
-        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
       nuxt-component-meta:
         specifier: ^0.8.2
         version: 0.8.2(magicast@0.3.5)(rollup@4.24.0)
       nuxt-og-image:
         specifier: ^3.0.4
-        version: 3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
+        version: 3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
@@ -244,7 +250,7 @@ importers:
         version: 1.5.4
       valibot:
         specifier: ^0.42.1
-        version: 0.42.1(typescript@5.6.2)
+        version: 0.42.1(typescript@5.6.3)
       yup:
         specifier: ^1.4.0
         version: 1.4.0
@@ -259,7 +265,7 @@ importers:
         version: link:..
       nuxt:
         specifier: ^3.13.2
-        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
 
 packages:
 
@@ -1353,6 +1359,11 @@ packages:
     peerDependencies:
       vite: '*'
 
+  '@nuxt/devtools-kit@1.6.0':
+    resolution: {integrity: sha512-kJ8mVKwTSN3tdEVNy7mxKCiQk9wsG5t3oOrRMWk6IEbTSov+5sOULqQSM/+OWxWsEDmDfA7QlS5sM3Ti9uMRqQ==}
+    peerDependencies:
+      vite: '*'
+
   '@nuxt/devtools-wizard@1.5.2':
     resolution: {integrity: sha512-wZhouI3drb7HL7KYezYb9ksK0EeSVbHDPPKdLQePVrr+7SphThqiHoWmovBB3e/D4jtO3VC07+ILZcXUnat6HQ==}
     hasBin: true
@@ -7512,11 +7523,11 @@ snapshots:
 
   '@floating-ui/utils@0.2.8': {}
 
-  '@floating-ui/vue@1.1.5(vue@3.5.11(typescript@5.6.3))':
+  '@floating-ui/vue@1.1.5(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@floating-ui/dom': 1.6.11
       '@floating-ui/utils': 0.2.8
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -7572,10 +7583,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@iconify/vue@4.1.3-beta.1(vue@3.5.11(typescript@5.6.3))':
+  '@iconify/vue@4.1.3-beta.1(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@iconify/types': 2.0.0
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.2)
 
   '@inquirer/figures@1.0.6': {}
 
@@ -7666,13 +7677,13 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.17.1
 
-  '@nuxt/content@2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))':
+  '@nuxt/content@2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxtjs/mdc': 0.8.3(magicast@0.3.5)(rollup@4.24.0)
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.2))
-      '@vueuse/head': 2.0.0(vue@3.5.11(typescript@5.6.2))
-      '@vueuse/nuxt': 10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/head': 2.0.0(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/nuxt': 10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       consola: 3.2.3
       defu: 6.1.4
       destr: 2.0.3
@@ -7733,6 +7744,18 @@ snapshots:
       - supports-color
       - webpack-sources
 
+  '@nuxt/devtools-kit@1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
+    dependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)
+      execa: 7.2.0
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - webpack-sources
+
   '@nuxt/devtools-wizard@1.5.2':
     dependencies:
       consola: 3.2.3
@@ -7794,65 +7817,17 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@nuxt/devtools@1.5.2(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
-    dependencies:
-      '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
-      '@nuxt/devtools-wizard': 1.5.2
-      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@vue/devtools-core': 7.4.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
-      '@vue/devtools-kit': 7.4.4
-      birpc: 0.2.17
-      consola: 3.2.3
-      cronstrue: 2.50.0
-      destr: 2.0.3
-      error-stack-parser-es: 0.1.5
-      execa: 7.2.0
-      fast-npm-meta: 0.2.2
-      flatted: 3.3.1
-      get-port-please: 3.1.2
-      hookable: 5.5.3
-      image-meta: 0.2.1
-      is-installed-globally: 1.0.0
-      launch-editor: 2.9.1
-      local-pkg: 0.5.0
-      magicast: 0.3.5
-      nypm: 0.3.12
-      ohash: 1.1.4
-      pathe: 1.1.2
-      perfect-debounce: 1.0.0
-      pkg-types: 1.2.0
-      rc9: 2.1.2
-      scule: 1.3.0
-      semver: 7.6.3
-      simple-git: 3.27.0
-      sirv: 2.0.4
-      tinyglobby: 0.2.6
-      unimport: 3.13.1(rollup@4.24.0)
-      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
-      vite-plugin-vue-inspector: 5.1.3(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
-      which: 3.0.1
-      ws: 8.18.0
-    transitivePeerDependencies:
-      - bufferutil
-      - rollup
-      - supports-color
-      - utf-8-validate
-      - vue
-      - webpack-sources
-
-  '@nuxt/eslint-config@0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
+  '@nuxt/eslint-config@0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
     dependencies:
       '@eslint/js': 9.12.0
-      '@nuxt/eslint-plugin': 0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
-      '@stylistic/eslint-plugin': 2.9.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
-      '@typescript-eslint/eslint-plugin': 8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
-      '@typescript-eslint/parser': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@nuxt/eslint-plugin': 0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@stylistic/eslint-plugin': 2.9.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/eslint-plugin': 8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2))(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/parser': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
       eslint: 9.12.0(jiti@2.3.3)
       eslint-config-flat-gitignore: 0.3.0(eslint@9.12.0(jiti@2.3.3))
       eslint-flat-config-utils: 0.4.0
-      eslint-plugin-import-x: 4.3.1(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      eslint-plugin-import-x: 4.3.1(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
       eslint-plugin-jsdoc: 50.3.1(eslint@9.12.0(jiti@2.3.3))
       eslint-plugin-regexp: 2.6.0(eslint@9.12.0(jiti@2.3.3))
       eslint-plugin-unicorn: 55.0.0(eslint@9.12.0(jiti@2.3.3))
@@ -7865,10 +7840,10 @@ snapshots:
       - supports-color
       - typescript
 
-  '@nuxt/eslint-plugin@0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
+  '@nuxt/eslint-plugin@0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
     dependencies:
       '@typescript-eslint/types': 8.8.0
-      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
       eslint: 9.12.0(jiti@2.3.3)
     transitivePeerDependencies:
       - supports-color
@@ -7876,7 +7851,7 @@ snapshots:
 
   '@nuxt/fonts@0.10.0(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
     dependencies:
-      '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@nuxt/devtools-kit': 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       chalk: 5.3.0
       css-tree: 3.0.0
@@ -7917,13 +7892,13 @@ snapshots:
       - vite
       - webpack-sources
 
-  '@nuxt/icon@1.5.5(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
+  '@nuxt/icon@1.5.5(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@iconify/collections': 1.0.469
       '@iconify/types': 2.0.0
       '@iconify/utils': 2.1.33
-      '@iconify/vue': 4.1.3-beta.1(vue@3.5.11(typescript@5.6.3))
-      '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@iconify/vue': 4.1.3-beta.1(vue@3.5.11(typescript@5.6.2))
+      '@nuxt/devtools-kit': 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       consola: 3.2.3
       local-pkg: 0.5.0
@@ -8001,7 +7976,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))':
+  '@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       citty: 0.1.6
@@ -8012,8 +7987,8 @@ snapshots:
       nuxi: 3.14.0
       pathe: 1.1.2
       pkg-types: 1.2.0
-      tsconfck: 3.1.3(typescript@5.6.3)
-      unbuild: 2.0.0(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))
+      tsconfck: 3.1.3(typescript@5.6.2)
+      unbuild: 2.0.0(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
     transitivePeerDependencies:
       - sass
       - supports-color
@@ -8066,7 +8041,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/test-utils@3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))':
+  '@nuxt/test-utils@3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
@@ -8093,9 +8068,9 @@ snapshots:
       unenv: 1.10.0
       unplugin: 1.14.1
       vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
-      vue: 3.5.11(typescript@5.6.3)
-      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.3))
+      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
+      vue: 3.5.11(typescript@5.6.2)
+      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.2))
     optionalDependencies:
       '@vue/test-utils': 2.4.6
       happy-dom: 14.12.3
@@ -8107,12 +8082,12 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/ui-pro@2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.2)(vue@3.5.11(typescript@5.6.2))':
+  '@nuxt/ui-pro@2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.3)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
       '@nuxt/ui': 'link:'
-      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.3))
       consola: 3.2.3
       defu: 6.1.4
       git-url-parse: 15.0.0
@@ -8120,8 +8095,8 @@ snapshots:
       parse-git-config: 3.0.0
       pkg-types: 1.2.1
       scule: 1.3.0
-      typescript: 5.6.2
-      vue3-smooth-dnd: 0.0.6(vue@3.5.11(typescript@5.6.2))
+      typescript: 5.6.3
+      vue3-smooth-dnd: 0.0.6(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -8189,12 +8164,12 @@ snapshots:
       - vue-tsc
       - webpack-sources
 
-  '@nuxt/vite-builder@3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))(vue@3.5.11(typescript@5.6.3))':
+  '@nuxt/vite-builder@3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@rollup/plugin-replace': 5.0.7(rollup@4.24.0)
-      '@vitejs/plugin-vue': 5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
-      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
+      '@vitejs/plugin-vue': 5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
+      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
       autoprefixer: 10.4.20(postcss@8.4.47)
       clear: 0.1.0
       consola: 3.2.3
@@ -8222,8 +8197,8 @@ snapshots:
       unplugin: 1.14.1
       vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
       vite-node: 2.1.2(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vite-plugin-checker: 0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
-      vue: 3.5.11(typescript@5.6.3)
+      vite-plugin-checker: 0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue: 3.5.11(typescript@5.6.2)
       vue-bundle-renderer: 2.1.1
     transitivePeerDependencies:
       - '@biomejs/biome'
@@ -8598,13 +8573,13 @@ snapshots:
 
   '@polka/url@1.0.0-next.28': {}
 
-  '@release-it/conventional-changelog@8.0.2(release-it@17.7.0(typescript@5.6.3))':
+  '@release-it/conventional-changelog@8.0.2(release-it@17.7.0(typescript@5.6.2))':
     dependencies:
       concat-stream: 2.0.0
       conventional-changelog: 5.1.0
       conventional-recommended-bump: 9.0.0
       git-semver-tags: 8.0.0
-      release-it: 17.7.0(typescript@5.6.3)
+      release-it: 17.7.0(typescript@5.6.2)
       semver: 7.6.3
     transitivePeerDependencies:
       - conventional-commits-filter
@@ -8834,9 +8809,9 @@ snapshots:
 
   '@standard-schema/spec@1.0.0-beta.1': {}
 
-  '@stylistic/eslint-plugin@2.9.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
+  '@stylistic/eslint-plugin@2.9.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
     dependencies:
-      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
       eslint: 9.12.0(jiti@2.3.3)
       eslint-visitor-keys: 4.1.0
       espree: 10.2.0
@@ -8919,10 +8894,10 @@ snapshots:
 
   '@tanstack/virtual-core@3.10.8': {}
 
-  '@tanstack/vue-virtual@3.10.8(vue@3.5.11(typescript@5.6.3))':
+  '@tanstack/vue-virtual@3.10.8(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@tanstack/virtual-core': 3.10.8
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.2)
 
   '@tootallnate/quickjs-emscripten@0.23.0': {}
 
@@ -8966,34 +8941,34 @@ snapshots:
 
   '@types/web-bluetooth@0.0.20': {}
 
-  '@typescript-eslint/eslint-plugin@8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
+  '@typescript-eslint/eslint-plugin@8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2))(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
     dependencies:
       '@eslint-community/regexpp': 4.11.1
-      '@typescript-eslint/parser': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
       '@typescript-eslint/scope-manager': 8.8.0
-      '@typescript-eslint/type-utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/type-utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
       '@typescript-eslint/visitor-keys': 8.8.0
       eslint: 9.12.0(jiti@2.3.3)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
-      ts-api-utils: 1.3.0(typescript@5.6.3)
+      ts-api-utils: 1.3.0(typescript@5.6.2)
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.6.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
+  '@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.8.0
       '@typescript-eslint/types': 8.8.0
-      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2)
       '@typescript-eslint/visitor-keys': 8.8.0
       debug: 4.3.7
       eslint: 9.12.0(jiti@2.3.3)
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.6.2
     transitivePeerDependencies:
       - supports-color
 
@@ -9002,21 +8977,21 @@ snapshots:
       '@typescript-eslint/types': 8.8.0
       '@typescript-eslint/visitor-keys': 8.8.0
 
-  '@typescript-eslint/type-utils@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
+  '@typescript-eslint/type-utils@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
       debug: 4.3.7
-      ts-api-utils: 1.3.0(typescript@5.6.3)
+      ts-api-utils: 1.3.0(typescript@5.6.2)
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.6.2
     transitivePeerDependencies:
       - eslint
       - supports-color
 
   '@typescript-eslint/types@8.8.0': {}
 
-  '@typescript-eslint/typescript-estree@8.8.0(typescript@5.6.3)':
+  '@typescript-eslint/typescript-estree@8.8.0(typescript@5.6.2)':
     dependencies:
       '@typescript-eslint/types': 8.8.0
       '@typescript-eslint/visitor-keys': 8.8.0
@@ -9025,18 +9000,18 @@ snapshots:
       is-glob: 4.0.3
       minimatch: 9.0.5
       semver: 7.6.3
-      ts-api-utils: 1.3.0(typescript@5.6.3)
+      ts-api-utils: 1.3.0(typescript@5.6.2)
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.6.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
+  '@typescript-eslint/utils@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0(jiti@2.3.3))
       '@typescript-eslint/scope-manager': 8.8.0
       '@typescript-eslint/types': 8.8.0
-      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2)
       eslint: 9.12.0(jiti@2.3.3)
     transitivePeerDependencies:
       - supports-color
@@ -9139,26 +9114,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue-jsx@4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/plugin-transform-typescript': 7.25.7(@babel/core@7.25.7)
-      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.25.7)
-      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vue: 3.5.11(typescript@5.6.3)
-    transitivePeerDependencies:
-      - supports-color
-
   '@vitejs/plugin-vue@5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
       vue: 3.5.11(typescript@5.6.2)
 
-  '@vitejs/plugin-vue@5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
-    dependencies:
-      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vue: 3.5.11(typescript@5.6.3)
-
   '@vitest/expect@2.1.2':
     dependencies:
       '@vitest/spy': 2.1.2
@@ -9224,19 +9184,6 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
-  '@vue-macros/common@1.14.0(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
-    dependencies:
-      '@babel/types': 7.25.7
-      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
-      '@vue/compiler-sfc': 3.5.11
-      ast-kit: 1.2.1
-      local-pkg: 0.5.0
-      magic-string-ast: 0.6.2
-    optionalDependencies:
-      vue: 3.5.11(typescript@5.6.3)
-    transitivePeerDependencies:
-      - rollup
-
   '@vue/babel-helper-vue-transform-on@1.2.5': {}
 
   '@vue/babel-plugin-jsx@1.2.5(@babel/core@7.25.7)':
@@ -9316,18 +9263,6 @@ snapshots:
     transitivePeerDependencies:
       - vite
 
-  '@vue/devtools-core@7.4.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
-    dependencies:
-      '@vue/devtools-kit': 7.4.4
-      '@vue/devtools-shared': 7.4.6
-      mitt: 3.0.1
-      nanoid: 3.3.7
-      pathe: 1.1.2
-      vite-hot-client: 0.2.3(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
-      vue: 3.5.11(typescript@5.6.3)
-    transitivePeerDependencies:
-      - vite
-
   '@vue/devtools-kit@7.4.4':
     dependencies:
       '@vue/devtools-shared': 7.4.6
@@ -9355,19 +9290,6 @@ snapshots:
     optionalDependencies:
       typescript: 5.6.2
 
-  '@vue/language-core@2.1.6(typescript@5.6.3)':
-    dependencies:
-      '@volar/language-core': 2.4.5
-      '@vue/compiler-dom': 3.5.11
-      '@vue/compiler-vue2': 2.7.16
-      '@vue/shared': 3.5.11
-      computeds: 0.0.1
-      minimatch: 9.0.5
-      muggle-string: 0.4.1
-      path-browserify: 1.0.1
-    optionalDependencies:
-      typescript: 5.6.3
-
   '@vue/reactivity@3.5.11':
     dependencies:
       '@vue/shared': 3.5.11
@@ -9390,12 +9312,6 @@ snapshots:
       '@vue/shared': 3.5.11
       vue: 3.5.11(typescript@5.6.2)
 
-  '@vue/server-renderer@3.5.11(vue@3.5.11(typescript@5.6.3))':
-    dependencies:
-      '@vue/compiler-ssr': 3.5.11
-      '@vue/shared': 3.5.11
-      vue: 3.5.11(typescript@5.6.3)
-
   '@vue/shared@3.5.11': {}
 
   '@vue/test-utils@2.4.6':
@@ -9443,19 +9359,19 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/head@2.0.0(vue@3.5.11(typescript@5.6.2))':
+  '@vueuse/head@2.0.0(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@unhead/dom': 1.11.7
       '@unhead/schema': 1.11.7
       '@unhead/ssr': 1.11.7
-      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.2))
-      vue: 3.5.11(typescript@5.6.2)
+      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.3))
+      vue: 3.5.11(typescript@5.6.3)
 
-  '@vueuse/integrations@11.1.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.3))':
+  '@vueuse/integrations@11.1.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.2))':
     dependencies:
-      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.3))
-      '@vueuse/shared': 11.1.0(vue@3.5.11(typescript@5.6.3))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/shared': 11.1.0(vue@3.5.11(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
     optionalDependencies:
       fuse.js: 7.0.0
     transitivePeerDependencies:
@@ -9466,14 +9382,14 @@ snapshots:
 
   '@vueuse/metadata@11.1.0': {}
 
-  '@vueuse/nuxt@10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))':
+  '@vueuse/nuxt@10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
       '@vueuse/metadata': 10.11.1
       local-pkg: 0.5.0
-      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -9482,14 +9398,14 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@vueuse/nuxt@11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))':
+  '@vueuse/nuxt@11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.3))
       '@vueuse/metadata': 11.1.0
       local-pkg: 0.5.0
-      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -10153,14 +10069,14 @@ snapshots:
 
   core-util-is@1.0.3: {}
 
-  cosmiconfig@9.0.0(typescript@5.6.3):
+  cosmiconfig@9.0.0(typescript@5.6.2):
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       parse-json: 5.2.0
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.6.2
 
   crc-32@1.2.2: {}
 
@@ -10464,11 +10380,11 @@ snapshots:
     dependencies:
       embla-carousel: 8.3.0
 
-  embla-carousel-vue@8.3.0(vue@3.5.11(typescript@5.6.3)):
+  embla-carousel-vue@8.3.0(vue@3.5.11(typescript@5.6.2)):
     dependencies:
       embla-carousel: 8.3.0
       embla-carousel-reactive-utils: 8.3.0(embla-carousel@8.3.0)
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.2)
 
   embla-carousel-wheel-gestures@8.0.1(embla-carousel@8.3.0):
     dependencies:
@@ -10699,9 +10615,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import-x@4.3.1(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3):
+  eslint-plugin-import-x@4.3.1(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2):
     dependencies:
-      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
       debug: 4.3.7
       doctrine: 3.0.0
       eslint: 9.12.0(jiti@2.3.3)
@@ -12321,7 +12237,7 @@ snapshots:
 
   mkdirp@1.0.4: {}
 
-  mkdist@1.6.0(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3)):
+  mkdist@1.6.0(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2)):
     dependencies:
       autoprefixer: 10.4.20(postcss@8.4.47)
       citty: 0.1.6
@@ -12337,8 +12253,8 @@ snapshots:
       semver: 7.6.3
       tinyglobby: 0.2.9
     optionalDependencies:
-      typescript: 5.6.3
-      vue-tsc: 2.1.6(typescript@5.6.3)
+      typescript: 5.6.2
+      vue-tsc: 2.1.6(typescript@5.6.2)
 
   mlly@1.7.1:
     dependencies:
@@ -12575,7 +12491,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  nuxt-og-image@3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2)):
+  nuxt-og-image@3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -12588,8 +12504,8 @@ snapshots:
       execa: 9.4.0
       image-size: 1.1.1
       magic-string: 0.30.11
-      nuxt-site-config: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
-      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
+      nuxt-site-config: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
+      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       nypm: 0.3.12
       ofetch: 1.4.0
       ohash: 1.1.4
@@ -12614,12 +12530,12 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt-site-config-kit@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2)):
+  nuxt-site-config-kit@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
       pkg-types: 1.2.0
-      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.2))
+      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.3))
       std-env: 3.7.0
       ufo: 1.5.4
     transitivePeerDependencies:
@@ -12629,16 +12545,16 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt-site-config@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2)):
+  nuxt-site-config@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
-      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
+      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       pathe: 1.1.2
       pkg-types: 1.2.0
       sirv: 2.0.4
-      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.2))
+      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.3))
       ufo: 1.5.4
     transitivePeerDependencies:
       - magicast
@@ -12761,18 +12677,18 @@ snapshots:
       - webpack-sources
       - xml2js
 
-  nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)):
+  nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)):
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.5.2(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
+      '@nuxt/devtools': 1.5.2(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
       '@nuxt/telemetry': 2.6.0(magicast@0.3.5)(rollup@4.24.0)
-      '@nuxt/vite-builder': 3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))(vue@3.5.11(typescript@5.6.3))
+      '@nuxt/vite-builder': 3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.11(typescript@5.6.2))
       '@unhead/dom': 1.11.7
       '@unhead/shared': 1.11.7
       '@unhead/ssr': 1.11.7
-      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.3))
+      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.2))
       '@vue/shared': 3.5.11
       acorn: 8.12.1
       c12: 1.11.2(magicast@0.3.5)
@@ -12820,13 +12736,13 @@ snapshots:
       unhead: 1.11.7
       unimport: 3.13.1(rollup@4.24.0)
       unplugin: 1.14.1
-      unplugin-vue-router: 0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+      unplugin-vue-router: 0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
       unstorage: 1.12.0(ioredis@5.4.1)
       untyped: 1.5.1
       vue: 3.5.11(typescript@5.6.3)
       vue-bundle-renderer: 2.1.1
       vue-devtools-stub: 0.1.0
-      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.3))
+      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.2))
     optionalDependencies:
       '@parcel/watcher': 2.4.1
       '@types/node': 22.7.4
@@ -13404,20 +13320,20 @@ snapshots:
     dependencies:
       inherits: 2.0.4
 
-  radix-vue@1.9.7(vue@3.5.11(typescript@5.6.3)):
+  radix-vue@1.9.7(vue@3.5.11(typescript@5.6.2)):
     dependencies:
       '@floating-ui/dom': 1.6.11
-      '@floating-ui/vue': 1.1.5(vue@3.5.11(typescript@5.6.3))
+      '@floating-ui/vue': 1.1.5(vue@3.5.11(typescript@5.6.2))
       '@internationalized/date': 3.5.6
       '@internationalized/number': 3.5.4
-      '@tanstack/vue-virtual': 3.10.8(vue@3.5.11(typescript@5.6.3))
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
-      '@vueuse/shared': 10.11.1(vue@3.5.11(typescript@5.6.3))
+      '@tanstack/vue-virtual': 3.10.8(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/shared': 10.11.1(vue@3.5.11(typescript@5.6.2))
       aria-hidden: 1.2.4
       defu: 6.1.4
       fast-deep-equal: 3.1.3
       nanoid: 5.0.7
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.2)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -13574,14 +13490,14 @@ snapshots:
       '@types/hast': 3.0.4
       unist-util-visit: 5.0.0
 
-  release-it@17.7.0(typescript@5.6.3):
+  release-it@17.7.0(typescript@5.6.2):
     dependencies:
       '@iarna/toml': 2.2.5
       '@octokit/rest': 20.1.1
       async-retry: 1.3.3
       chalk: 5.3.0
       ci-info: 4.0.0
-      cosmiconfig: 9.0.0(typescript@5.6.3)
+      cosmiconfig: 9.0.0(typescript@5.6.2)
       execa: 8.0.1
       git-url-parse: 14.0.0
       globby: 14.0.2
@@ -13705,11 +13621,11 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rollup-plugin-dts@6.1.1(rollup@4.24.0)(typescript@5.6.3):
+  rollup-plugin-dts@6.1.1(rollup@4.24.0)(typescript@5.6.2):
     dependencies:
       magic-string: 0.30.11
       rollup: 4.24.0
-      typescript: 5.6.3
+      typescript: 5.6.2
     optionalDependencies:
       '@babel/code-frame': 7.25.7
 
@@ -13917,10 +13833,10 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
-  site-config-stack@2.2.18(vue@3.5.11(typescript@5.6.2)):
+  site-config-stack@2.2.18(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       ufo: 1.5.4
-      vue: 3.5.11(typescript@5.6.2)
+      vue: 3.5.11(typescript@5.6.3)
 
   skin-tone@2.0.0:
     dependencies:
@@ -14246,13 +14162,13 @@ snapshots:
 
   trough@2.2.0: {}
 
-  ts-api-utils@1.3.0(typescript@5.6.3):
+  ts-api-utils@1.3.0(typescript@5.6.2):
     dependencies:
-      typescript: 5.6.3
+      typescript: 5.6.2
 
-  tsconfck@3.1.3(typescript@5.6.3):
+  tsconfck@3.1.3(typescript@5.6.2):
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.6.2
 
   tslib@2.7.0: {}
 
@@ -14300,7 +14216,7 @@ snapshots:
 
   ultrahtml@1.5.3: {}
 
-  unbuild@2.0.0(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3)):
+  unbuild@2.0.0(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2)):
     dependencies:
       '@rollup/plugin-alias': 5.1.1(rollup@4.24.0)
       '@rollup/plugin-commonjs': 25.0.8(rollup@4.24.0)
@@ -14317,17 +14233,17 @@ snapshots:
       hookable: 5.5.3
       jiti: 1.21.6
       magic-string: 0.30.11
-      mkdist: 1.6.0(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))
+      mkdist: 1.6.0(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
       mlly: 1.7.1
       pathe: 1.1.2
       pkg-types: 1.2.0
       pretty-bytes: 6.1.1
       rollup: 4.24.0
-      rollup-plugin-dts: 6.1.1(rollup@4.24.0)(typescript@5.6.3)
+      rollup-plugin-dts: 6.1.1(rollup@4.24.0)(typescript@5.6.2)
       scule: 1.3.0
       untyped: 1.5.1
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.6.2
     transitivePeerDependencies:
       - sass
       - supports-color
@@ -14475,29 +14391,6 @@ snapshots:
       - vue
       - webpack-sources
 
-  unplugin-vue-router@0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
-    dependencies:
-      '@babel/types': 7.25.7
-      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
-      '@vue-macros/common': 1.14.0(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
-      ast-walker-scope: 0.6.2
-      chokidar: 3.6.0
-      fast-glob: 3.3.2
-      json5: 2.2.3
-      local-pkg: 0.5.0
-      magic-string: 0.30.11
-      mlly: 1.7.1
-      pathe: 1.1.2
-      scule: 1.3.0
-      unplugin: 1.14.1
-      yaml: 2.5.1
-    optionalDependencies:
-      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.3))
-    transitivePeerDependencies:
-      - rollup
-      - vue
-      - webpack-sources
-
   unplugin@1.14.1:
     dependencies:
       acorn: 8.12.1
@@ -14593,11 +14486,11 @@ snapshots:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
 
-  vaul-vue@0.2.0(radix-vue@1.9.7(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
+  vaul-vue@0.2.0(radix-vue@1.9.7(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2)):
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
-      radix-vue: 1.9.7(vue@3.5.11(typescript@5.6.3))
-      vue: 3.5.11(typescript@5.6.3)
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.2))
+      radix-vue: 1.9.7(vue@3.5.11(typescript@5.6.2))
+      vue: 3.5.11(typescript@5.6.2)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -14660,7 +14553,7 @@ snapshots:
       typescript: 5.6.2
       vue-tsc: 2.1.6(typescript@5.6.2)
 
-  vite-plugin-checker@0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)):
+  vite-plugin-checker@0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)):
     dependencies:
       '@babel/code-frame': 7.25.7
       ansi-escapes: 4.3.2
@@ -14681,7 +14574,7 @@ snapshots:
       eslint: 9.12.0(jiti@2.3.3)
       optionator: 0.9.4
       typescript: 5.6.3
-      vue-tsc: 2.1.6(typescript@5.6.3)
+      vue-tsc: 2.1.6(typescript@5.6.2)
 
   vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)):
     dependencies:
@@ -14727,9 +14620,9 @@ snapshots:
       lightningcss: 1.27.0
       terser: 5.34.1
 
-  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
+  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2)):
     dependencies:
-      '@nuxt/test-utils': 3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+      '@nuxt/test-utils': 3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'
@@ -14852,30 +14745,17 @@ snapshots:
       '@vue/devtools-api': 6.6.4
       vue: 3.5.11(typescript@5.6.2)
 
-  vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)):
-    dependencies:
-      '@vue/devtools-api': 6.6.4
-      vue: 3.5.11(typescript@5.6.3)
-
   vue-tsc@2.1.6(typescript@5.6.2):
     dependencies:
       '@volar/typescript': 2.4.5
       '@vue/language-core': 2.1.6(typescript@5.6.2)
       semver: 7.6.3
       typescript: 5.6.2
-    optional: true
-
-  vue-tsc@2.1.6(typescript@5.6.3):
-    dependencies:
-      '@volar/typescript': 2.4.5
-      '@vue/language-core': 2.1.6(typescript@5.6.3)
-      semver: 7.6.3
-      typescript: 5.6.3
 
-  vue3-smooth-dnd@0.0.6(vue@3.5.11(typescript@5.6.2)):
+  vue3-smooth-dnd@0.0.6(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       smooth-dnd: 0.12.1
-      vue: 3.5.11(typescript@5.6.2)
+      vue: 3.5.11(typescript@5.6.3)
 
   vue@3.5.11(typescript@5.6.2):
     dependencies:
@@ -14892,7 +14772,7 @@ snapshots:
       '@vue/compiler-dom': 3.5.11
       '@vue/compiler-sfc': 3.5.11
       '@vue/runtime-dom': 3.5.11
-      '@vue/server-renderer': 3.5.11(vue@3.5.11(typescript@5.6.3))
+      '@vue/server-renderer': 3.5.11(vue@3.5.11(typescript@5.6.2))
       '@vue/shared': 3.5.11
     optionalDependencies:
       typescript: 5.6.3
diff --git a/src/devtools/island-renderer.ts b/src/devtools/island-renderer.ts
deleted file mode 100644
index d774c89906..0000000000
--- a/src/devtools/island-renderer.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { defineAsyncComponent } from 'vue'
-import { createVNode, defineComponent, onErrorCaptured } from 'vue'
-
-import { injectHead } from '@unhead/vue'
-import { islandComponents } from '#build/components.islands.mjs'
-
-export default defineComponent({
-  name: 'IslandRenderer',
-  props: {
-    context: {
-      type: Object as () => { name: string, props?: Record<string, any> },
-      required: true
-    }
-  },
-  setup(props) {
-    // reset head - we don't want to have any head tags from plugin or anywhere else.
-    const head = injectHead()
-    head.headEntries().splice(0, head.headEntries().length)
-
-    // @ts-expect-error - File comes from Nuxt.
-    const component = islandComponents[props.context.name] as ReturnType<typeof defineAsyncComponent>
-
-    if (!component) {
-    // @ts-expect-error - File comes from Nuxt.
-      throw createError({
-        statusCode: 404,
-        statusMessage: `Island component not found: ${props.context.name}`
-      })
-    }
-
-    onErrorCaptured((e) => {
-      console.log(e)
-    })
-
-    return () => createVNode(component || 'span', { ...props.context.props, 'data-island-uid': '' })
-  }
-})
diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index 7bdfdb7881..f018f0e8a3 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -2,12 +2,13 @@ import type { ViteDevServer } from 'vite'
 import { kebabCase } from 'scule'
 import defu from 'defu'
 import fs from 'node:fs'
-import { resolve } from 'node:path'
+import { createResolver } from '@nuxt/kit'
 
+const { resolve } = createResolver(import.meta.url)
 const devtoolsComponentMeta: Record<string, any> = {}
 
 function extractComponentMeta(code: string): string | null {
-  const match = code.match(/extendComponentMeta(?:<.*?>)?\(/)
+  const match = code.match(/extendDevtoolsMeta(?:<.*?>)?\(/)
   if (!match) return null
 
   const startIndex = code.indexOf(match[0]) + match[0].length
@@ -24,7 +25,7 @@ function extractComponentMeta(code: string): string | null {
       break
     }
   }
-  // Return only the object inside extendComponentMeta
+  // Return only the object inside extendDevtoolsMeta
   return code.slice(startIndex, endIndex).trim()
 }
 
@@ -56,31 +57,33 @@ export function devtoolsMetaPlugin() {
       server.middlewares.use('/__nuxt_ui__/devtools/api/component-meta', async (_req, res) => {
         res.setHeader('Content-Type', 'application/json')
         const componentMeta = await import('./.component-meta/component-meta')
-
-        const meta = defu(Object.entries(componentMeta).reduce((acc, [key, value]: [string, any]) => {
-          if (!key.startsWith('U')) return acc
-
-          value.meta.props = value.meta.props.map((prop: any) => {
-            let defaultValue = prop.default
-              ? prop.default
-              : prop?.tags?.find((tag: any) =>
-                tag.name === 'defaultValue'
-                && !tag.text?.includes('appConfig'))?.text
-
-            if (typeof defaultValue === 'string') defaultValue = defaultValue?.replaceAll(/["'`]/g, '')
-            if (defaultValue === 'true') defaultValue = true
-            if (defaultValue === 'false') defaultValue = false
-            if (Number.parseInt(defaultValue)) defaultValue = Number.parseInt(defaultValue)
-
-            return {
-              ...prop,
-              default: defaultValue
-            }
-          })
-
-          acc[kebabCase(key.replace(/^U/, ''))] = value
-          return acc
-        }, {} as Record<string, any>), devtoolsComponentMeta)
+        const meta = defu(
+          Object.entries(componentMeta.default).reduce((acc, [key, value]: [string, any]) => {
+            if (!key.startsWith('U')) return acc
+
+            value.meta.props = value.meta.props.map((prop: any) => {
+              let defaultValue = prop.default
+                ? prop.default
+                : prop?.tags?.find((tag: any) =>
+                  tag.name === 'defaultValue'
+                  && !tag.text?.includes('appConfig'))?.text
+
+              if (typeof defaultValue === 'string') defaultValue = defaultValue?.replaceAll(/["'`]/g, '')
+              if (defaultValue === 'true') defaultValue = true
+              if (defaultValue === 'false') defaultValue = false
+              if (Number.parseInt(defaultValue)) defaultValue = Number.parseInt(defaultValue)
+
+              return {
+                ...prop,
+                default: defaultValue
+              }
+            })
+
+            acc[kebabCase(key.replace(/^U/, ''))] = value
+            return acc
+          }, {} as Record<string, any>),
+          devtoolsComponentMeta
+        )
 
         res.end(JSON.stringify(meta))
       })
@@ -95,11 +98,9 @@ export function devtoolsMetaPlugin() {
         }
 
         try {
-          // Define the path to your component
-          const componentPath = resolve(__dirname, `../devtools/examples/${componentName}.vue`)
-
-          // Read the component's source code
+          const componentPath = resolve(`./runtime/examples/${componentName}.vue`)
           const sourceCode = fs.readFileSync(componentPath, 'utf-8')
+
           res.setHeader('Content-Type', 'application/json')
           res.end(JSON.stringify({ component: componentName, source: sourceCode }))
         } catch (error) {
diff --git a/src/devtools/nuxt-root.vue b/src/devtools/nuxt-root.vue
deleted file mode 100644
index 8065fb6168..0000000000
--- a/src/devtools/nuxt-root.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <Suspense @resolve="onResolve">
-    <div v-if="abortRender" />
-    <ErrorComponent
-      v-else-if="error"
-      :error="error"
-    />
-    <IslandRenderer
-      v-else-if="islandContext"
-      :context="islandContext"
-    />
-    <component
-      :is="SingleRenderer"
-      v-else-if="SingleRenderer"
-    />
-    <NuxtPage v-else-if="url.startsWith('/__nuxt_ui__/components')" />
-    <AppComponent v-else />
-  </Suspense>
-</template>
-
-<script setup>
-import { defineAsyncComponent, onErrorCaptured, onServerPrefetch, provide } from 'vue'
-import AppComponent from '#build/app-component.mjs'
-import ErrorComponent from '#build/error-component.mjs'
-// @ts-expect-error virtual file
-import { componentIslands } from '#build/nuxt.config.mjs'
-
-const IslandRenderer = import.meta.server && componentIslands
-  ? defineAsyncComponent(() => import('./island-renderer').then(r => r.default || r))
-  : () => null
-
-const nuxtApp = useNuxtApp()
-const onResolve = nuxtApp.deferHydration()
-if (import.meta.client && nuxtApp.isHydrating) {
-  const removeErrorHook = nuxtApp.hooks.hookOnce('app:error', onResolve)
-  useRouter().beforeEach(removeErrorHook)
-}
-
-const url = import.meta.server ? nuxtApp.ssrContext.url : window.location.pathname
-
-const SingleRenderer = import.meta.test && import.meta.dev && import.meta.server && url.startsWith('/__nuxt_component_test__/') && defineAsyncComponent(() => import('#build/test-component-wrapper.mjs')
-  .then(r => r.default(import.meta.server ? url : window.location.href)))
-
-// Inject default route (outside of pages) as active route
-provide('route', useRoute())
-
-// vue:setup hook
-const results = nuxtApp.hooks.callHookWith(hooks => hooks.map(hook => hook()), 'vue:setup')
-if (import.meta.dev && results && results.some(i => i && 'then' in i)) {
-  console.error('[nuxt] Error in `vue:setup`. Callbacks must be synchronous.')
-}
-
-// error handling
-const error = useError()
-// render an empty <div> when plugins have thrown an error but we're not yet rendering the error page
-const abortRender = import.meta.server && error.value && !nuxtApp.ssrContext.error
-onErrorCaptured((err, target, info) => {
-  nuxtApp.hooks.callHook('vue:error', err, target, info).catch(hookError => console.error('[nuxt] Error in `vue:error` hook', hookError))
-  if (import.meta.server || (isNuxtError(err) && (err.fatal || err.unhandled))) {
-    const p = nuxtApp.runWithContext(() => showError(err))
-    onServerPrefetch(() => p)
-    return false // suppress error from breaking render
-  }
-})
-
-// Component islands context
-const islandContext = import.meta.server && nuxtApp.ssrContext.islandContext
-</script>
diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
index fe99139e89..ddd2f0e8f6 100644
--- a/src/devtools/rpc.ts
+++ b/src/devtools/rpc.ts
@@ -3,7 +3,7 @@ import { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'
 import * as theme from '../theme'
 import type { ModuleOptions } from '../module'
 import { upperFirst, camelCase, kebabCase } from 'scule'
-import type { DevtoolsMeta } from './extendComponentMeta'
+import type { DevtoolsMeta } from '../runtime/composables/extendDevtoolsMeta'
 
 export type Component = {
   slug: string
diff --git a/src/module.ts b/src/module.ts
index 07d62b9838..52e36d7547 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -177,22 +177,21 @@ export default defineNuxtModule<ModuleOptions>({
         })
       } else {
         nuxt.hook('vite:serverCreated', async (server) => {
-          server.middlewares.use('/__nuxt_ui__/devtools', sirv(resolve('../devtools/dist'), {
-            single: true,
-            dev: true
+          server.middlewares.use('/__nuxt_ui__/devtools', sirv(resolve('../dist/client/devtools'), {
+            single: true
           }))
         })
       }
 
-      nuxt.hook('app:resolve', (app) => {
-        app.rootComponent = resolve('./devtools/nuxt-root.vue')
-      })
-
       extendPages((pages) => {
         pages.unshift({
           name: 'ui-devtools',
           path: '/__nuxt_ui__/components/:slug',
-          file: resolve(__dirname, './devtools/ComponentRenderer.vue')
+          file: resolve(__dirname, './runtime/DevtoolsRenderer.vue')
+          // https://github.com/nuxt/nuxt/pull/29366
+          // meta: {
+          //   isolate: true
+          // }
         })
       })
 
diff --git a/src/devtools/ComponentRenderer.vue b/src/runtime/DevtoolsRenderer.vue
similarity index 95%
rename from src/devtools/ComponentRenderer.vue
rename to src/runtime/DevtoolsRenderer.vue
index de8c3e391b..ba0593ad4f 100644
--- a/src/devtools/ComponentRenderer.vue
+++ b/src/runtime/DevtoolsRenderer.vue
@@ -6,7 +6,7 @@ import { useColorMode, useRoute } from '#imports'
 const route = useRoute()
 const component = route.query?.example
   ? defineAsyncComponent(() => import(`./examples/${route.query.example}.vue`))
-  : route.params?.slug && defineAsyncComponent(() => import(`../runtime/components/${pascalCase(route.params.slug)}.vue`))
+  : route.params?.slug && defineAsyncComponent(() => import(`./components/${pascalCase(route.params.slug as string)}.vue`))
 
 const state = reactive<{ slots?: any, props?: any }>({})
 
diff --git a/src/runtime/components/Accordion.vue b/src/runtime/components/Accordion.vue
index a3cfccff8d..b6efbd273b 100644
--- a/src/runtime/components/Accordion.vue
+++ b/src/runtime/components/Accordion.vue
@@ -6,7 +6,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/accordion'
 import type { DynamicSlots } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { accordion: Partial<typeof theme> } }
 
@@ -55,7 +55,7 @@ export type AccordionSlots<T extends { slot?: string }> = {
   body: SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
-extendComponentMeta({
+extendDevtoolsMeta({
   defaultProps: {
     items: [{
       label: 'Getting Started',
diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue
index e3b12ce4b3..e5b1767bc3 100644
--- a/src/runtime/components/Alert.vue
+++ b/src/runtime/components/Alert.vue
@@ -4,7 +4,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/alert'
 import type { AvatarProps, ButtonProps } from '../types'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { alert: Partial<typeof theme> } }
 
@@ -58,7 +58,7 @@ export interface AlertSlots {
   close(props: { ui: any }): any
 }
 
-extendComponentMeta<AlertProps>({ defaultProps: { title: 'Heads up!' } })
+extendDevtoolsMeta<AlertProps>({ defaultProps: { title: 'Heads up!' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/App.vue b/src/runtime/components/App.vue
index a7587edf2c..cd25a2d0c6 100644
--- a/src/runtime/components/App.vue
+++ b/src/runtime/components/App.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
 import type { ConfigProviderProps, TooltipProviderProps } from 'radix-vue'
 import type { ToasterProps } from '../types'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 export interface AppProps extends Omit<ConfigProviderProps, 'useId'> {
   tooltip?: TooltipProviderProps
@@ -28,7 +28,7 @@ const configProviderProps = useForwardProps(reactivePick(props, 'dir', 'scrollBo
 const tooltipProps = toRef(() => props.tooltip)
 const toasterProps = toRef(() => props.toaster)
 
-extendComponentMeta({ ignore: true })
+extendDevtoolsMeta({ ignore: true })
 </script>
 
 <template>
diff --git a/src/runtime/components/Avatar.vue b/src/runtime/components/Avatar.vue
index e8e9ee222d..38210e4b04 100644
--- a/src/runtime/components/Avatar.vue
+++ b/src/runtime/components/Avatar.vue
@@ -4,7 +4,7 @@ import type { AvatarFallbackProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/avatar'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { avatar: Partial<typeof theme> } }
 
@@ -27,7 +27,7 @@ export interface AvatarProps extends Pick<AvatarFallbackProps, 'delayMs'> {
   ui?: Partial<typeof avatar.slots>
 }
 
-extendComponentMeta<AvatarProps>({ defaultProps: { src: 'https://avatars.githubusercontent.com/u/739984?v=4', alt: 'Benjamin Canac' } })
+extendDevtoolsMeta<AvatarProps>({ defaultProps: { src: 'https://avatars.githubusercontent.com/u/739984?v=4', alt: 'Benjamin Canac' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/AvatarGroup.vue b/src/runtime/components/AvatarGroup.vue
index 62bd76fb3e..56df6a5332 100644
--- a/src/runtime/components/AvatarGroup.vue
+++ b/src/runtime/components/AvatarGroup.vue
@@ -3,7 +3,7 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/avatar-group'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { avatarGroup: Partial<typeof theme> } }
 
@@ -30,7 +30,7 @@ export interface AvatarGroupSlots {
   default(props?: {}): any
 }
 
-extendComponentMeta({ example: 'AvatarGroupExample' })
+extendDevtoolsMeta({ example: 'AvatarGroupExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Badge.vue b/src/runtime/components/Badge.vue
index 0db4ba9d1d..5267f31da5 100644
--- a/src/runtime/components/Badge.vue
+++ b/src/runtime/components/Badge.vue
@@ -3,7 +3,7 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/badge'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { badge: Partial<typeof theme> } }
 
@@ -37,7 +37,7 @@ const props = withDefaults(defineProps<BadgeProps>(), {
 })
 defineSlots<BadgeSlots>()
 
-extendComponentMeta({ defaultProps: { label: 'Badge' } })
+extendDevtoolsMeta({ defaultProps: { label: 'Badge' } })
 </script>
 
 <template>
diff --git a/src/runtime/components/Breadcrumb.vue b/src/runtime/components/Breadcrumb.vue
index 05ae09f1c0..9e823c7e1a 100644
--- a/src/runtime/components/Breadcrumb.vue
+++ b/src/runtime/components/Breadcrumb.vue
@@ -6,7 +6,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/breadcrumb'
 import type { AvatarProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { breadcrumb: Partial<typeof theme> } }
 
@@ -50,7 +50,7 @@ export type BreadcrumbSlots<T extends { slot?: string }> = {
   'separator'(props?: {}): any
 } & DynamicSlots<T, SlotProps<T>>
 
-extendComponentMeta({
+extendDevtoolsMeta({
   defaultProps: {
     items: [
       { label: 'Home', to: '/' },
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index d095494eb1..90bc92931c 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -7,7 +7,7 @@ import type { LinkProps } from './Link.vue'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { PartialString } from '../types/utils'
 import { formLoadingInjectionKey } from '../composables/useFormField'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { button: Partial<typeof theme> } }
 
@@ -32,7 +32,7 @@ export interface ButtonProps extends UseComponentIconsProps, Omit<LinkProps, 'ra
 }
 
 // Injects props to use as default in the devtools playground.
-extendComponentMeta<ButtonProps>({ defaultProps: { label: 'Click me!' } })
+extendDevtoolsMeta<ButtonProps>({ defaultProps: { label: 'Click me!' } })
 
 export interface ButtonSlots {
   leading(props?: {}): any
diff --git a/src/runtime/components/ButtonGroup.vue b/src/runtime/components/ButtonGroup.vue
index a3a7564c30..edee53ed85 100644
--- a/src/runtime/components/ButtonGroup.vue
+++ b/src/runtime/components/ButtonGroup.vue
@@ -3,7 +3,7 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/button-group'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { buttonGroup: Partial<typeof theme> } }
 
@@ -30,7 +30,7 @@ export interface ButtonGroupSlots {
   default(props?: {}): any
 }
 
-extendComponentMeta({
+extendDevtoolsMeta({
   example: 'ButtonGroupExample'
 })
 </script>
diff --git a/src/runtime/components/Card.vue b/src/runtime/components/Card.vue
index 9c39367144..9075419c99 100644
--- a/src/runtime/components/Card.vue
+++ b/src/runtime/components/Card.vue
@@ -3,7 +3,7 @@ import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/card'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { card: Partial<typeof theme> } }
 
@@ -25,7 +25,7 @@ export interface CardSlots {
   footer(props?: {}): any
 }
 
-extendComponentMeta({
+extendDevtoolsMeta({
   example: 'CardExample'
 })
 </script>
diff --git a/src/runtime/components/Carousel.vue b/src/runtime/components/Carousel.vue
index 6564bef763..d46a6b2c04 100644
--- a/src/runtime/components/Carousel.vue
+++ b/src/runtime/components/Carousel.vue
@@ -13,7 +13,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/carousel'
 import type { ButtonProps } from '../types'
 import type { AcceptableValue, PartialString } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { carousel: Partial<typeof theme> } }
 
@@ -92,7 +92,7 @@ export type CarouselSlots<T> = {
   default(props: { item: T, index: number }): any
 }
 
-extendComponentMeta({ example: 'CarouselExample' })
+extendDevtoolsMeta({ example: 'CarouselExample' })
 </script>
 
 <script setup lang="ts" generic="T extends AcceptableValue">
diff --git a/src/runtime/components/Checkbox.vue b/src/runtime/components/Checkbox.vue
index 34147df5c3..6c95c27087 100644
--- a/src/runtime/components/Checkbox.vue
+++ b/src/runtime/components/Checkbox.vue
@@ -4,7 +4,7 @@ import type { CheckboxRootProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/checkbox'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { checkbox: Partial<typeof theme> } }
 
@@ -44,7 +44,7 @@ export interface CheckboxSlots {
   description(props: { description?: string }): any
 }
 
-extendComponentMeta({ defaultProps: { label: 'Check me!' } })
+extendDevtoolsMeta({ defaultProps: { label: 'Check me!' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Chip.vue b/src/runtime/components/Chip.vue
index 2c57973917..23d47e74b6 100644
--- a/src/runtime/components/Chip.vue
+++ b/src/runtime/components/Chip.vue
@@ -3,7 +3,7 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/chip'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { chip: Partial<typeof theme> } }
 
@@ -39,7 +39,7 @@ export interface ChipSlots {
   content(props?: {}): any
 }
 
-extendComponentMeta({ example: 'ChipExample' })
+extendDevtoolsMeta({ example: 'ChipExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Collapsible.vue b/src/runtime/components/Collapsible.vue
index eda4857a89..1e080cf70a 100644
--- a/src/runtime/components/Collapsible.vue
+++ b/src/runtime/components/Collapsible.vue
@@ -4,7 +4,7 @@ import type { CollapsibleRootProps, CollapsibleRootEmits } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/collapsible'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { collapsible: Partial<typeof theme> } }
 
@@ -27,7 +27,7 @@ export interface CollapsibleSlots {
   content(props?: {}): any
 }
 
-extendComponentMeta({ example: 'CollapsibleExample' })
+extendDevtoolsMeta({ example: 'CollapsibleExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/CommandPalette.vue b/src/runtime/components/CommandPalette.vue
index 1a732c6cee..7e7a359408 100644
--- a/src/runtime/components/CommandPalette.vue
+++ b/src/runtime/components/CommandPalette.vue
@@ -10,7 +10,7 @@ import theme from '#build/ui/command-palette'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ButtonProps, ChipProps, KbdProps, InputProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { commandPalette: Partial<typeof theme> } }
 
@@ -113,7 +113,7 @@ export type CommandPaletteSlots<G extends { slot?: string }, T extends { slot?:
   'item-trailing': SlotProps<T>
 } & DynamicSlots<G, SlotProps<T>> & DynamicSlots<T, SlotProps<T>>
 
-extendComponentMeta({ example: 'CommandPaletteExample' })
+extendDevtoolsMeta({ example: 'CommandPaletteExample' })
 </script>
 
 <script setup lang="ts" generic="G extends CommandPaletteGroup<T>, T extends CommandPaletteItem">
diff --git a/src/runtime/components/Container.vue b/src/runtime/components/Container.vue
index cf14e0e040..aec39a9708 100644
--- a/src/runtime/components/Container.vue
+++ b/src/runtime/components/Container.vue
@@ -3,7 +3,7 @@ import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/container'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { container: Partial<typeof theme> } }
 
@@ -22,7 +22,7 @@ export interface ContainerSlots {
   default(props?: {}): any
 }
 
-extendComponentMeta({ example: 'ContainerExample' })
+extendDevtoolsMeta({ example: 'ContainerExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/ContextMenu.vue b/src/runtime/components/ContextMenu.vue
index 908c9f7720..0af942c901 100644
--- a/src/runtime/components/ContextMenu.vue
+++ b/src/runtime/components/ContextMenu.vue
@@ -7,7 +7,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/context-menu'
 import type { AvatarProps, KbdProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { contextMenu: Partial<typeof theme> } }
 
@@ -64,7 +64,7 @@ export type ContextMenuSlots<T extends { slot?: string }> = {
   'item-trailing': SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
-extendComponentMeta({ example: 'ContextMenuExample', defaultProps: { items:
+extendDevtoolsMeta({ example: 'ContextMenuExample', defaultProps: { items:
   [
     [{
       label: 'My account',
diff --git a/src/runtime/components/Drawer.vue b/src/runtime/components/Drawer.vue
index d3e3519015..f711372207 100644
--- a/src/runtime/components/Drawer.vue
+++ b/src/runtime/components/Drawer.vue
@@ -5,7 +5,7 @@ import type { DialogContentProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/drawer'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { drawer: Partial<typeof theme> } }
 
@@ -53,7 +53,7 @@ export interface DrawerSlots {
   footer(props?: {}): any
 }
 
-extendComponentMeta({ example: 'DrawerExample' })
+extendDevtoolsMeta({ example: 'DrawerExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/DropdownMenu.vue b/src/runtime/components/DropdownMenu.vue
index 05132785e9..0b982ab591 100644
--- a/src/runtime/components/DropdownMenu.vue
+++ b/src/runtime/components/DropdownMenu.vue
@@ -7,7 +7,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/dropdown-menu'
 import type { AvatarProps, KbdProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { dropdownMenu: Partial<typeof theme> } }
 
@@ -72,7 +72,7 @@ export type DropdownMenuSlots<T extends { slot?: string }> = {
   'item-trailing': SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
-extendComponentMeta({
+extendDevtoolsMeta({
   example: 'DropdownMenuExample',
   defaultProps: {
     items: [
diff --git a/src/runtime/components/Form.vue b/src/runtime/components/Form.vue
index c9ad6ce09c..3131d8fca3 100644
--- a/src/runtime/components/Form.vue
+++ b/src/runtime/components/Form.vue
@@ -4,7 +4,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/form'
 import type { FormSchema, FormError, FormInputEvents, FormErrorEvent, FormSubmitEvent, FormEvent, Form, FormErrorWithId } from '../types/form'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { form: Partial<typeof theme> } }
 
@@ -31,7 +31,7 @@ export interface FormSlots {
   default(props?: {}): any
 }
 
-extendComponentMeta({
+extendDevtoolsMeta({
   example: 'FormExample'
 })
 </script>
diff --git a/src/runtime/components/FormField.vue b/src/runtime/components/FormField.vue
index f1a4eaacac..7c089b6d9d 100644
--- a/src/runtime/components/FormField.vue
+++ b/src/runtime/components/FormField.vue
@@ -3,7 +3,7 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/form-field'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { formField: Partial<typeof theme> } }
 
@@ -35,7 +35,7 @@ export interface FormFieldSlots {
   default(props: { error?: string | boolean }): any
 }
 
-extendComponentMeta({ example: 'FormFieldExample', defaultProps: { label: 'Label' } })
+extendDevtoolsMeta({ example: 'FormFieldExample', defaultProps: { label: 'Label' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/InputMenu.vue b/src/runtime/components/InputMenu.vue
index 374fc128bf..1363bef6e4 100644
--- a/src/runtime/components/InputMenu.vue
+++ b/src/runtime/components/InputMenu.vue
@@ -8,7 +8,7 @@ import theme from '#build/ui/input-menu'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { AcceptableValue, ArrayOrWrapped, PartialString } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { inputMenu: Partial<typeof theme> } }
 
@@ -119,7 +119,7 @@ export interface InputMenuSlots<T> {
   'tags-item-delete': SlotProps<T>
 }
 
-extendComponentMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
+extendDevtoolsMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
 </script>
 
 <script setup lang="ts" generic="T extends InputMenuItem | AcceptableValue">
diff --git a/src/runtime/components/Kbd.vue b/src/runtime/components/Kbd.vue
index ebed9ffa66..7dc56bd1e6 100644
--- a/src/runtime/components/Kbd.vue
+++ b/src/runtime/components/Kbd.vue
@@ -4,7 +4,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/kbd'
 import type { KbdKey } from '../composables/useKbd'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { kbd: Partial<typeof theme> } }
 
@@ -27,7 +27,7 @@ export interface KbdProps {
 export interface KbdSlots {
   default(props?: {}): any
 }
-extendComponentMeta({ defaultProps: { value: 'K' } })
+extendDevtoolsMeta({ defaultProps: { value: 'K' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Link.vue b/src/runtime/components/Link.vue
index c21fb95a08..6d81a48f20 100644
--- a/src/runtime/components/Link.vue
+++ b/src/runtime/components/Link.vue
@@ -5,7 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/link'
 import type { NuxtLinkProps } from '#app'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { link: Partial<typeof theme> } }
 
@@ -43,7 +43,7 @@ export interface LinkSlots {
   default(props: { active: boolean }): any
 }
 
-extendComponentMeta({ example: 'LinkExample' })
+extendDevtoolsMeta({ example: 'LinkExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Modal.vue b/src/runtime/components/Modal.vue
index ee61b0a1e0..d5c92b9384 100644
--- a/src/runtime/components/Modal.vue
+++ b/src/runtime/components/Modal.vue
@@ -5,7 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/modal'
 import type { ButtonProps } from '../types'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { modal: Partial<typeof theme> } }
 
@@ -69,7 +69,7 @@ export interface ModalSlots {
   footer(props?: {}): any
 }
 
-extendComponentMeta({ example: 'ModalExample' })
+extendDevtoolsMeta({ example: 'ModalExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Pagination.vue b/src/runtime/components/Pagination.vue
index 78b152c5ee..cfa023fa2a 100644
--- a/src/runtime/components/Pagination.vue
+++ b/src/runtime/components/Pagination.vue
@@ -6,7 +6,7 @@ import type { RouteLocationRaw } from '#vue-router'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/pagination'
 import type { ButtonProps } from '../types'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { pagination: Partial<typeof theme> } }
 
@@ -99,7 +99,7 @@ export interface PaginationSlots {
   }): any
 }
 
-extendComponentMeta({ defaultProps: { total: 50 } })
+extendDevtoolsMeta({ defaultProps: { total: 50 } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Popover.vue b/src/runtime/components/Popover.vue
index c4c72e9ee9..3133910604 100644
--- a/src/runtime/components/Popover.vue
+++ b/src/runtime/components/Popover.vue
@@ -4,7 +4,7 @@ import type { PopoverRootProps, HoverCardRootProps, PopoverRootEmits, PopoverCon
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/popover'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { popover: Partial<typeof theme> } }
 
@@ -42,7 +42,7 @@ export interface PopoverSlots {
   content(props?: {}): any
 }
 
-extendComponentMeta({ example: 'PopoverExample' })
+extendDevtoolsMeta({ example: 'PopoverExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/RadioGroup.vue b/src/runtime/components/RadioGroup.vue
index 15a6cc8efe..c7c251cd8a 100644
--- a/src/runtime/components/RadioGroup.vue
+++ b/src/runtime/components/RadioGroup.vue
@@ -5,7 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/radio-group'
 import type { AcceptableValue } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { radioGroup: Partial<typeof theme> } }
 
@@ -64,7 +64,7 @@ export interface RadioGroupSlots<T> {
   description: SlotProps<T>
 }
 
-extendComponentMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
+extendDevtoolsMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
 </script>
 
 <script setup lang="ts" generic="T extends RadioGroupItem | AcceptableValue">
diff --git a/src/runtime/components/Select.vue b/src/runtime/components/Select.vue
index 9f761fa5d1..8b889be17e 100644
--- a/src/runtime/components/Select.vue
+++ b/src/runtime/components/Select.vue
@@ -7,7 +7,7 @@ import theme from '#build/ui/select'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { AcceptableValue, PartialString } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { select: Partial<typeof theme> } }
 
@@ -93,7 +93,7 @@ export interface SelectSlots<T> {
   'item-trailing': SlotProps<T>
 }
 
-extendComponentMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
+extendDevtoolsMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
 </script>
 
 <script setup lang="ts" generic="T extends SelectItem | AcceptableValue">
diff --git a/src/runtime/components/SelectMenu.vue b/src/runtime/components/SelectMenu.vue
index ac72390014..7332723f50 100644
--- a/src/runtime/components/SelectMenu.vue
+++ b/src/runtime/components/SelectMenu.vue
@@ -7,7 +7,7 @@ import theme from '#build/ui/select-menu'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { AcceptableValue, ArrayOrWrapped, PartialString } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { selectMenu: Partial<typeof theme> } }
 
@@ -109,7 +109,7 @@ export interface SelectMenuSlots<T> {
   'item-trailing': SlotProps<T>
 }
 
-extendComponentMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
+extendDevtoolsMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3'] } })
 </script>
 
 <script setup lang="ts" generic="T extends SelectMenuItem | AcceptableValue">
diff --git a/src/runtime/components/Skeleton.vue b/src/runtime/components/Skeleton.vue
index 115e8a8855..8b611733f8 100644
--- a/src/runtime/components/Skeleton.vue
+++ b/src/runtime/components/Skeleton.vue
@@ -3,7 +3,7 @@ import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/skeleton'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { skeleton: Partial<typeof theme> } }
 
@@ -18,7 +18,7 @@ export interface SkeletonProps {
   class?: any
 }
 
-extendComponentMeta({ example: 'SkeletonExample' })
+extendDevtoolsMeta({ example: 'SkeletonExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Slideover.vue b/src/runtime/components/Slideover.vue
index c76a513e3d..1c7e0e9ff1 100644
--- a/src/runtime/components/Slideover.vue
+++ b/src/runtime/components/Slideover.vue
@@ -5,7 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/slideover'
 import type { ButtonProps } from '../types'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { slideover: Partial<typeof theme> } }
 
@@ -67,7 +67,7 @@ export interface SlideoverSlots {
   footer(props?: {}): any
 }
 
-extendComponentMeta({ example: 'SlideoverExample' })
+extendDevtoolsMeta({ example: 'SlideoverExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Switch.vue b/src/runtime/components/Switch.vue
index 845d1dce49..187aab2f87 100644
--- a/src/runtime/components/Switch.vue
+++ b/src/runtime/components/Switch.vue
@@ -5,7 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/switch'
 import type { PartialString } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { switch: Partial<typeof theme> } }
 
@@ -50,7 +50,7 @@ export interface SwitchSlots {
   description(props: { description?: string }): any
 }
 
-extendComponentMeta({ defaultProps: { label: 'Switch me!' } })
+extendDevtoolsMeta({ defaultProps: { label: 'Switch me!' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Tabs.vue b/src/runtime/components/Tabs.vue
index 10e9ec22a9..ab481faf1d 100644
--- a/src/runtime/components/Tabs.vue
+++ b/src/runtime/components/Tabs.vue
@@ -7,7 +7,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/tabs'
 import type { AvatarProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { tabs: Partial<typeof theme> } }
 
@@ -65,7 +65,7 @@ export type TabsSlots<T extends { slot?: string }> = {
   content: SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
-extendComponentMeta({
+extendDevtoolsMeta({
   defaultProps: {
     items: [{
       label: 'Tab1',
diff --git a/src/runtime/components/Toast.vue b/src/runtime/components/Toast.vue
index d090ab2624..e242014c4f 100644
--- a/src/runtime/components/Toast.vue
+++ b/src/runtime/components/Toast.vue
@@ -5,7 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/toast'
 import type { AvatarProps, ButtonProps } from '../types'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { toast: Partial<typeof theme> } }
 
@@ -55,7 +55,7 @@ export interface ToastSlots {
   close(props: { ui: any }): any
 }
 
-extendComponentMeta<ToastProps>({ defaultProps: { title: 'Heads up!', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' } })
+extendDevtoolsMeta<ToastProps>({ defaultProps: { title: 'Heads up!', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Toaster.vue b/src/runtime/components/Toaster.vue
index 64c51a4e2a..a346f8baa6 100644
--- a/src/runtime/components/Toaster.vue
+++ b/src/runtime/components/Toaster.vue
@@ -4,7 +4,7 @@ import type { ToastProviderProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/toaster'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { toaster: Partial<typeof theme> } }
 
@@ -87,7 +87,7 @@ function getOffset(index: number) {
   return refs.value.slice(index + 1).reduce((acc, { height }) => acc + height + 16, 0)
 }
 
-extendComponentMeta({ ignore: true })
+extendDevtoolsMeta({ ignore: true })
 </script>
 
 <template>
diff --git a/src/runtime/components/Tooltip.vue b/src/runtime/components/Tooltip.vue
index c204a61e08..7034340f31 100644
--- a/src/runtime/components/Tooltip.vue
+++ b/src/runtime/components/Tooltip.vue
@@ -5,7 +5,7 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/tooltip'
 import type { KbdProps } from '../types'
-import { extendComponentMeta } from '../../devtools/extendComponentMeta'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { tooltip: Partial<typeof theme> } }
 
@@ -42,7 +42,7 @@ export interface TooltipSlots {
   content(props?: {}): any
 }
 
-extendComponentMeta({ example: 'TooltipExample', defaultProps: { text: 'Hello world!' } })
+extendDevtoolsMeta({ example: 'TooltipExample', defaultProps: { text: 'Hello world!' } })
 </script>
 
 <script setup lang="ts">
diff --git a/src/devtools/extendComponentMeta.ts b/src/runtime/composables/extendDevtoolsMeta.ts
similarity index 57%
rename from src/devtools/extendComponentMeta.ts
rename to src/runtime/composables/extendDevtoolsMeta.ts
index f7c0e1db0a..1c3afb2716 100644
--- a/src/devtools/extendComponentMeta.ts
+++ b/src/runtime/composables/extendDevtoolsMeta.ts
@@ -4,4 +4,4 @@ export type DevtoolsMeta<T> = {
   ignore?: boolean
 }
 
-export function extendComponentMeta<T>(_meta: DevtoolsMeta<T>) { }
+export function extendDevtoolsMeta<T>(_meta: DevtoolsMeta<T>) { }
diff --git a/src/devtools/examples/AvatarGroupExample.vue b/src/runtime/examples/AvatarGroupExample.vue
similarity index 100%
rename from src/devtools/examples/AvatarGroupExample.vue
rename to src/runtime/examples/AvatarGroupExample.vue
diff --git a/src/devtools/examples/ButtonGroupExample.vue b/src/runtime/examples/ButtonGroupExample.vue
similarity index 100%
rename from src/devtools/examples/ButtonGroupExample.vue
rename to src/runtime/examples/ButtonGroupExample.vue
diff --git a/src/devtools/examples/CardExample.vue b/src/runtime/examples/CardExample.vue
similarity index 100%
rename from src/devtools/examples/CardExample.vue
rename to src/runtime/examples/CardExample.vue
diff --git a/src/devtools/examples/CarouselExample.vue b/src/runtime/examples/CarouselExample.vue
similarity index 67%
rename from src/devtools/examples/CarouselExample.vue
rename to src/runtime/examples/CarouselExample.vue
index aca77af1d4..e44f131870 100644
--- a/src/devtools/examples/CarouselExample.vue
+++ b/src/runtime/examples/CarouselExample.vue
@@ -6,9 +6,7 @@
       'https://picsum.photos/320/320?v=2',
       'https://picsum.photos/320/320?v=3'
     ]"
-    :ui="{ item: 'basis-1/3' }"
-    class="w-full max-w-xs mx-auto"
   >
-    <img :src="item" class="rounded-lg">
+    <img :src="item" class="rounded-lg basis-1/3">
   </UCarousel>
 </template>
diff --git a/src/devtools/examples/ChipExample.vue b/src/runtime/examples/ChipExample.vue
similarity index 100%
rename from src/devtools/examples/ChipExample.vue
rename to src/runtime/examples/ChipExample.vue
diff --git a/src/devtools/examples/CollapsibleExample.vue b/src/runtime/examples/CollapsibleExample.vue
similarity index 100%
rename from src/devtools/examples/CollapsibleExample.vue
rename to src/runtime/examples/CollapsibleExample.vue
diff --git a/src/devtools/examples/CommandPaletteExample.vue b/src/runtime/examples/CommandPaletteExample.vue
similarity index 100%
rename from src/devtools/examples/CommandPaletteExample.vue
rename to src/runtime/examples/CommandPaletteExample.vue
diff --git a/src/devtools/examples/ContainerExample.vue b/src/runtime/examples/ContainerExample.vue
similarity index 100%
rename from src/devtools/examples/ContainerExample.vue
rename to src/runtime/examples/ContainerExample.vue
diff --git a/src/devtools/examples/ContextMenuExample.vue b/src/runtime/examples/ContextMenuExample.vue
similarity index 100%
rename from src/devtools/examples/ContextMenuExample.vue
rename to src/runtime/examples/ContextMenuExample.vue
diff --git a/src/devtools/examples/DrawerExample.vue b/src/runtime/examples/DrawerExample.vue
similarity index 100%
rename from src/devtools/examples/DrawerExample.vue
rename to src/runtime/examples/DrawerExample.vue
diff --git a/src/devtools/examples/DropdownMenuExample.vue b/src/runtime/examples/DropdownMenuExample.vue
similarity index 100%
rename from src/devtools/examples/DropdownMenuExample.vue
rename to src/runtime/examples/DropdownMenuExample.vue
diff --git a/src/devtools/examples/FormExample.vue b/src/runtime/examples/FormExample.vue
similarity index 100%
rename from src/devtools/examples/FormExample.vue
rename to src/runtime/examples/FormExample.vue
diff --git a/src/devtools/examples/FormFieldExample.vue b/src/runtime/examples/FormFieldExample.vue
similarity index 100%
rename from src/devtools/examples/FormFieldExample.vue
rename to src/runtime/examples/FormFieldExample.vue
diff --git a/src/devtools/examples/LinkExample.vue b/src/runtime/examples/LinkExample.vue
similarity index 100%
rename from src/devtools/examples/LinkExample.vue
rename to src/runtime/examples/LinkExample.vue
diff --git a/src/devtools/examples/ModalExample.vue b/src/runtime/examples/ModalExample.vue
similarity index 100%
rename from src/devtools/examples/ModalExample.vue
rename to src/runtime/examples/ModalExample.vue
diff --git a/src/devtools/examples/PopoverExample.vue b/src/runtime/examples/PopoverExample.vue
similarity index 100%
rename from src/devtools/examples/PopoverExample.vue
rename to src/runtime/examples/PopoverExample.vue
diff --git a/src/devtools/examples/SkeletonExample.vue b/src/runtime/examples/SkeletonExample.vue
similarity index 100%
rename from src/devtools/examples/SkeletonExample.vue
rename to src/runtime/examples/SkeletonExample.vue
diff --git a/src/devtools/examples/SlideoverExample.vue b/src/runtime/examples/SlideoverExample.vue
similarity index 100%
rename from src/devtools/examples/SlideoverExample.vue
rename to src/runtime/examples/SlideoverExample.vue
diff --git a/src/devtools/examples/TooltipExample.vue b/src/runtime/examples/TooltipExample.vue
similarity index 100%
rename from src/devtools/examples/TooltipExample.vue
rename to src/runtime/examples/TooltipExample.vue

From 01c4c1574220d5c9a8c98d967fe1d37c54a3d0e0 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 14 Oct 2024 12:36:47 +0200
Subject: [PATCH 38/92] chore: update pnpm-lock

---
 pnpm-lock.yaml | 459 ++++++++++++++++++++++++++++++++-----------------
 1 file changed, 301 insertions(+), 158 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 68807fe36a..b1a7ab2c79 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,7 +21,7 @@ importers:
         version: 0.10.0(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/icon':
         specifier: ^1.5.5
-        version: 1.5.5(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
+        version: 1.5.5(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
       '@nuxt/kit':
         specifier: ^3.13.2
         version: 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -39,10 +39,10 @@ importers:
         version: 4.0.0-alpha.24(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@vueuse/core':
         specifier: ^11.1.0
-        version: 11.1.0(vue@3.5.11(typescript@5.6.2))
+        version: 11.1.0(vue@3.5.11(typescript@5.6.3))
       '@vueuse/integrations':
         specifier: ^11.1.0
-        version: 11.1.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.2))
+        version: 11.1.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.3))
       defu:
         specifier: ^6.1.4
         version: 6.1.4
@@ -63,7 +63,7 @@ importers:
         version: 8.3.0(embla-carousel@8.3.0)
       embla-carousel-vue:
         specifier: ^8.3.0
-        version: 8.3.0(vue@3.5.11(typescript@5.6.2))
+        version: 8.3.0(vue@3.5.11(typescript@5.6.3))
       embla-carousel-wheel-gestures:
         specifier: ^8.0.1
         version: 8.0.1(embla-carousel@8.3.0)
@@ -78,10 +78,13 @@ importers:
         version: 1.1.4
       radix-vue:
         specifier: ^1.9.7
-        version: 1.9.7(vue@3.5.11(typescript@5.6.2))
+        version: 1.9.7(vue@3.5.11(typescript@5.6.3))
       scule:
         specifier: ^1.3.0
         version: 1.3.0
+      sirv:
+        specifier: ^2.0.4
+        version: 2.0.4
       tailwind-variants:
         specifier: ^0.2.1
         version: 0.2.1(tailwindcss@4.0.0-alpha.24)
@@ -90,23 +93,23 @@ importers:
         version: 4.0.0-alpha.24
       typescript:
         specifier: ^5.6.3
-        version: 5.6.2
+        version: 5.6.3
       vaul-vue:
         specifier: ^0.2.0
-        version: 0.2.0(radix-vue@1.9.7(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
+        version: 0.2.0(radix-vue@1.9.7(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
     devDependencies:
       '@nuxt/eslint-config':
         specifier: ^0.5.7
-        version: 0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+        version: 0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
       '@nuxt/module-builder':
         specifier: ^0.8.4
-        version: 0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))
       '@nuxt/test-utils':
         specifier: ^3.14.3
-        version: 3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
+        version: 3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
       '@release-it/conventional-changelog':
         specifier: ^8.0.2
-        version: 8.0.2(release-it@17.7.0(typescript@5.6.2))
+        version: 8.0.2(release-it@17.7.0(typescript@5.6.3))
       '@standard-schema/spec':
         specifier: 1.0.0-beta.1
         version: 1.0.0-beta.1
@@ -130,28 +133,25 @@ importers:
         version: 1.1.0
       nuxt:
         specifier: ^3.13.2
-        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
       nuxt-component-meta:
         specifier: ^0.8.2
         version: 0.8.2(magicast@0.3.5)(rollup@4.24.0)
       release-it:
         specifier: ^17.7.0
-        version: 17.7.0(typescript@5.6.2)
-      sirv:
-        specifier: ^2.0.4
-        version: 2.0.4
+        version: 17.7.0(typescript@5.6.3)
       valibot:
         specifier: ^0.42.1
-        version: 0.42.1(typescript@5.6.2)
+        version: 0.42.1(typescript@5.6.3)
       vitest:
         specifier: ^2.1.2
         version: 2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1)
       vitest-environment-nuxt:
         specifier: ^1.0.1
-        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
+        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
       vue-tsc:
         specifier: ^2.1.6
-        version: 2.1.6(typescript@5.6.2)
+        version: 2.1.6(typescript@5.6.3)
       yup:
         specifier: ^1.4.0
         version: 1.4.0
@@ -187,7 +187,7 @@ importers:
         version: 1.1.0
       nuxt:
         specifier: ^3.13.1
-        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
@@ -205,7 +205,7 @@ importers:
         version: 1.2.2
       '@nuxt/content':
         specifier: ^2.13.2
-        version: 2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
+        version: 2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
       '@nuxt/image':
         specifier: ^1.8.1
         version: 1.8.1(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)
@@ -214,7 +214,7 @@ importers:
         version: link:..
       '@nuxt/ui-pro':
         specifier: 2.0.0-alpha.6
-        version: 2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.3)(vue@3.5.11(typescript@5.6.3))
+        version: 2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.2)(vue@3.5.11(typescript@5.6.2))
       '@nuxthub/core':
         specifier: ^0.7.26
         version: 0.7.26(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
@@ -226,19 +226,19 @@ importers:
         version: 21.0.2
       '@vueuse/nuxt':
         specifier: ^11.1.0
-        version: 11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
+        version: 11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
       joi:
         specifier: ^17.13.3
         version: 17.13.3
       nuxt:
         specifier: ^3.13.2
-        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
       nuxt-component-meta:
         specifier: ^0.8.2
         version: 0.8.2(magicast@0.3.5)(rollup@4.24.0)
       nuxt-og-image:
         specifier: ^3.0.4
-        version: 3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
+        version: 3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
@@ -250,7 +250,7 @@ importers:
         version: 1.5.4
       valibot:
         specifier: ^0.42.1
-        version: 0.42.1(typescript@5.6.3)
+        version: 0.42.1(typescript@5.6.2)
       yup:
         specifier: ^1.4.0
         version: 1.4.0
@@ -265,7 +265,7 @@ importers:
         version: link:..
       nuxt:
         specifier: ^3.13.2
-        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
 
 packages:
 
@@ -7523,11 +7523,11 @@ snapshots:
 
   '@floating-ui/utils@0.2.8': {}
 
-  '@floating-ui/vue@1.1.5(vue@3.5.11(typescript@5.6.2))':
+  '@floating-ui/vue@1.1.5(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@floating-ui/dom': 1.6.11
       '@floating-ui/utils': 0.2.8
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -7583,10 +7583,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@iconify/vue@4.1.3-beta.1(vue@3.5.11(typescript@5.6.2))':
+  '@iconify/vue@4.1.3-beta.1(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@iconify/types': 2.0.0
-      vue: 3.5.11(typescript@5.6.2)
+      vue: 3.5.11(typescript@5.6.3)
 
   '@inquirer/figures@1.0.6': {}
 
@@ -7677,13 +7677,13 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.17.1
 
-  '@nuxt/content@2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
+  '@nuxt/content@2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxtjs/mdc': 0.8.3(magicast@0.3.5)(rollup@4.24.0)
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
-      '@vueuse/head': 2.0.0(vue@3.5.11(typescript@5.6.3))
-      '@vueuse/nuxt': 10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/head': 2.0.0(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/nuxt': 10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
       consola: 3.2.3
       defu: 6.1.4
       destr: 2.0.3
@@ -7817,17 +7817,65 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@nuxt/eslint-config@0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+  '@nuxt/devtools@1.5.2(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
+    dependencies:
+      '@antfu/utils': 0.7.10
+      '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      '@nuxt/devtools-wizard': 1.5.2
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@vue/devtools-core': 7.4.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
+      '@vue/devtools-kit': 7.4.4
+      birpc: 0.2.17
+      consola: 3.2.3
+      cronstrue: 2.50.0
+      destr: 2.0.3
+      error-stack-parser-es: 0.1.5
+      execa: 7.2.0
+      fast-npm-meta: 0.2.2
+      flatted: 3.3.1
+      get-port-please: 3.1.2
+      hookable: 5.5.3
+      image-meta: 0.2.1
+      is-installed-globally: 1.0.0
+      launch-editor: 2.9.1
+      local-pkg: 0.5.0
+      magicast: 0.3.5
+      nypm: 0.3.12
+      ohash: 1.1.4
+      pathe: 1.1.2
+      perfect-debounce: 1.0.0
+      pkg-types: 1.2.0
+      rc9: 2.1.2
+      scule: 1.3.0
+      semver: 7.6.3
+      simple-git: 3.27.0
+      sirv: 2.0.4
+      tinyglobby: 0.2.6
+      unimport: 3.13.1(rollup@4.24.0)
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      vite-plugin-vue-inspector: 5.1.3(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      which: 3.0.1
+      ws: 8.18.0
+    transitivePeerDependencies:
+      - bufferutil
+      - rollup
+      - supports-color
+      - utf-8-validate
+      - vue
+      - webpack-sources
+
+  '@nuxt/eslint-config@0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
       '@eslint/js': 9.12.0
-      '@nuxt/eslint-plugin': 0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
-      '@stylistic/eslint-plugin': 2.9.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
-      '@typescript-eslint/eslint-plugin': 8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2))(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
-      '@typescript-eslint/parser': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@nuxt/eslint-plugin': 0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@stylistic/eslint-plugin': 2.9.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
       eslint: 9.12.0(jiti@2.3.3)
       eslint-config-flat-gitignore: 0.3.0(eslint@9.12.0(jiti@2.3.3))
       eslint-flat-config-utils: 0.4.0
-      eslint-plugin-import-x: 4.3.1(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      eslint-plugin-import-x: 4.3.1(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
       eslint-plugin-jsdoc: 50.3.1(eslint@9.12.0(jiti@2.3.3))
       eslint-plugin-regexp: 2.6.0(eslint@9.12.0(jiti@2.3.3))
       eslint-plugin-unicorn: 55.0.0(eslint@9.12.0(jiti@2.3.3))
@@ -7840,10 +7888,10 @@ snapshots:
       - supports-color
       - typescript
 
-  '@nuxt/eslint-plugin@0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+  '@nuxt/eslint-plugin@0.5.7(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/types': 8.8.0
-      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
       eslint: 9.12.0(jiti@2.3.3)
     transitivePeerDependencies:
       - supports-color
@@ -7892,12 +7940,12 @@ snapshots:
       - vite
       - webpack-sources
 
-  '@nuxt/icon@1.5.5(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))':
+  '@nuxt/icon@1.5.5(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@iconify/collections': 1.0.469
       '@iconify/types': 2.0.0
       '@iconify/utils': 2.1.33
-      '@iconify/vue': 4.1.3-beta.1(vue@3.5.11(typescript@5.6.2))
+      '@iconify/vue': 4.1.3-beta.1(vue@3.5.11(typescript@5.6.3))
       '@nuxt/devtools-kit': 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       consola: 3.2.3
@@ -7976,7 +8024,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))':
+  '@nuxt/module-builder@0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       citty: 0.1.6
@@ -7987,8 +8035,8 @@ snapshots:
       nuxi: 3.14.0
       pathe: 1.1.2
       pkg-types: 1.2.0
-      tsconfck: 3.1.3(typescript@5.6.2)
-      unbuild: 2.0.0(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
+      tsconfck: 3.1.3(typescript@5.6.3)
+      unbuild: 2.0.0(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))
     transitivePeerDependencies:
       - sass
       - supports-color
@@ -8041,7 +8089,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/test-utils@3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))':
+  '@nuxt/test-utils@3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
@@ -8068,9 +8116,9 @@ snapshots:
       unenv: 1.10.0
       unplugin: 1.14.1
       vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
-      vue: 3.5.11(typescript@5.6.2)
-      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.2))
+      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+      vue: 3.5.11(typescript@5.6.3)
+      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.3))
     optionalDependencies:
       '@vue/test-utils': 2.4.6
       happy-dom: 14.12.3
@@ -8082,12 +8130,12 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/ui-pro@2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.3)(vue@3.5.11(typescript@5.6.3))':
+  '@nuxt/ui-pro@2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.2)(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
       '@nuxt/ui': 'link:'
-      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.2))
       consola: 3.2.3
       defu: 6.1.4
       git-url-parse: 15.0.0
@@ -8095,8 +8143,8 @@ snapshots:
       parse-git-config: 3.0.0
       pkg-types: 1.2.1
       scule: 1.3.0
-      typescript: 5.6.3
-      vue3-smooth-dnd: 0.0.6(vue@3.5.11(typescript@5.6.3))
+      typescript: 5.6.2
+      vue3-smooth-dnd: 0.0.6(vue@3.5.11(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -8164,12 +8212,12 @@ snapshots:
       - vue-tsc
       - webpack-sources
 
-  '@nuxt/vite-builder@3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.11(typescript@5.6.2))':
+  '@nuxt/vite-builder@3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@rollup/plugin-replace': 5.0.7(rollup@4.24.0)
-      '@vitejs/plugin-vue': 5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
-      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
+      '@vitejs/plugin-vue': 5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
+      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
       autoprefixer: 10.4.20(postcss@8.4.47)
       clear: 0.1.0
       consola: 3.2.3
@@ -8197,8 +8245,8 @@ snapshots:
       unplugin: 1.14.1
       vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
       vite-node: 2.1.2(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vite-plugin-checker: 0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue: 3.5.11(typescript@5.6.2)
+      vite-plugin-checker: 0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
+      vue: 3.5.11(typescript@5.6.3)
       vue-bundle-renderer: 2.1.1
     transitivePeerDependencies:
       - '@biomejs/biome'
@@ -8573,13 +8621,13 @@ snapshots:
 
   '@polka/url@1.0.0-next.28': {}
 
-  '@release-it/conventional-changelog@8.0.2(release-it@17.7.0(typescript@5.6.2))':
+  '@release-it/conventional-changelog@8.0.2(release-it@17.7.0(typescript@5.6.3))':
     dependencies:
       concat-stream: 2.0.0
       conventional-changelog: 5.1.0
       conventional-recommended-bump: 9.0.0
       git-semver-tags: 8.0.0
-      release-it: 17.7.0(typescript@5.6.2)
+      release-it: 17.7.0(typescript@5.6.3)
       semver: 7.6.3
     transitivePeerDependencies:
       - conventional-commits-filter
@@ -8809,9 +8857,9 @@ snapshots:
 
   '@standard-schema/spec@1.0.0-beta.1': {}
 
-  '@stylistic/eslint-plugin@2.9.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+  '@stylistic/eslint-plugin@2.9.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
       eslint: 9.12.0(jiti@2.3.3)
       eslint-visitor-keys: 4.1.0
       espree: 10.2.0
@@ -8894,10 +8942,10 @@ snapshots:
 
   '@tanstack/virtual-core@3.10.8': {}
 
-  '@tanstack/vue-virtual@3.10.8(vue@3.5.11(typescript@5.6.2))':
+  '@tanstack/vue-virtual@3.10.8(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@tanstack/virtual-core': 3.10.8
-      vue: 3.5.11(typescript@5.6.2)
+      vue: 3.5.11(typescript@5.6.3)
 
   '@tootallnate/quickjs-emscripten@0.23.0': {}
 
@@ -8941,34 +8989,34 @@ snapshots:
 
   '@types/web-bluetooth@0.0.20': {}
 
-  '@typescript-eslint/eslint-plugin@8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2))(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+  '@typescript-eslint/eslint-plugin@8.8.0(@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3))(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
       '@eslint-community/regexpp': 4.11.1
-      '@typescript-eslint/parser': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/parser': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
       '@typescript-eslint/scope-manager': 8.8.0
-      '@typescript-eslint/type-utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
-      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/type-utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
       '@typescript-eslint/visitor-keys': 8.8.0
       eslint: 9.12.0(jiti@2.3.3)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
-      ts-api-utils: 1.3.0(typescript@5.6.2)
+      ts-api-utils: 1.3.0(typescript@5.6.3)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+  '@typescript-eslint/parser@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.8.0
       '@typescript-eslint/types': 8.8.0
-      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2)
+      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.3)
       '@typescript-eslint/visitor-keys': 8.8.0
       debug: 4.3.7
       eslint: 9.12.0(jiti@2.3.3)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
@@ -8977,21 +9025,21 @@ snapshots:
       '@typescript-eslint/types': 8.8.0
       '@typescript-eslint/visitor-keys': 8.8.0
 
-  '@typescript-eslint/type-utils@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+  '@typescript-eslint/type-utils@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2)
-      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
       debug: 4.3.7
-      ts-api-utils: 1.3.0(typescript@5.6.2)
+      ts-api-utils: 1.3.0(typescript@5.6.3)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - eslint
       - supports-color
 
   '@typescript-eslint/types@8.8.0': {}
 
-  '@typescript-eslint/typescript-estree@8.8.0(typescript@5.6.2)':
+  '@typescript-eslint/typescript-estree@8.8.0(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/types': 8.8.0
       '@typescript-eslint/visitor-keys': 8.8.0
@@ -9000,18 +9048,18 @@ snapshots:
       is-glob: 4.0.3
       minimatch: 9.0.5
       semver: 7.6.3
-      ts-api-utils: 1.3.0(typescript@5.6.2)
+      ts-api-utils: 1.3.0(typescript@5.6.3)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)':
+  '@typescript-eslint/utils@8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@9.12.0(jiti@2.3.3))
       '@typescript-eslint/scope-manager': 8.8.0
       '@typescript-eslint/types': 8.8.0
-      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.2)
+      '@typescript-eslint/typescript-estree': 8.8.0(typescript@5.6.3)
       eslint: 9.12.0(jiti@2.3.3)
     transitivePeerDependencies:
       - supports-color
@@ -9114,11 +9162,26 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@vitejs/plugin-vue-jsx@4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
+    dependencies:
+      '@babel/core': 7.25.7
+      '@babel/plugin-transform-typescript': 7.25.7(@babel/core@7.25.7)
+      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.25.7)
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vue: 3.5.11(typescript@5.6.3)
+    transitivePeerDependencies:
+      - supports-color
+
   '@vitejs/plugin-vue@5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
       vue: 3.5.11(typescript@5.6.2)
 
+  '@vitejs/plugin-vue@5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
+    dependencies:
+      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
+      vue: 3.5.11(typescript@5.6.3)
+
   '@vitest/expect@2.1.2':
     dependencies:
       '@vitest/spy': 2.1.2
@@ -9184,6 +9247,19 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
+  '@vue-macros/common@1.14.0(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
+    dependencies:
+      '@babel/types': 7.25.7
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@vue/compiler-sfc': 3.5.11
+      ast-kit: 1.2.1
+      local-pkg: 0.5.0
+      magic-string-ast: 0.6.2
+    optionalDependencies:
+      vue: 3.5.11(typescript@5.6.3)
+    transitivePeerDependencies:
+      - rollup
+
   '@vue/babel-helper-vue-transform-on@1.2.5': {}
 
   '@vue/babel-plugin-jsx@1.2.5(@babel/core@7.25.7)':
@@ -9263,6 +9339,18 @@ snapshots:
     transitivePeerDependencies:
       - vite
 
+  '@vue/devtools-core@7.4.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
+    dependencies:
+      '@vue/devtools-kit': 7.4.4
+      '@vue/devtools-shared': 7.4.6
+      mitt: 3.0.1
+      nanoid: 3.3.7
+      pathe: 1.1.2
+      vite-hot-client: 0.2.3(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+      vue: 3.5.11(typescript@5.6.3)
+    transitivePeerDependencies:
+      - vite
+
   '@vue/devtools-kit@7.4.4':
     dependencies:
       '@vue/devtools-shared': 7.4.6
@@ -9290,6 +9378,19 @@ snapshots:
     optionalDependencies:
       typescript: 5.6.2
 
+  '@vue/language-core@2.1.6(typescript@5.6.3)':
+    dependencies:
+      '@volar/language-core': 2.4.5
+      '@vue/compiler-dom': 3.5.11
+      '@vue/compiler-vue2': 2.7.16
+      '@vue/shared': 3.5.11
+      computeds: 0.0.1
+      minimatch: 9.0.5
+      muggle-string: 0.4.1
+      path-browserify: 1.0.1
+    optionalDependencies:
+      typescript: 5.6.3
+
   '@vue/reactivity@3.5.11':
     dependencies:
       '@vue/shared': 3.5.11
@@ -9312,6 +9413,12 @@ snapshots:
       '@vue/shared': 3.5.11
       vue: 3.5.11(typescript@5.6.2)
 
+  '@vue/server-renderer@3.5.11(vue@3.5.11(typescript@5.6.3))':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.11
+      '@vue/shared': 3.5.11
+      vue: 3.5.11(typescript@5.6.3)
+
   '@vue/shared@3.5.11': {}
 
   '@vue/test-utils@2.4.6':
@@ -9359,19 +9466,19 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/head@2.0.0(vue@3.5.11(typescript@5.6.3))':
+  '@vueuse/head@2.0.0(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@unhead/dom': 1.11.7
       '@unhead/schema': 1.11.7
       '@unhead/ssr': 1.11.7
-      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.3))
-      vue: 3.5.11(typescript@5.6.3)
+      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.2))
+      vue: 3.5.11(typescript@5.6.2)
 
-  '@vueuse/integrations@11.1.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.2))':
+  '@vueuse/integrations@11.1.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
-      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.2))
-      '@vueuse/shared': 11.1.0(vue@3.5.11(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/shared': 11.1.0(vue@3.5.11(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
     optionalDependencies:
       fuse.js: 7.0.0
     transitivePeerDependencies:
@@ -9382,14 +9489,14 @@ snapshots:
 
   '@vueuse/metadata@11.1.0': {}
 
-  '@vueuse/nuxt@10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
+  '@vueuse/nuxt@10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.2))
       '@vueuse/metadata': 10.11.1
       local-pkg: 0.5.0
-      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -9398,14 +9505,14 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@vueuse/nuxt@11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
+  '@vueuse/nuxt@11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.2))
       '@vueuse/metadata': 11.1.0
       local-pkg: 0.5.0
-      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -10069,14 +10176,14 @@ snapshots:
 
   core-util-is@1.0.3: {}
 
-  cosmiconfig@9.0.0(typescript@5.6.2):
+  cosmiconfig@9.0.0(typescript@5.6.3):
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       parse-json: 5.2.0
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
   crc-32@1.2.2: {}
 
@@ -10380,11 +10487,11 @@ snapshots:
     dependencies:
       embla-carousel: 8.3.0
 
-  embla-carousel-vue@8.3.0(vue@3.5.11(typescript@5.6.2)):
+  embla-carousel-vue@8.3.0(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       embla-carousel: 8.3.0
       embla-carousel-reactive-utils: 8.3.0(embla-carousel@8.3.0)
-      vue: 3.5.11(typescript@5.6.2)
+      vue: 3.5.11(typescript@5.6.3)
 
   embla-carousel-wheel-gestures@8.0.1(embla-carousel@8.3.0):
     dependencies:
@@ -10615,9 +10722,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import-x@4.3.1(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2):
+  eslint-plugin-import-x@4.3.1(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3):
     dependencies:
-      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.2)
+      '@typescript-eslint/utils': 8.8.0(eslint@9.12.0(jiti@2.3.3))(typescript@5.6.3)
       debug: 4.3.7
       doctrine: 3.0.0
       eslint: 9.12.0(jiti@2.3.3)
@@ -12237,7 +12344,7 @@ snapshots:
 
   mkdirp@1.0.4: {}
 
-  mkdist@1.6.0(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2)):
+  mkdist@1.6.0(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3)):
     dependencies:
       autoprefixer: 10.4.20(postcss@8.4.47)
       citty: 0.1.6
@@ -12253,8 +12360,8 @@ snapshots:
       semver: 7.6.3
       tinyglobby: 0.2.9
     optionalDependencies:
-      typescript: 5.6.2
-      vue-tsc: 2.1.6(typescript@5.6.2)
+      typescript: 5.6.3
+      vue-tsc: 2.1.6(typescript@5.6.3)
 
   mlly@1.7.1:
     dependencies:
@@ -12491,7 +12598,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  nuxt-og-image@3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3)):
+  nuxt-og-image@3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2)):
     dependencies:
       '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -12504,8 +12611,8 @@ snapshots:
       execa: 9.4.0
       image-size: 1.1.1
       magic-string: 0.30.11
-      nuxt-site-config: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
-      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
+      nuxt-site-config: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
+      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
       nypm: 0.3.12
       ofetch: 1.4.0
       ohash: 1.1.4
@@ -12530,12 +12637,12 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt-site-config-kit@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3)):
+  nuxt-site-config-kit@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2)):
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
       pkg-types: 1.2.0
-      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.3))
+      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.2))
       std-env: 3.7.0
       ufo: 1.5.4
     transitivePeerDependencies:
@@ -12545,16 +12652,16 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt-site-config@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3)):
+  nuxt-site-config@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2)):
     dependencies:
       '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
-      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
+      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
       pathe: 1.1.2
       pkg-types: 1.2.0
       sirv: 2.0.4
-      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.3))
+      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.2))
       ufo: 1.5.4
     transitivePeerDependencies:
       - magicast
@@ -12623,7 +12730,7 @@ snapshots:
       unhead: 1.11.7
       unimport: 3.13.1(rollup@4.24.0)
       unplugin: 1.14.1
-      unplugin-vue-router: 0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
+      unplugin-vue-router: 0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.2))
       unstorage: 1.12.0(ioredis@5.4.1)
       untyped: 1.5.1
       vue: 3.5.11(typescript@5.6.2)
@@ -12677,18 +12784,18 @@ snapshots:
       - webpack-sources
       - xml2js
 
-  nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)):
+  nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)):
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.5.2(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
+      '@nuxt/devtools': 1.5.2(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
       '@nuxt/telemetry': 2.6.0(magicast@0.3.5)(rollup@4.24.0)
-      '@nuxt/vite-builder': 3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.11(typescript@5.6.2))
+      '@nuxt/vite-builder': 3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))(vue@3.5.11(typescript@5.6.3))
       '@unhead/dom': 1.11.7
       '@unhead/shared': 1.11.7
       '@unhead/ssr': 1.11.7
-      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.2))
+      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.3))
       '@vue/shared': 3.5.11
       acorn: 8.12.1
       c12: 1.11.2(magicast@0.3.5)
@@ -12736,13 +12843,13 @@ snapshots:
       unhead: 1.11.7
       unimport: 3.13.1(rollup@4.24.0)
       unplugin: 1.14.1
-      unplugin-vue-router: 0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
+      unplugin-vue-router: 0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
       unstorage: 1.12.0(ioredis@5.4.1)
       untyped: 1.5.1
       vue: 3.5.11(typescript@5.6.3)
       vue-bundle-renderer: 2.1.1
       vue-devtools-stub: 0.1.0
-      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.2))
+      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.3))
     optionalDependencies:
       '@parcel/watcher': 2.4.1
       '@types/node': 22.7.4
@@ -13320,20 +13427,20 @@ snapshots:
     dependencies:
       inherits: 2.0.4
 
-  radix-vue@1.9.7(vue@3.5.11(typescript@5.6.2)):
+  radix-vue@1.9.7(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       '@floating-ui/dom': 1.6.11
-      '@floating-ui/vue': 1.1.5(vue@3.5.11(typescript@5.6.2))
+      '@floating-ui/vue': 1.1.5(vue@3.5.11(typescript@5.6.3))
       '@internationalized/date': 3.5.6
       '@internationalized/number': 3.5.4
-      '@tanstack/vue-virtual': 3.10.8(vue@3.5.11(typescript@5.6.2))
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.2))
-      '@vueuse/shared': 10.11.1(vue@3.5.11(typescript@5.6.2))
+      '@tanstack/vue-virtual': 3.10.8(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/shared': 10.11.1(vue@3.5.11(typescript@5.6.3))
       aria-hidden: 1.2.4
       defu: 6.1.4
       fast-deep-equal: 3.1.3
       nanoid: 5.0.7
-      vue: 3.5.11(typescript@5.6.2)
+      vue: 3.5.11(typescript@5.6.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -13490,14 +13597,14 @@ snapshots:
       '@types/hast': 3.0.4
       unist-util-visit: 5.0.0
 
-  release-it@17.7.0(typescript@5.6.2):
+  release-it@17.7.0(typescript@5.6.3):
     dependencies:
       '@iarna/toml': 2.2.5
       '@octokit/rest': 20.1.1
       async-retry: 1.3.3
       chalk: 5.3.0
       ci-info: 4.0.0
-      cosmiconfig: 9.0.0(typescript@5.6.2)
+      cosmiconfig: 9.0.0(typescript@5.6.3)
       execa: 8.0.1
       git-url-parse: 14.0.0
       globby: 14.0.2
@@ -13621,11 +13728,11 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rollup-plugin-dts@6.1.1(rollup@4.24.0)(typescript@5.6.2):
+  rollup-plugin-dts@6.1.1(rollup@4.24.0)(typescript@5.6.3):
     dependencies:
       magic-string: 0.30.11
       rollup: 4.24.0
-      typescript: 5.6.2
+      typescript: 5.6.3
     optionalDependencies:
       '@babel/code-frame': 7.25.7
 
@@ -13833,10 +13940,10 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
-  site-config-stack@2.2.18(vue@3.5.11(typescript@5.6.3)):
+  site-config-stack@2.2.18(vue@3.5.11(typescript@5.6.2)):
     dependencies:
       ufo: 1.5.4
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.2)
 
   skin-tone@2.0.0:
     dependencies:
@@ -14162,13 +14269,13 @@ snapshots:
 
   trough@2.2.0: {}
 
-  ts-api-utils@1.3.0(typescript@5.6.2):
+  ts-api-utils@1.3.0(typescript@5.6.3):
     dependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
-  tsconfck@3.1.3(typescript@5.6.2):
+  tsconfck@3.1.3(typescript@5.6.3):
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
   tslib@2.7.0: {}
 
@@ -14216,7 +14323,7 @@ snapshots:
 
   ultrahtml@1.5.3: {}
 
-  unbuild@2.0.0(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2)):
+  unbuild@2.0.0(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3)):
     dependencies:
       '@rollup/plugin-alias': 5.1.1(rollup@4.24.0)
       '@rollup/plugin-commonjs': 25.0.8(rollup@4.24.0)
@@ -14233,17 +14340,17 @@ snapshots:
       hookable: 5.5.3
       jiti: 1.21.6
       magic-string: 0.30.11
-      mkdist: 1.6.0(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))
+      mkdist: 1.6.0(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))
       mlly: 1.7.1
       pathe: 1.1.2
       pkg-types: 1.2.0
       pretty-bytes: 6.1.1
       rollup: 4.24.0
-      rollup-plugin-dts: 6.1.1(rollup@4.24.0)(typescript@5.6.2)
+      rollup-plugin-dts: 6.1.1(rollup@4.24.0)(typescript@5.6.3)
       scule: 1.3.0
       untyped: 1.5.1
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - sass
       - supports-color
@@ -14368,7 +14475,7 @@ snapshots:
 
   universalify@2.0.1: {}
 
-  unplugin-vue-router@0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2)):
+  unplugin-vue-router@0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.2)):
     dependencies:
       '@babel/types': 7.25.7
       '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
@@ -14385,7 +14492,30 @@ snapshots:
       unplugin: 1.14.1
       yaml: 2.5.1
     optionalDependencies:
-      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.2))
+      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.3))
+    transitivePeerDependencies:
+      - rollup
+      - vue
+      - webpack-sources
+
+  unplugin-vue-router@0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
+    dependencies:
+      '@babel/types': 7.25.7
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@vue-macros/common': 1.14.0(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
+      ast-walker-scope: 0.6.2
+      chokidar: 3.6.0
+      fast-glob: 3.3.2
+      json5: 2.2.3
+      local-pkg: 0.5.0
+      magic-string: 0.30.11
+      mlly: 1.7.1
+      pathe: 1.1.2
+      scule: 1.3.0
+      unplugin: 1.14.1
+      yaml: 2.5.1
+    optionalDependencies:
+      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - rollup
       - vue
@@ -14486,11 +14616,11 @@ snapshots:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
 
-  vaul-vue@0.2.0(radix-vue@1.9.7(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2)):
+  vaul-vue@0.2.0(radix-vue@1.9.7(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.2))
-      radix-vue: 1.9.7(vue@3.5.11(typescript@5.6.2))
-      vue: 3.5.11(typescript@5.6.2)
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
+      radix-vue: 1.9.7(vue@3.5.11(typescript@5.6.3))
+      vue: 3.5.11(typescript@5.6.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -14553,7 +14683,7 @@ snapshots:
       typescript: 5.6.2
       vue-tsc: 2.1.6(typescript@5.6.2)
 
-  vite-plugin-checker@0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)):
+  vite-plugin-checker@0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)):
     dependencies:
       '@babel/code-frame': 7.25.7
       ansi-escapes: 4.3.2
@@ -14574,7 +14704,7 @@ snapshots:
       eslint: 9.12.0(jiti@2.3.3)
       optionator: 0.9.4
       typescript: 5.6.3
-      vue-tsc: 2.1.6(typescript@5.6.2)
+      vue-tsc: 2.1.6(typescript@5.6.3)
 
   vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)):
     dependencies:
@@ -14620,9 +14750,9 @@ snapshots:
       lightningcss: 1.27.0
       terser: 5.34.1
 
-  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2)):
+  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
     dependencies:
-      '@nuxt/test-utils': 3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)))(vue@3.5.11(typescript@5.6.2))
+      '@nuxt/test-utils': 3.14.3(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.47.2)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.2(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'
@@ -14745,17 +14875,30 @@ snapshots:
       '@vue/devtools-api': 6.6.4
       vue: 3.5.11(typescript@5.6.2)
 
+  vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)):
+    dependencies:
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.11(typescript@5.6.3)
+
   vue-tsc@2.1.6(typescript@5.6.2):
     dependencies:
       '@volar/typescript': 2.4.5
       '@vue/language-core': 2.1.6(typescript@5.6.2)
       semver: 7.6.3
       typescript: 5.6.2
+    optional: true
 
-  vue3-smooth-dnd@0.0.6(vue@3.5.11(typescript@5.6.3)):
+  vue-tsc@2.1.6(typescript@5.6.3):
+    dependencies:
+      '@volar/typescript': 2.4.5
+      '@vue/language-core': 2.1.6(typescript@5.6.3)
+      semver: 7.6.3
+      typescript: 5.6.3
+
+  vue3-smooth-dnd@0.0.6(vue@3.5.11(typescript@5.6.2)):
     dependencies:
       smooth-dnd: 0.12.1
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.2)
 
   vue@3.5.11(typescript@5.6.2):
     dependencies:
@@ -14772,7 +14915,7 @@ snapshots:
       '@vue/compiler-dom': 3.5.11
       '@vue/compiler-sfc': 3.5.11
       '@vue/runtime-dom': 3.5.11
-      '@vue/server-renderer': 3.5.11(vue@3.5.11(typescript@5.6.2))
+      '@vue/server-renderer': 3.5.11(vue@3.5.11(typescript@5.6.3))
       '@vue/shared': 3.5.11
     optionalDependencies:
       typescript: 5.6.3

From 4de61052872659bd1b771c1cb276868d7a2f9629 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 14 Oct 2024 12:38:55 +0200
Subject: [PATCH 39/92] chore: lint

---
 playground/app/app.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/playground/app/app.vue b/playground/app/app.vue
index 497757a970..4c4cf0656e 100644
--- a/playground/app/app.vue
+++ b/playground/app/app.vue
@@ -66,9 +66,9 @@ defineShortcuts({
 
 <template>
   <div v-if="!$route.path.startsWith('/__nuxt_ui__')">
-  <UApp :toaster="appConfig.toaster">
-    <div class="h-screen w-screen overflow-hidden flex min-h-0 bg-[var(--ui-bg)]" vaul-drawer-wrapper>
-      <UNavigationMenu :items="items" orientation="vertical" class="border-r border-[var(--ui-border)] overflow-y-auto w-48 p-4" />
+    <UApp :toaster="appConfig.toaster">
+      <div class="h-screen w-screen overflow-hidden flex min-h-0 bg-[var(--ui-bg)]" vaul-drawer-wrapper>
+        <UNavigationMenu :items="items" orientation="vertical" class="border-r border-[var(--ui-border)] overflow-y-auto w-48 p-4" />
         <div class="flex-1 flex flex-col items-center justify-around overflow-y-auto w-full py-12 px-4">
           <NuxtPage />
         </div>

From 29927569e1ad5ca10e672a6a51b27b4670c5a1b9 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 14 Oct 2024 21:58:37 +0200
Subject: [PATCH 40/92] chore(devtools): cleanup

---
 devtools/app/app.vue                          | 44 +++++++++----------
 devtools/app/components/ComponentPreview.vue  | 25 +++++------
 .../app/components/ComponentPropInput.vue     |  2 +-
 devtools/app/workers/prettier.js              | 11 +++--
 playground/nuxt.config.ts                     |  2 +-
 src/devtools/meta.ts                          |  4 +-
 src/runtime/DevtoolsRenderer.vue              |  9 +++-
 src/runtime/components/App.vue                |  8 ++++
 src/runtime/components/DropdownMenu.vue       | 41 ++---------------
 src/runtime/components/NavigationMenu.vue     | 35 +++++++++++++++
 src/runtime/components/Toast.vue              |  2 +-
 src/runtime/components/Toaster.vue            |  8 ++++
 src/runtime/examples/CardExample.vue          |  2 -
 src/runtime/examples/CarouselExample.vue      |  1 +
 src/runtime/examples/FormExample.vue          | 12 ++---
 src/runtime/examples/ToasterExample.vue       |  9 ++++
 16 files changed, 125 insertions(+), 90 deletions(-)
 create mode 100644 src/runtime/examples/ToasterExample.vue

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index dcfe78c737..60a58ad496 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -18,13 +18,16 @@ let rpc: BirpcReturn<ServerFunctions, ClientFunctions> | null = null
 
 onDevtoolsClientConnected(async (client) => {
   rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
+
   const componentMeta = await $fetch<Record<string, { meta: ComponentMeta & { devtools: DevtoolsMeta<any> } }>>('/api/component-meta')
 
-  console.log('Meta', componentMeta)
   components.value = (await rpc.getComponents()).flatMap((component) => {
     if (componentMeta[component.slug]?.meta.devtools?.ignore) return []
+
     return [{
-      ...component, value: component.slug, meta: componentMeta[component.slug]?.meta
+      ...component,
+      value: component.slug,
+      meta: componentMeta[component.slug]?.meta
     }]
   })
 
@@ -32,20 +35,29 @@ onDevtoolsClientConnected(async (client) => {
     component.value = components.value.find(comp => comp.slug === 'button')
   }
 
-  state.value.props = { ...components.value?.reduce((acc, comp) => {
+  state.value.props = components.value?.reduce((acc, comp) => {
     const componentDefaultProps = comp.meta?.props.reduce((acc, prop) => {
-      acc[prop.name] = prop.default
+      if (prop.default) acc[prop.name] = prop.default
       return acc
     }, {} as Record<string, any>)
 
-    acc[comp.slug] = { ...comp.defaultVariants, ...componentDefaultProps, ...componentMeta[comp.slug]?.meta?.devtools?.defaultProps }
-    return acc
-  }, {} as Record<string, any>), ...state.value.props }
+    acc[comp.slug] = {
+      ...comp.defaultVariants, // Default values from the theme template
+      ...componentDefaultProps, // Default values from vue props
+      ...componentMeta[comp.slug]?.meta?.devtools?.defaultProps // Default values from devtools extended meta
+    }
 
-  state.value.slots = { ...components.value.reduce((acc, comp) => {
-    acc[comp.slug] = {}
     return acc
-  }, {} as Record<string, any>), ...state.value.slots }
+  }, {} as Record<string, any>)
+})
+
+const componentProps = computed(() => {
+  if (!component.value) return
+  return state.value.props[component.value?.slug]
+})
+
+const componentPropsMeta = computed(() => {
+  return component.value?.meta?.props.filter(prop => prop.name !== 'ui').sort((a, b) => a.name.localeCompare(b.name))
 })
 
 function updateRenderer() {
@@ -54,12 +66,10 @@ function updateRenderer() {
   event.data = {
     props: state.value.props?.[component.value.slug], slots: state.value.slots?.[component.value?.slug]
   }
-
   window.dispatchEvent(event)
 }
 
 watchDebounced(state, updateRenderer, { deep: true, debounce: 200, maxWait: 500 })
-
 onMounted(() => window.addEventListener('nuxt-ui-devtools:component-loaded', onComponentLoaded))
 onUnmounted(() => window.removeEventListener('nuxt-ui-devtools:component-loaded', onComponentLoaded))
 
@@ -70,7 +80,6 @@ function onComponentLoaded() {
 
 const tabs = computed(() => {
   if (!component.value) return
-
   return [
     { label: 'Props', slot: 'props', icon: 'i-heroicons-cog-6-tooth', disabled: !component.value.meta?.props?.length }
   ]
@@ -94,15 +103,6 @@ const isDark = computed({
     window.dispatchEvent(event)
   }
 })
-
-const componentProps = computed(() => {
-  if (!component.value) return
-  return state.value.props[component.value?.slug]
-})
-
-const componentPropsMeta = computed(() => {
-  return component.value?.meta?.props.filter(prop => prop.name !== 'ui').sort((a, b) => a.name.localeCompare(b.name))
-})
 </script>
 
 <template>
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index fd0503afef..1073e75cdb 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -18,10 +18,11 @@ const code = computed(() => {
   const propsTemplate = Object.entries(props.props ?? {}).map(([key, value]: [string, any]) => {
     if (value === true) return kebabCase(key)
     if (value === false) return
+    if (!value) return
     if (props.component?.defaultVariants?.[key]) return
     if (props.component?.meta?.props.find(prop => prop.name === key && prop.default === value)) return
     if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
-    if (Array.isArray(value)) return value.length ? `:${kebabCase(key)}="${genArrayFromRaw(value)}"` : undefined
+    if (Array.isArray(value)) return value.length ? `:${kebabCase(key)}="${genArrayFromRaw(value, undefined, { preserveTypes: true })}"` : undefined
     if (typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
     return `${kebabCase(key)}="${value}"`
   }).filter(Boolean).join('\n')
@@ -33,22 +34,21 @@ const code = computed(() => {
     }, {} as Record<string, string>))
     : undefined
 
+  const extraTemplate = [propsTemplate, props.themeSlots?.base ? `class="${props.themeSlots.base}"` : null, slotsTemplate && slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : null].filter(Boolean).join(' ')
+
   if (componentExample.value) {
+    const componentRegexp = new RegExp(`<${props.component.label}(\\s|\\r)`)
+
     return `\`\`\`vue
-${componentExample.value?.source.replace(
-  `<${props.component.label}`,
-  `<${props.component.label} ${propsTemplate}
-    ${props.themeSlots?.base ? `class="${props.themeSlots.base}"` : ''}
-    ${slotsTemplate && slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : ''}
-  `)}
+${componentExample.value?.source
+  .replace(componentRegexp, `<${props.component.label} ${extraTemplate}`)
+  .replace('v-bind="$attrs"', '')}
 \`\`\``
   }
 
   return `\`\`\`vue
-<${props.component.label}
-  ${propsTemplate}
-  ${props.themeSlots?.base ? `class="${props.themeSlots.base}"` : ''}
-  ${slotsTemplate && slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : ''}>
+<${props.component.label} ${extraTemplate}
+>
 </${props.component.label}>
 \`\`\``
 })
@@ -62,8 +62,7 @@ const { data: ast } = await useAsyncData('component-code', async () => {
   const formatted = await $prettier.format(code.value, {
     trailingComma: 'none',
     semi: false,
-    singleQuote: true,
-    printWidth: 30
+    singleQuote: true
   })
 
   return await parseMarkdown(formatted)
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index cd135c35f8..45aab83d68 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -63,7 +63,7 @@ function addArrayItem() {
     <span v-if="!schema" />
 
     <UInput v-if="inputType === 'string'" v-model="modelValue" class="min-w-56" />
-    <UInput v-else-if="inputType === 'number'" v-model="modelValue" type="number" />
+    <UInput v-else-if="inputType === 'number'" v-model.number="modelValue" type="number" />
     <USwitch v-else-if="inputType === 'boolean'" v-model="modelValue" />
 
     <div v-else-if="inputType === 'array'">
diff --git a/devtools/app/workers/prettier.js b/devtools/app/workers/prettier.js
index 1a0f8f98b2..7ac34450e6 100644
--- a/devtools/app/workers/prettier.js
+++ b/devtools/app/workers/prettier.js
@@ -15,9 +15,14 @@ function handleMessage(message) {
 
 async function handleFormatMessage(message) {
   if (!globalThis.prettier) {
-    await import('https://unpkg.com/prettier@3.3.3/standalone.js')
-    await import('https://unpkg.com/prettier@3.3.3/plugins/html.js')
-    await import('https://unpkg.com/prettier@3.3.3/plugins/markdown.js')
+    await Promise.all([
+      import('https://unpkg.com/prettier@3.3.3/standalone.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/babel.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/estree.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/html.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/markdown.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/typescript.js')
+    ])
   }
 
   const { options, source } = message
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index 538f3debc7..2da5dc26f2 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -1,7 +1,7 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  modules: ['../dist/module'],
+  modules: ['../src/module'],
 
   future: {
     compatibilityVersion: 4
diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index f018f0e8a3..85a2e38257 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -71,7 +71,7 @@ export function devtoolsMetaPlugin() {
               if (typeof defaultValue === 'string') defaultValue = defaultValue?.replaceAll(/["'`]/g, '')
               if (defaultValue === 'true') defaultValue = true
               if (defaultValue === 'false') defaultValue = false
-              if (Number.parseInt(defaultValue)) defaultValue = Number.parseInt(defaultValue)
+              if (!Number.isNaN(Number.parseInt(defaultValue))) defaultValue = Number.parseInt(defaultValue)
 
               return {
                 ...prop,
@@ -98,7 +98,7 @@ export function devtoolsMetaPlugin() {
         }
 
         try {
-          const componentPath = resolve(`./runtime/examples/${componentName}.vue`)
+          const componentPath = resolve(`../runtime/examples/${componentName}.vue`)
           const sourceCode = fs.readFileSync(componentPath, 'utf-8')
 
           res.setHeader('Content-Type', 'application/json')
diff --git a/src/runtime/DevtoolsRenderer.vue b/src/runtime/DevtoolsRenderer.vue
index ba0593ad4f..249c0c8241 100644
--- a/src/runtime/DevtoolsRenderer.vue
+++ b/src/runtime/DevtoolsRenderer.vue
@@ -41,7 +41,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="nuxt-ui-component-renderer h-screen w-screen p-8">
+  <div class="nuxt-ui-component-renderer">
     <UApp>
       <template v-if="component && state.props">
         <component :is="component" v-if="component && state.props" v-bind="state.props" :class="state?.slots?.base" :ui="state.slots" />
@@ -52,9 +52,16 @@ onMounted(() => {
 
 <style>
 .nuxt-ui-component-renderer {
+  position: 'relative';
+  height: 100vh;
+  width: 100vw;
+
+  padding: 32px;
+
   display: flex;
   justify-content: center;
   align-items: center;
+
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' transform='scale(3)'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cpath fill='none' stroke='hsla(0, 0%25, 98%25, 1)' stroke-width='.2' d='M10 0v20ZM0 10h20Z'/%3E%3C/svg%3E");
   background-size: 40px 40px;
 }
diff --git a/src/runtime/components/App.vue b/src/runtime/components/App.vue
index cd25a2d0c6..c011ae08a1 100644
--- a/src/runtime/components/App.vue
+++ b/src/runtime/components/App.vue
@@ -11,6 +11,14 @@ export interface AppProps extends Omit<ConfigProviderProps, 'useId'> {
 export interface AppSlots {
   default(props?: {}): any
 }
+
+export default {
+  name: 'App'
+}
+
+extendDevtoolsMeta({
+  ignore: true
+})
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/DropdownMenu.vue b/src/runtime/components/DropdownMenu.vue
index 0b982ab591..906fda8137 100644
--- a/src/runtime/components/DropdownMenu.vue
+++ b/src/runtime/components/DropdownMenu.vue
@@ -82,8 +82,7 @@ extendDevtoolsMeta({
           src: 'https://avatars.githubusercontent.com/u/739984?v=4'
         },
         type: 'label'
-      }],
-      [{
+      }], [{
         label: 'Profile',
         icon: 'i-heroicons-user',
         slot: 'custom'
@@ -96,9 +95,6 @@ extendDevtoolsMeta({
         icon: 'i-heroicons-cog',
         kbds: ['?']
       }], [{
-        label: 'Team',
-        icon: 'i-heroicons-users'
-      }, {
         label: 'Invite users',
         icon: 'i-heroicons-user-plus',
         children: [[{
@@ -108,26 +104,7 @@ extendDevtoolsMeta({
           label: 'Invite by link',
           icon: 'i-heroicons-link',
           kbds: ['meta', 'i']
-        }], [{
-          label: 'More',
-          icon: 'i-heroicons-plus-circle',
-          children: [{
-            label: 'Import from Slack',
-            icon: 'i-simple-icons-slack',
-            to: 'https://slack.com',
-            target: '_blank'
-          }, {
-            label: 'Import from Trello',
-            icon: 'i-simple-icons-trello'
-          }, {
-            label: 'Import from Asana',
-            icon: 'i-simple-icons-asana'
-          }]
         }]]
-      }, {
-        label: 'New team',
-        icon: 'i-heroicons-plus',
-        kbds: ['meta', 'n']
       }],
       [{
         label: 'GitHub',
@@ -138,21 +115,9 @@ extendDevtoolsMeta({
         label: 'Support',
         icon: 'i-heroicons-lifebuoy',
         to: '/components/dropdown-menu'
-      }, {
-        type: 'separator'
-      }, {
-        label: 'Keyboard Shortcuts',
-        icon: 'i-heroicons-key'
-      }, {
-        label: 'API',
-        icon: 'i-heroicons-cube',
-        disabled: true
-      }], [{
-        label: 'Logout',
-        icon: 'i-heroicons-arrow-right-start-on-rectangle',
-        kbds: ['shift', 'meta', 'q']
       }]
-    ] }
+    ]
+  }
 })
 </script>
 
diff --git a/src/runtime/components/NavigationMenu.vue b/src/runtime/components/NavigationMenu.vue
index 1c2a1184b2..29911efea6 100644
--- a/src/runtime/components/NavigationMenu.vue
+++ b/src/runtime/components/NavigationMenu.vue
@@ -7,6 +7,7 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/navigation-menu'
 import type { AvatarProps, BadgeProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
+import { extendDevtoolsMeta } from '#imports'
 
 const appConfig = _appConfig as AppConfig & { ui: { navigationMenu: Partial<typeof theme> } }
 
@@ -81,6 +82,40 @@ export type NavigationMenuSlots<T extends { slot?: string }> = {
   'item-trailing': SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
+extendDevtoolsMeta({ defaultProps:
+{ items: [
+  [{
+    label: 'Documentation',
+    icon: 'i-heroicons-book-open',
+    badge: 10,
+    children: [{
+      label: 'Introduction',
+      description: 'Fully styled and customizable components for Nuxt.',
+      icon: 'i-heroicons-home'
+    }, {
+      label: 'Installation',
+      description: 'Learn how to install and configure Nuxt UI in your application.',
+      icon: 'i-heroicons-cloud-arrow-down'
+    }, {
+      label: 'Theming',
+      description: 'Learn how to customize the look and feel of the components.',
+      icon: 'i-heroicons-swatch'
+    }, {
+      label: 'Shortcuts',
+      description: 'Learn how to display and define keyboard shortcuts in your app.',
+      icon: 'i-heroicons-computer-desktop'
+    }]
+  }, {
+    label: 'GitHub',
+    icon: 'i-simple-icons-github',
+    to: 'https://github.com/nuxt/ui',
+    target: '_blank'
+  }, {
+    label: 'Help',
+    icon: 'i-heroicons-question-mark-circle',
+    disabled: true
+  }]
+] } })
 </script>
 
 <script setup lang="ts" generic="T extends NavigationMenuItem">
diff --git a/src/runtime/components/Toast.vue b/src/runtime/components/Toast.vue
index e242014c4f..8813b43b3f 100644
--- a/src/runtime/components/Toast.vue
+++ b/src/runtime/components/Toast.vue
@@ -55,7 +55,7 @@ export interface ToastSlots {
   close(props: { ui: any }): any
 }
 
-extendDevtoolsMeta<ToastProps>({ defaultProps: { title: 'Heads up!', description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' } })
+extendDevtoolsMeta<ToastProps>({ ignore: true })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Toaster.vue b/src/runtime/components/Toaster.vue
index a346f8baa6..accfb65386 100644
--- a/src/runtime/components/Toaster.vue
+++ b/src/runtime/components/Toaster.vue
@@ -26,6 +26,14 @@ export interface ToasterProps extends Omit<ToastProviderProps, 'swipeDirection'>
 export interface ToasterSlots {
   default(props?: {}): any
 }
+
+export default {
+  name: 'Toaster'
+}
+
+extendDevtoolsMeta({
+  example: 'ToasterExample'
+})
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/examples/CardExample.vue b/src/runtime/examples/CardExample.vue
index 5ac5c9e677..7eefa18d34 100644
--- a/src/runtime/examples/CardExample.vue
+++ b/src/runtime/examples/CardExample.vue
@@ -4,9 +4,7 @@
       <template #header>
         <Placeholder class="h-8" />
       </template>
-
       <Placeholder class="h-32" />
-
       <template #footer>
         <Placeholder class="h-8" />
       </template>
diff --git a/src/runtime/examples/CarouselExample.vue b/src/runtime/examples/CarouselExample.vue
index e44f131870..f038abd5d4 100644
--- a/src/runtime/examples/CarouselExample.vue
+++ b/src/runtime/examples/CarouselExample.vue
@@ -1,6 +1,7 @@
 <template>
   <UCarousel
     v-slot="{ item }"
+    class="basis-1/3"
     :items="[
       'https://picsum.photos/320/320?v=1',
       'https://picsum.photos/320/320?v=2',
diff --git a/src/runtime/examples/FormExample.vue b/src/runtime/examples/FormExample.vue
index bef54adfe5..ca18fe6ec3 100644
--- a/src/runtime/examples/FormExample.vue
+++ b/src/runtime/examples/FormExample.vue
@@ -1,16 +1,15 @@
 <template>
   <UForm
     :validate="validate"
-    :state="formState"
+    :state="state"
     class="space-y-4"
   >
     <UFormField name="email" label="Email">
-      <UInput v-model="formState.email" />
+      <UInput v-model="state.email" />
     </UFormField>
     <UFormField name="password" label="Password">
-      <UInput v-model="formState.password" />
+      <UInput v-model="state.password" />
     </UFormField>
-
     <UButton type="submit">
       Submit
     </UButton>
@@ -20,8 +19,9 @@
 <script setup lang="ts">
 import { reactive } from 'vue'
 
-const formState = reactive({ email: undefined, password: undefined })
-function validate(data: Partial<typeof formState>) {
+const state = reactive({ email: undefined, password: undefined })
+
+function validate(data: Partial<typeof state>) {
   const errors: Array<{ name: string, message: string }> = []
   if (!data.email) errors.push({ name: 'email', message: 'Required' })
   if (!data.password) errors.push({ name: 'password', message: 'Required' })
diff --git a/src/runtime/examples/ToasterExample.vue b/src/runtime/examples/ToasterExample.vue
new file mode 100644
index 0000000000..d52f17c68f
--- /dev/null
+++ b/src/runtime/examples/ToasterExample.vue
@@ -0,0 +1,9 @@
+<script setup>
+const toast = useToast()
+</script>
+
+<template>
+  <UToaster>
+    <UButton label="Open toast" @click="toast.add({ title: 'Heads up!' })" />
+  </UToaster>
+</template>

From 6381a5ab4cf35b2dab28242220e69923876aab78 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 15 Oct 2024 02:30:53 +0200
Subject: [PATCH 41/92] refactor(devtools): component props input

---
 devtools/app/app.vue                          |   6 +-
 devtools/app/components/ComponentPreview.vue  |   4 +-
 .../app/components/ComponentPropInput.vue     | 114 +----
 devtools/app/components/inputs/ArrayInput.vue |  77 +++
 .../app/components/inputs/BooleanInput.vue    |  19 +
 .../app/components/inputs/NumberInput.vue     |  14 +
 .../app/components/inputs/ObjectInput.vue     |  38 ++
 .../app/components/inputs/StringEnumInput.vue |  60 +++
 .../app/components/inputs/StringInput.vue     |  14 +
 devtools/app/composables/usePropSchema.ts     |  44 ++
 devtools/nuxt.config.ts                       |   2 +-
 devtools/package.json                         |   6 +-
 .../test/composables/usePropSchema.test.ts    |  24 +
 devtools/test/fixtures/schemas.ts             | 133 +++++
 devtools/test/vitest.config.ts                |   7 +
 pnpm-lock.yaml                                | 463 ++----------------
 src/runtime/components/CommandPalette.vue     |   2 +-
 src/runtime/components/ContextMenu.vue        |   6 +-
 src/runtime/components/DropdownMenu.vue       |   1 +
 src/runtime/components/NavigationMenu.vue     |  63 +--
 src/runtime/composables/extendDevtoolsMeta.ts |   1 +
 src/runtime/examples/TooltipExample.vue       |   2 +-
 22 files changed, 536 insertions(+), 564 deletions(-)
 create mode 100644 devtools/app/components/inputs/ArrayInput.vue
 create mode 100644 devtools/app/components/inputs/BooleanInput.vue
 create mode 100644 devtools/app/components/inputs/NumberInput.vue
 create mode 100644 devtools/app/components/inputs/ObjectInput.vue
 create mode 100644 devtools/app/components/inputs/StringEnumInput.vue
 create mode 100644 devtools/app/components/inputs/StringInput.vue
 create mode 100644 devtools/app/composables/usePropSchema.ts
 create mode 100644 devtools/test/composables/usePropSchema.test.ts
 create mode 100644 devtools/test/fixtures/schemas.ts
 create mode 100644 devtools/test/vitest.config.ts

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 60a58ad496..51f0447c06 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -156,7 +156,11 @@ const isDark = computed({
             <UTabs color="neutral" variant="link" :items="tabs" class="relative" :ui="{ list: 'sticky top-0 bg-[--ui-bg] z-50' }">
               <template #props>
                 <div v-for="prop in componentPropsMeta" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-[--ui-border] dark:border-[--ui-border]">
-                  <ComponentPropInput v-bind="prop" v-model="componentProps[prop.name]" />
+                  <ComponentPropInput
+                    v-model="componentProps[prop.name]"
+                    :meta="prop"
+                    :ignore="component.meta?.devtools?.ignoreProps?.includes(prop.name)"
+                  />
                 </div>
               </template>
             </UTabs>
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index 1073e75cdb..f3f0ddf5be 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -37,11 +37,11 @@ const code = computed(() => {
   const extraTemplate = [propsTemplate, props.themeSlots?.base ? `class="${props.themeSlots.base}"` : null, slotsTemplate && slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : null].filter(Boolean).join(' ')
 
   if (componentExample.value) {
-    const componentRegexp = new RegExp(`<${props.component.label}(\\s|\\r)`)
+    const componentRegexp = new RegExp(`<${props.component.label}(\\s|\\r|>)`)
 
     return `\`\`\`vue
 ${componentExample.value?.source
-  .replace(componentRegexp, `<${props.component.label} ${extraTemplate}`)
+  .replace(componentRegexp, `<${props.component.label} ${extraTemplate}$1`)
   .replace('v-bind="$attrs"', '')}
 \`\`\``
   }
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index 45aab83d68..3c1c4842ed 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -1,120 +1,34 @@
 <script setup lang="ts">
 import type { PropertyMeta } from 'vue-component-meta'
 
-type ComponentPropInputType = 'string' | 'number' | 'boolean' | 'enum' | 'object' | 'array'
-
-const props = defineProps<Partial<PropertyMeta>>()
+const props = defineProps<{ meta: Partial<PropertyMeta>, ignore?: boolean }>()
 const modelValue = defineModel<any>()
 
-const inputType = computed<ComponentPropInputType | null>(() => {
-  const types = props.type?.split(' | ')
-  if (!props.schema || props.name?.startsWith('on')) return null
-  if (types?.includes('string')) return 'string'
-  if (types?.includes('number')) return 'number'
-  if (types?.includes('boolean')) return 'boolean'
-  if (typeof props.schema === 'string') return null
-  if (arraySchema.value) return 'array'
-  if (props.schema.kind === 'enum' && props.schema.schema && parseEnumValues(props.schema.schema)?.length) return 'enum'
-  if (props.schema.kind !== 'enum' && typeof props.schema === 'object') return 'object'
-
-  return null
-})
-
-function parseEnumValues(propMeta: PropertyMeta['schema'][] | PropertyMeta['schema']) {
-  const meta = Array.isArray(propMeta) ? propMeta : Object.values(propMeta)
-  if (!meta) return
-  return meta.filter(value =>
-    typeof value === 'string' && value.match(/^["']/) /* Keeps only string symbols and filters interfaces from matches */
-  ).map(value => value.replaceAll(/["']/g, '')).filter(value => value !== 'undefined')
-}
+const matchedInput = ref()
+const parsedSchema = ref()
 
-const arraySchema = computed(() => {
-  if (typeof props.schema === 'string' || props.schema?.kind !== 'enum') return
-  if (!props.schema?.schema) return
+const { resolveInputSchema } = usePropSchema()
 
-  const schema = Object.values(props.schema?.schema)
-  const arr = schema?.find(s => typeof s !== 'string' && s.kind === 'array')
-  if (!arr?.kind || arr.kind !== 'array' || typeof arr.schema?.[0] !== 'object') return
-  return arr.schema[0]
+watchEffect(() => {
+  if (!props.meta?.schema) return
+  const result = resolveInputSchema(props.meta.schema)
+  parsedSchema.value = result?.schema
+  matchedInput.value = result?.input
 })
-
-function removeArrayItem(index: number) {
-  modelValue.value.splice(index, 1)
-}
-
-function addArrayItem() {
-  modelValue.value ||= []
-  modelValue.value.push({})
-}
 </script>
 
 <template>
-  <UFormField :name="name" class="" :ui="{ wrapper: 'mb-2' }" :class="{ 'opacity-70 cursor-not-allowed': !inputType }">
+  <UFormField :name="meta?.name" class="" :ui="{ wrapper: 'mb-2' }" :class="{ 'opacity-70 cursor-not-allowed': !matchedInput || ignore }">
     <template #label>
-      <p v-if="name" class="font-mono font-bold px-1.5 py-0.5 border-neutral-200 dark:border-neutral-500 dark:text-neutral-100 border border-dashed rounded bg-neutral-50 dark:bg-neutral-700">
-        {{ name }}
+      <p v-if="meta?.name" class="font-mono font-bold px-1.5 py-0.5 border border-[--ui-border-accented] border-dashed rounded bg-[--ui-bg-elevated]">
+        {{ meta?.name }}
       </p>
     </template>
 
     <template #description>
-      <MDC v-if="description" :value="description" class="text-neutral-600 dark:text-neutral-400 mt-1" />
+      <MDC v-if="meta.description" :value="meta.description" class="text-neutral-600 dark:text-neutral-400 mt-1" />
     </template>
 
-    <span v-if="!schema" />
-
-    <UInput v-if="inputType === 'string'" v-model="modelValue" class="min-w-56" />
-    <UInput v-else-if="inputType === 'number'" v-model.number="modelValue" type="number" />
-    <USwitch v-else-if="inputType === 'boolean'" v-model="modelValue" />
-
-    <div v-else-if="inputType === 'array'">
-      <USelectMenu v-if="arraySchema?.kind === 'enum' && arraySchema.schema && parseEnumValues(arraySchema.schema)" v-model="modelValue" :items="parseEnumValues(arraySchema.schema)" class="min-w-56" multiple />
-
-      <template v-if="arraySchema?.kind === 'object'">
-        <div v-for="value, index in modelValue" :key="value.id" class="relative border border-[--ui-border] rounded-md mt-4">
-          <ComponentPropInput v-bind="arraySchema as any" :model-value="value" />
-
-          <UPopover>
-            <UButton variant="ghost" color="neutral" icon="i-heroicons-ellipsis-vertical" class="absolute top-1 right-1" />
-            <template #content>
-              <UButton
-                variant="ghost"
-                color="error"
-                icon="i-heroicons-trash"
-                block
-                @click="removeArrayItem(index)"
-              >
-                Remove
-              </UButton>
-            </template>
-          </UPopover>
-        </div>
-
-        <UButton
-          icon="i-heroicons-plus"
-          color="neutral"
-          variant="ghost"
-          block
-          class="justify-center mt-4"
-          @click="addArrayItem()"
-        >
-          Add value
-        </UButton>
-      </template>
-    </div>
-
-    <USelectMenu v-else-if="inputType === 'enum'" v-model="modelValue" :items="parseEnumValues((schema as any).schema)" class="min-w-56" />
-
-    <div v-else-if="inputType === 'object'">
-      <CollapseContainer>
-        <ComponentPropInput
-          v-for="attr in (schema as any)"
-          :key="attr.name"
-          v-bind="attr"
-          :model-value="modelValue?.[attr.name]"
-          class="border-b last:border-b-0 border-[--ui-border] p-4"
-          @update:model-value="(value) => modelValue[attr.name] = value"
-        />
-      </CollapseContainer>
-    </div>
+    <component :is="matchedInput.component" v-if="!ignore && matchedInput" v-model="modelValue" :schema="parsedSchema" />
   </UFormField>
 </template>
diff --git a/devtools/app/components/inputs/ArrayInput.vue b/devtools/app/components/inputs/ArrayInput.vue
new file mode 100644
index 0000000000..a9d71d9490
--- /dev/null
+++ b/devtools/app/components/inputs/ArrayInput.vue
@@ -0,0 +1,77 @@
+<script lang="ts">
+import { z } from 'zod'
+
+export const arrayInputSchema = z.object({
+  kind: z.literal('array'),
+  schema: z.array(z.any({}))
+    .or(z.record(z.number(), z.any({})).transform(t => Object.values(t)))
+    .transform((t) => {
+      return t.filter(s => s !== 'undefined')
+    }).pipe(z.array(z.any()).max(1))
+})
+
+export type ArrayInputSchema = z.infer<typeof arrayInputSchema>
+</script>
+
+<script setup lang="ts">
+const props = defineProps<{
+  schema: ArrayInputSchema
+}>()
+
+const modelValue = defineModel<Array<any>>({})
+
+const itemSchema = computed(() => {
+  return props.schema?.schema[0]
+})
+
+function removeArrayItem(index: number) {
+  if (!modelValue.value) return
+  modelValue.value.splice(index, 1)
+}
+
+function addArrayItem() {
+  if (!modelValue.value) {
+    modelValue.value = [{}]
+  } else {
+    modelValue.value.push({})
+  }
+}
+</script>
+
+<template>
+  <div>
+    <div v-for="value, index in modelValue" :key="index" class="relative border border-[--ui-border] rounded-md mt-4">
+      <ComponentPropInput
+        :model-value="value"
+        :meta="{ schema: itemSchema }"
+        class="border-b last:border-b-0 border-[--ui-border]"
+      />
+
+      <UPopover>
+        <UButton variant="ghost" color="neutral" icon="i-heroicons-ellipsis-vertical" class="absolute top-1 right-1" />
+        <template #content>
+          <UButton
+            variant="ghost"
+            color="error"
+            icon="i-heroicons-trash"
+            block
+            @click="removeArrayItem(index)"
+          >
+            Remove
+          </UButton>
+        </template>
+      </UPopover>
+    </div>
+
+    <UButton
+      icon="i-heroicons-plus"
+      color="neutral"
+      variant="ghost"
+      block
+      class="justify-center mt-4"
+      @click="addArrayItem()"
+    >
+      Add value
+    </UButton>
+  </div>
+</template>
diff --git a/devtools/app/components/inputs/BooleanInput.vue b/devtools/app/components/inputs/BooleanInput.vue
new file mode 100644
index 0000000000..cbea8f11ea
--- /dev/null
+++ b/devtools/app/components/inputs/BooleanInput.vue
@@ -0,0 +1,19 @@
+<script lang="ts">
+import { z } from 'zod'
+
+export const booleanInputSchema = z.literal('boolean').or(z.object({
+  kind: z.literal('enum'),
+  type: z.string().refine((type) => {
+    return type.split('|').some(t => t.trim() === 'boolean')
+  })
+}))
+
+export type BooleanInputSchema = z.infer<typeof booleanInputSchema>
+</script>
+
+<script setup lang="ts">
+</script>
+
+<template>
+  <USwitch />
+</template>
diff --git a/devtools/app/components/inputs/NumberInput.vue b/devtools/app/components/inputs/NumberInput.vue
new file mode 100644
index 0000000000..70bf4db2d4
--- /dev/null
+++ b/devtools/app/components/inputs/NumberInput.vue
@@ -0,0 +1,14 @@
+<script lang="ts">
+import { z } from 'zod'
+
+export const numberInputSchema = z.literal('number')
+export type NumberInputSchema = z.infer<typeof numberInputSchema>
+</script>
+
+<script setup lang="ts">
+const modelValue = defineModel<number>()
+</script>
+
+<template>
+  <UInput v-model.number="modelValue" type="number" />
+</template>
diff --git a/devtools/app/components/inputs/ObjectInput.vue b/devtools/app/components/inputs/ObjectInput.vue
new file mode 100644
index 0000000000..7c31937fad
--- /dev/null
+++ b/devtools/app/components/inputs/ObjectInput.vue
@@ -0,0 +1,38 @@
+<script lang="ts">
+import { z } from 'zod'
+
+export const objectInputSchema = z.object({
+  kind: z.literal('object'),
+  schema: z.record(z.string(), z.any())
+})
+
+export type ObjectInputSchema = z.infer<typeof objectInputSchema>
+</script>
+
+<script setup lang="ts">
+const props = defineProps<{
+  schema: ObjectInputSchema
+}>()
+
+const modelValue = defineModel<Record<string, any>>({})
+
+const attributesSchemas = computed(() => {
+  return Object.values(props.schema.schema)
+})
+</script>
+
+<template>
+  <CollapseContainer>
+    <ComponentPropInput
+      v-for="attributeSchema in attributesSchemas"
+      :key="attributeSchema.name"
+      class="border-b last:border-b-0 border-[--ui-border] p-4"
+      :model-value="modelValue?.[attributeSchema.name]"
+      :meta="attributeSchema"
+      @update:model-value="(value: any) => {
+        if (!modelValue) modelValue ||= {}
+        else modelValue[attributeSchema.name] = value
+      }"
+    />
+  </CollapseContainer>
+</template>
diff --git a/devtools/app/components/inputs/StringEnumInput.vue b/devtools/app/components/inputs/StringEnumInput.vue
new file mode 100644
index 0000000000..aadb69590a
--- /dev/null
+++ b/devtools/app/components/inputs/StringEnumInput.vue
@@ -0,0 +1,60 @@
+<script lang="ts">
+import { z } from 'zod'
+
+export const stringEnumInputSchema = z.object({
+  kind: z.literal('enum'),
+  schema: z.array(z.string())
+    .or(z.record(z.any(), z.string()).transform<string[]>(t => Object.values(t)))
+    .transform<string[]>(t => t.filter(s => s.trim().match(/^["'`]/)).map(s => s.trim().replaceAll(/["'`]/g, '')))
+    .pipe(z.array(z.string()).min(1))
+})
+
+export type StringEnumInputSchema = z.infer<typeof stringEnumInputSchema>
+</script>
+
+<script setup lang="ts">
+const props = defineProps<{
+  schema: StringEnumInputSchema
+}>()
+
+const sizes = ['xs', 'sm', 'md', 'lg', 'xl']
+function parseSize(size: string) {
+  const sizePattern = sizes.join('|')
+  const regex = new RegExp(`^(\\d*)(${sizePattern})$`, 'i')
+
+  const match = size.match(regex)
+
+  if (!match) return null
+
+  const number = match[1] ? Number.parseInt(match[1], 10) : 1 // Default to 1 if no number is present
+  const suffix = match[2] ?? ''
+
+  return { number, suffix }
+}
+
+const options = computed(() => {
+  return [...props.schema.schema].sort((a, b) => {
+    const sizeA = parseSize(a)
+    const sizeB = parseSize(b)
+    if (!sizeA || !sizeB) return a.localeCompare(b)
+
+    const suffixAIndex = sizes.indexOf(sizeA.suffix)
+    const suffixBIndex = sizes.indexOf(sizeB.suffix)
+
+    if (suffixAIndex !== -1 && suffixBIndex !== -1) {
+      if (suffixAIndex !== suffixBIndex) {
+        return suffixAIndex - suffixBIndex
+      }
+    } else if (suffixAIndex === -1 || suffixBIndex === -1) {
+      if (sizeA.suffix !== sizeB.suffix) {
+        return sizeA.suffix.localeCompare(sizeB.suffix)
+      }
+    }
+    return sizeA.number - sizeB.number
+  })
+})
+</script>
+
+<template>
+  <USelectMenu :items="options" class="min-w-[167px]" />
+</template>
diff --git a/devtools/app/components/inputs/StringInput.vue b/devtools/app/components/inputs/StringInput.vue
new file mode 100644
index 0000000000..2793753ce3
--- /dev/null
+++ b/devtools/app/components/inputs/StringInput.vue
@@ -0,0 +1,14 @@
+<script lang="ts">
+import { z } from 'zod'
+
+export const stringInputSchema = z.literal('string').or(z.string().transform(t => t.split('|').find(s => s.trim() === 'string')).pipe(z.string()))
+
+export type StringInputSchema = z.infer<typeof stringInputSchema>
+</script>
+
+<script setup lang="ts">
+</script>
+
+<template>
+  <UInput />
+</template>
diff --git a/devtools/app/composables/usePropSchema.ts b/devtools/app/composables/usePropSchema.ts
new file mode 100644
index 0000000000..8c9b529b5c
--- /dev/null
+++ b/devtools/app/composables/usePropSchema.ts
@@ -0,0 +1,44 @@
+import type { PropertyMeta } from 'vue-component-meta'
+import BooleanInput, { booleanInputSchema } from '../components/inputs/BooleanInput.vue'
+import StringInput, { stringInputSchema } from '../components/inputs/StringInput.vue'
+import NumberInput, { numberInputSchema } from '../components/inputs/NumberInput.vue'
+import StringEnumInput, { stringEnumInputSchema } from '../components/inputs/StringEnumInput.vue'
+import ObjectInput, { objectInputSchema } from '../components/inputs/ObjectInput.vue'
+import ArrayInput, { arrayInputSchema } from '../components/inputs/ArrayInput.vue'
+
+// List of available inputs.
+const availableInputs = [
+  { id: 'string', schema: stringInputSchema, component: StringInput },
+  { id: 'number', schema: numberInputSchema, component: NumberInput },
+  { id: 'boolean', schema: booleanInputSchema, component: BooleanInput },
+  { id: 'stringEnum', schema: stringEnumInputSchema, component: StringEnumInput },
+  { id: 'object', schema: objectInputSchema, component: ObjectInput },
+  { id: 'array', schema: arrayInputSchema, component: ArrayInput }
+]
+
+export function usePropSchema() {
+  function resolveInputSchema(schema: PropertyMeta['schema']): { schema: PropertyMeta['schema'], input: any } | undefined {
+    // Return the first input in the list of available inputs that matches the schema.
+    for (const input of availableInputs) {
+      const result = input.schema.safeParse(schema)
+      if (result.success) {
+        // Returns the output from zod to get the transformed output.
+        // It only includes attributes defined in the zod schema.
+        return { schema: result.data as PropertyMeta['schema'], input }
+      }
+    }
+
+    if (typeof schema === 'string') return
+
+    // If the schema is a complex enum or array return the first nested schema that matches an input.
+    if (schema.kind === 'enum' && schema.schema) {
+      const enumSchemas = typeof schema.schema === 'object' ? Object.values(schema.schema) : schema.schema
+      for (const enumSchema of enumSchemas) {
+        const result = resolveInputSchema(enumSchema)
+        if (result) return result
+      }
+    }
+  }
+
+  return { resolveInputSchema }
+}
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 00217f94c2..f145c2b170 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -15,7 +15,7 @@ export default defineNuxtConfig({
     }
   },
 
-  modules: [module, '@nuxtjs/mdc', '@nuxt/content'],
+  modules: [module, '@nuxtjs/mdc', '@nuxt/content', '@nuxt/test-utils/module'],
 
   app: {
     baseURL: '/__nuxt_ui__/devtools'
diff --git a/devtools/package.json b/devtools/package.json
index eca1d0384a..56a93582b3 100644
--- a/devtools/package.json
+++ b/devtools/package.json
@@ -6,13 +6,15 @@
     "build": "nuxt build",
     "dev": "nuxt dev",
     "generate": "nuxt generate",
-    "preview": "nuxt preview"
+    "preview": "nuxt preview",
+    "test": "vitest"
   },
   "dependencies": {
     "@nuxt/ui": "latest",
     "@nuxtjs/mdc": "^0.9.0",
     "knitwork": "^1.1.0",
     "nuxt": "^3.13.1",
-    "prettier": "^3.3.3"
+    "prettier": "^3.3.3",
+    "zod": "^3.23.8"
   }
 }
diff --git a/devtools/test/composables/usePropSchema.test.ts b/devtools/test/composables/usePropSchema.test.ts
new file mode 100644
index 0000000000..68c102d47f
--- /dev/null
+++ b/devtools/test/composables/usePropSchema.test.ts
@@ -0,0 +1,24 @@
+// @vitest-environment node
+import { it, expect, describe } from 'vitest'
+import { usePropSchema } from '../../app/composables/usePropSchema'
+import { stringSchema, optionalStringSchema, booleanSchema, numberSchema, optionalNumberSchema, optionalBooleanSchema, objectSchema, arraySchema, arrayOptionalSchema, stringEnumSchema } from '../fixtures/schemas'
+
+describe('usePropSchema', () => {
+  const { resolveInputSchema } = usePropSchema()
+
+  it.each([
+    ['string', { schema: stringSchema, inputId: 'string' }],
+    ['optional string', { schema: optionalStringSchema, inputId: 'string' }],
+    ['number', { schema: numberSchema, inputId: 'number' }],
+    ['optional number', { schema: optionalNumberSchema, inputId: 'number' }],
+    ['boolean', { schema: booleanSchema, inputId: 'boolean' }],
+    ['string enum', { schema: stringEnumSchema, inputId: 'stringEnum' }],
+    ['object', { schema: objectSchema, inputId: 'object' }],
+    ['optional boolean', { schema: optionalBooleanSchema, inputId: 'boolean' }],
+    ['array', { schema: arraySchema, inputId: 'array' }],
+    ['optional array', { schema: arrayOptionalSchema, inputId: 'array' }]
+  ])('resolveInputSchema should resolve %s schema', async (_: string, options) => {
+    const result = resolveInputSchema(options.schema as any)
+    expect(result?.input.id).toBe(options.inputId)
+  })
+})
diff --git a/devtools/test/fixtures/schemas.ts b/devtools/test/fixtures/schemas.ts
new file mode 100644
index 0000000000..bc33a14e9c
--- /dev/null
+++ b/devtools/test/fixtures/schemas.ts
@@ -0,0 +1,133 @@
+export const stringSchema = 'string' as const
+
+export const optionalStringSchema = {
+  kind: 'enum',
+  type: 'string | undefined',
+  schema: {
+    0: 'undefined',
+    1: 'string'
+  }
+}
+
+export const numberSchema = 'number' as const
+export const optionalNumberSchema = {
+  kind: 'enum',
+  type: 'number | undefined',
+  schema: {
+    0: 'undefined',
+    1: 'number'
+  }
+}
+
+export const booleanSchema = 'boolean' as const
+export const optionalBooleanSchema = {
+  kind: 'enum',
+  type: 'boolean | undefined',
+  schema: {
+    0: 'undefined',
+    1: 'boolean'
+  }
+}
+
+export const objectSchema = {
+  kind: 'object',
+  type: 'AccordionItem',
+  schema: {
+    label: {
+      name: 'label',
+      global: false,
+      description: '',
+      tags: [],
+      required: false,
+      type: 'string | undefined',
+      schema: {
+        kind: 'enum',
+        type: 'string | undefined',
+        schema: {
+          0: 'undefined',
+          1: 'string'
+        }
+      }
+    }
+  }
+}
+
+export const arraySchema = {
+  kind: 'array',
+  type: 'AccordionItem[]',
+  schema: [
+    {
+      kind: 'object',
+      type: 'AccordionItem',
+      schema: {
+        label: {
+          name: 'label',
+          global: false,
+          description: '',
+          tags: [],
+          required: false,
+          type: 'string | undefined',
+          schema: {
+            kind: 'enum',
+            type: 'string | undefined',
+            schema: {
+              0: 'undefined',
+              1: 'string'
+            }
+          }
+        }
+      }
+    }
+  ]
+}
+
+export const arrayOptionalSchema = {
+  kind: 'enum',
+  type: 'AccordionItem[] | undefined',
+  schema: {
+    0: 'undefined',
+    1: {
+      kind: 'array',
+      type: 'AccordionItem[]',
+      schema: [
+        {
+          kind: 'object',
+          type: 'AccordionItem',
+          schema: {
+            label: {
+              name: 'label',
+              global: false,
+              description: '',
+              tags: [],
+              required: false,
+              type: 'string | undefined',
+              schema: {
+                kind: 'enum',
+                type: 'string | undefined',
+                schema: {
+                  0: 'undefined',
+                  1: 'string'
+                }
+              }
+            }
+          }
+        }
+      ]
+    }
+  }
+}
+
+export const stringEnumSchema = {
+  kind: 'enum',
+  type: '"true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined',
+  schema: {
+    0: 'undefined',
+    1: '"true"',
+    2: '"false"',
+    3: '"page"',
+    4: '"step"',
+    5: '"location"',
+    6: '"date"',
+    7: '"time"'
+  }
+}
diff --git a/devtools/test/vitest.config.ts b/devtools/test/vitest.config.ts
new file mode 100644
index 0000000000..d297d232a2
--- /dev/null
+++ b/devtools/test/vitest.config.ts
@@ -0,0 +1,7 @@
+import { defineVitestConfig } from '@nuxt/test-utils/config'
+
+export default defineVitestConfig({
+  test: {
+    environment: 'nuxt'
+  }
+})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b1a7ab2c79..68d4315d25 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -191,6 +191,9 @@ importers:
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
+      zod:
+        specifier: ^3.23.8
+        version: 3.23.8
 
   docs:
     dependencies:
@@ -205,7 +208,7 @@ importers:
         version: 1.2.2
       '@nuxt/content':
         specifier: ^2.13.2
-        version: 2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
+        version: 2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       '@nuxt/image':
         specifier: ^1.8.1
         version: 1.8.1(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)
@@ -214,7 +217,7 @@ importers:
         version: link:..
       '@nuxt/ui-pro':
         specifier: 2.0.0-alpha.6
-        version: 2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.2)(vue@3.5.11(typescript@5.6.2))
+        version: 2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.3)(vue@3.5.11(typescript@5.6.3))
       '@nuxthub/core':
         specifier: ^0.7.26
         version: 0.7.26(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
@@ -226,19 +229,19 @@ importers:
         version: 21.0.2
       '@vueuse/nuxt':
         specifier: ^11.1.0
-        version: 11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
+        version: 11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       joi:
         specifier: ^17.13.3
         version: 17.13.3
       nuxt:
         specifier: ^3.13.2
-        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
       nuxt-component-meta:
         specifier: ^0.8.2
         version: 0.8.2(magicast@0.3.5)(rollup@4.24.0)
       nuxt-og-image:
         specifier: ^3.0.4
-        version: 3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
+        version: 3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
@@ -250,7 +253,7 @@ importers:
         version: 1.5.4
       valibot:
         specifier: ^0.42.1
-        version: 0.42.1(typescript@5.6.2)
+        version: 0.42.1(typescript@5.6.3)
       yup:
         specifier: ^1.4.0
         version: 1.4.0
@@ -7677,13 +7680,13 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.17.1
 
-  '@nuxt/content@2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))':
+  '@nuxt/content@2.13.2(ioredis@5.4.1)(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxtjs/mdc': 0.8.3(magicast@0.3.5)(rollup@4.24.0)
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.2))
-      '@vueuse/head': 2.0.0(vue@3.5.11(typescript@5.6.2))
-      '@vueuse/nuxt': 10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/head': 2.0.0(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/nuxt': 10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       consola: 3.2.3
       defu: 6.1.4
       destr: 2.0.3
@@ -7769,54 +7772,6 @@ snapshots:
       rc9: 2.1.2
       semver: 7.6.3
 
-  '@nuxt/devtools@1.5.2(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
-      '@nuxt/devtools-wizard': 1.5.2
-      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@vue/devtools-core': 7.4.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
-      '@vue/devtools-kit': 7.4.4
-      birpc: 0.2.17
-      consola: 3.2.3
-      cronstrue: 2.50.0
-      destr: 2.0.3
-      error-stack-parser-es: 0.1.5
-      execa: 7.2.0
-      fast-npm-meta: 0.2.2
-      flatted: 3.3.1
-      get-port-please: 3.1.2
-      hookable: 5.5.3
-      image-meta: 0.2.1
-      is-installed-globally: 1.0.0
-      launch-editor: 2.9.1
-      local-pkg: 0.5.0
-      magicast: 0.3.5
-      nypm: 0.3.12
-      ohash: 1.1.4
-      pathe: 1.1.2
-      perfect-debounce: 1.0.0
-      pkg-types: 1.2.0
-      rc9: 2.1.2
-      scule: 1.3.0
-      semver: 7.6.3
-      simple-git: 3.27.0
-      sirv: 2.0.4
-      tinyglobby: 0.2.6
-      unimport: 3.13.1(rollup@4.24.0)
-      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
-      vite-plugin-vue-inspector: 5.1.3(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
-      which: 3.0.1
-      ws: 8.18.0
-    transitivePeerDependencies:
-      - bufferutil
-      - rollup
-      - supports-color
-      - utf-8-validate
-      - vue
-      - webpack-sources
-
   '@nuxt/devtools@1.5.2(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@antfu/utils': 0.7.10
@@ -8130,12 +8085,12 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/ui-pro@2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.2)(vue@3.5.11(typescript@5.6.2))':
+  '@nuxt/ui-pro@2.0.0-alpha.6(magicast@0.3.5)(rollup@4.24.0)(typescript@5.6.3)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
       '@nuxt/ui': 'link:'
-      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.3))
       consola: 3.2.3
       defu: 6.1.4
       git-url-parse: 15.0.0
@@ -8143,8 +8098,8 @@ snapshots:
       parse-git-config: 3.0.0
       pkg-types: 1.2.1
       scule: 1.3.0
-      typescript: 5.6.2
-      vue3-smooth-dnd: 0.0.6(vue@3.5.11(typescript@5.6.2))
+      typescript: 5.6.3
+      vue3-smooth-dnd: 0.0.6(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -8153,65 +8108,6 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@nuxt/vite-builder@3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@rollup/plugin-replace': 5.0.7(rollup@4.24.0)
-      '@vitejs/plugin-vue': 5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
-      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
-      autoprefixer: 10.4.20(postcss@8.4.47)
-      clear: 0.1.0
-      consola: 3.2.3
-      cssnano: 7.0.6(postcss@8.4.47)
-      defu: 6.1.4
-      esbuild: 0.23.1
-      escape-string-regexp: 5.0.0
-      estree-walker: 3.0.3
-      externality: 1.0.2
-      get-port-please: 3.1.2
-      h3: 1.13.0
-      knitwork: 1.1.0
-      magic-string: 0.30.11
-      mlly: 1.7.1
-      ohash: 1.1.4
-      pathe: 1.1.2
-      perfect-debounce: 1.0.0
-      pkg-types: 1.2.0
-      postcss: 8.4.47
-      rollup-plugin-visualizer: 5.12.0(rollup@4.24.0)
-      std-env: 3.7.0
-      strip-literal: 2.1.0
-      ufo: 1.5.4
-      unenv: 1.10.0
-      unplugin: 1.14.1
-      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vite-node: 2.1.2(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vite-plugin-checker: 0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue: 3.5.11(typescript@5.6.2)
-      vue-bundle-renderer: 2.1.1
-    transitivePeerDependencies:
-      - '@biomejs/biome'
-      - '@types/node'
-      - eslint
-      - less
-      - lightningcss
-      - magicast
-      - meow
-      - optionator
-      - rollup
-      - sass
-      - sass-embedded
-      - stylelint
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - typescript
-      - vls
-      - vti
-      - vue-tsc
-      - webpack-sources
-
   '@nuxt/vite-builder@3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vue-tsc@2.1.6(typescript@5.6.3))(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -9091,15 +8987,6 @@ snapshots:
       '@unhead/schema': 1.11.7
       '@unhead/shared': 1.11.7
 
-  '@unhead/vue@1.11.7(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      '@unhead/schema': 1.11.7
-      '@unhead/shared': 1.11.7
-      defu: 6.1.4
-      hookable: 5.5.3
-      unhead: 1.11.7
-      vue: 3.5.11(typescript@5.6.2)
-
   '@unhead/vue@1.11.7(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@unhead/schema': 1.11.7
@@ -9152,16 +9039,6 @@ snapshots:
       - encoding
       - supports-color
 
-  '@vitejs/plugin-vue-jsx@4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/plugin-transform-typescript': 7.25.7(@babel/core@7.25.7)
-      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.25.7)
-      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vue: 3.5.11(typescript@5.6.2)
-    transitivePeerDependencies:
-      - supports-color
-
   '@vitejs/plugin-vue-jsx@4.0.1(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@babel/core': 7.25.7
@@ -9172,11 +9049,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vue: 3.5.11(typescript@5.6.2)
-
   '@vitejs/plugin-vue@5.1.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
@@ -9234,19 +9106,6 @@ snapshots:
       path-browserify: 1.0.1
       vscode-uri: 3.0.8
 
-  '@vue-macros/common@1.14.0(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      '@babel/types': 7.25.7
-      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
-      '@vue/compiler-sfc': 3.5.11
-      ast-kit: 1.2.1
-      local-pkg: 0.5.0
-      magic-string-ast: 0.6.2
-    optionalDependencies:
-      vue: 3.5.11(typescript@5.6.2)
-    transitivePeerDependencies:
-      - rollup
-
   '@vue-macros/common@1.14.0(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@babel/types': 7.25.7
@@ -9327,18 +9186,6 @@ snapshots:
 
   '@vue/devtools-api@6.6.4': {}
 
-  '@vue/devtools-core@7.4.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      '@vue/devtools-kit': 7.4.4
-      '@vue/devtools-shared': 7.4.6
-      mitt: 3.0.1
-      nanoid: 3.3.7
-      pathe: 1.1.2
-      vite-hot-client: 0.2.3(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
-      vue: 3.5.11(typescript@5.6.2)
-    transitivePeerDependencies:
-      - vite
-
   '@vue/devtools-core@7.4.4(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@vue/devtools-kit': 7.4.4
@@ -9407,12 +9254,6 @@ snapshots:
       '@vue/shared': 3.5.11
       csstype: 3.1.3
 
-  '@vue/server-renderer@3.5.11(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      '@vue/compiler-ssr': 3.5.11
-      '@vue/shared': 3.5.11
-      vue: 3.5.11(typescript@5.6.2)
-
   '@vue/server-renderer@3.5.11(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@vue/compiler-ssr': 3.5.11
@@ -9426,16 +9267,6 @@ snapshots:
       js-beautify: 1.15.1
       vue-component-type-helpers: 2.1.6
 
-  '@vueuse/core@10.11.1(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 10.11.1
-      '@vueuse/shared': 10.11.1(vue@3.5.11(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
   '@vueuse/core@10.11.1(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
@@ -9446,16 +9277,6 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/core@11.1.0(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 11.1.0
-      '@vueuse/shared': 11.1.0(vue@3.5.11(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
   '@vueuse/core@11.1.0(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
@@ -9466,13 +9287,13 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/head@2.0.0(vue@3.5.11(typescript@5.6.2))':
+  '@vueuse/head@2.0.0(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@unhead/dom': 1.11.7
       '@unhead/schema': 1.11.7
       '@unhead/ssr': 1.11.7
-      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.2))
-      vue: 3.5.11(typescript@5.6.2)
+      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.3))
+      vue: 3.5.11(typescript@5.6.3)
 
   '@vueuse/integrations@11.1.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
@@ -9489,14 +9310,14 @@ snapshots:
 
   '@vueuse/metadata@11.1.0': {}
 
-  '@vueuse/nuxt@10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))':
+  '@vueuse/nuxt@10.11.1(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
       '@vueuse/metadata': 10.11.1
       local-pkg: 0.5.0
-      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -9505,14 +9326,14 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@vueuse/nuxt@11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))':
+  '@vueuse/nuxt@11.1.0(magicast@0.3.5)(nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.2))
+      '@vueuse/core': 11.1.0(vue@3.5.11(typescript@5.6.3))
       '@vueuse/metadata': 11.1.0
       local-pkg: 0.5.0
-      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
+      nuxt: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - magicast
@@ -9521,13 +9342,6 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@vueuse/shared@10.11.1(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
   '@vueuse/shared@10.11.1(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
@@ -9535,13 +9349,6 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/shared@11.1.0(vue@3.5.11(typescript@5.6.2))':
-    dependencies:
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.2))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
   '@vueuse/shared@11.1.0(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
@@ -12598,7 +12405,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  nuxt-og-image@3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2)):
+  nuxt-og-image@3.0.4(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -12611,8 +12418,8 @@ snapshots:
       execa: 9.4.0
       image-size: 1.1.1
       magic-string: 0.30.11
-      nuxt-site-config: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
-      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
+      nuxt-site-config: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
+      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       nypm: 0.3.12
       ofetch: 1.4.0
       ohash: 1.1.4
@@ -12637,12 +12444,12 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt-site-config-kit@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2)):
+  nuxt-site-config-kit@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
       pkg-types: 1.2.0
-      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.2))
+      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.3))
       std-env: 3.7.0
       ufo: 1.5.4
     transitivePeerDependencies:
@@ -12652,16 +12459,16 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt-site-config@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2)):
+  nuxt-site-config@2.2.18(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       '@nuxt/devtools-kit': 1.5.2(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
-      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
+      nuxt-site-config-kit: 2.2.18(magicast@0.3.5)(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       pathe: 1.1.2
       pkg-types: 1.2.0
       sirv: 2.0.4
-      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.2))
+      site-config-stack: 2.2.18(vue@3.5.11(typescript@5.6.3))
       ufo: 1.5.4
     transitivePeerDependencies:
       - magicast
@@ -12671,119 +12478,6 @@ snapshots:
       - vue
       - webpack-sources
 
-  nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)):
-    dependencies:
-      '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.5.2(rollup@4.24.0)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.2))
-      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@nuxt/schema': 3.13.2(rollup@4.24.0)
-      '@nuxt/telemetry': 2.6.0(magicast@0.3.5)(rollup@4.24.0)
-      '@nuxt/vite-builder': 3.13.2(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.2)(vue-tsc@2.1.6(typescript@5.6.2))(vue@3.5.11(typescript@5.6.2))
-      '@unhead/dom': 1.11.7
-      '@unhead/shared': 1.11.7
-      '@unhead/ssr': 1.11.7
-      '@unhead/vue': 1.11.7(vue@3.5.11(typescript@5.6.2))
-      '@vue/shared': 3.5.11
-      acorn: 8.12.1
-      c12: 1.11.2(magicast@0.3.5)
-      chokidar: 3.6.0
-      compatx: 0.1.8
-      consola: 3.2.3
-      cookie-es: 1.2.2
-      defu: 6.1.4
-      destr: 2.0.3
-      devalue: 5.1.1
-      errx: 0.1.0
-      esbuild: 0.23.1
-      escape-string-regexp: 5.0.0
-      estree-walker: 3.0.3
-      globby: 14.0.2
-      h3: 1.13.0
-      hookable: 5.5.3
-      ignore: 5.3.2
-      impound: 0.1.0(rollup@4.24.0)
-      jiti: 1.21.6
-      klona: 2.0.6
-      knitwork: 1.1.0
-      magic-string: 0.30.11
-      mlly: 1.7.1
-      nanotar: 0.1.1
-      nitropack: 2.9.7(magicast@0.3.5)
-      nuxi: 3.14.0
-      nypm: 0.3.12
-      ofetch: 1.4.0
-      ohash: 1.1.4
-      pathe: 1.1.2
-      perfect-debounce: 1.0.0
-      pkg-types: 1.2.0
-      radix3: 1.1.2
-      scule: 1.3.0
-      semver: 7.6.3
-      std-env: 3.7.0
-      strip-literal: 2.1.0
-      tinyglobby: 0.2.6
-      ufo: 1.5.4
-      ultrahtml: 1.5.3
-      uncrypto: 0.1.3
-      unctx: 2.3.1
-      unenv: 1.10.0
-      unhead: 1.11.7
-      unimport: 3.13.1(rollup@4.24.0)
-      unplugin: 1.14.1
-      unplugin-vue-router: 0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.2))
-      unstorage: 1.12.0(ioredis@5.4.1)
-      untyped: 1.5.1
-      vue: 3.5.11(typescript@5.6.2)
-      vue-bundle-renderer: 2.1.1
-      vue-devtools-stub: 0.1.0
-      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.2))
-    optionalDependencies:
-      '@parcel/watcher': 2.4.1
-      '@types/node': 22.7.4
-    transitivePeerDependencies:
-      - '@azure/app-configuration'
-      - '@azure/cosmos'
-      - '@azure/data-tables'
-      - '@azure/identity'
-      - '@azure/keyvault-secrets'
-      - '@azure/storage-blob'
-      - '@biomejs/biome'
-      - '@capacitor/preferences'
-      - '@libsql/client'
-      - '@netlify/blobs'
-      - '@planetscale/database'
-      - '@upstash/redis'
-      - '@vercel/kv'
-      - better-sqlite3
-      - bufferutil
-      - drizzle-orm
-      - encoding
-      - eslint
-      - idb-keyval
-      - ioredis
-      - less
-      - lightningcss
-      - magicast
-      - meow
-      - optionator
-      - rollup
-      - sass
-      - sass-embedded
-      - stylelint
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-      - typescript
-      - uWebSockets.js
-      - utf-8-validate
-      - vite
-      - vls
-      - vti
-      - vue-tsc
-      - webpack-sources
-      - xml2js
-
   nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.7.4)(eslint@9.12.0(jiti@2.3.3))(ioredis@5.4.1)(lightningcss@1.27.0)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)):
     dependencies:
       '@nuxt/devalue': 2.0.2
@@ -13940,10 +13634,10 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
-  site-config-stack@2.2.18(vue@3.5.11(typescript@5.6.2)):
+  site-config-stack@2.2.18(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       ufo: 1.5.4
-      vue: 3.5.11(typescript@5.6.2)
+      vue: 3.5.11(typescript@5.6.3)
 
   skin-tone@2.0.0:
     dependencies:
@@ -14475,29 +14169,6 @@ snapshots:
 
   universalify@2.0.1: {}
 
-  unplugin-vue-router@0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.2)):
-    dependencies:
-      '@babel/types': 7.25.7
-      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
-      '@vue-macros/common': 1.14.0(rollup@4.24.0)(vue@3.5.11(typescript@5.6.2))
-      ast-walker-scope: 0.6.2
-      chokidar: 3.6.0
-      fast-glob: 3.3.2
-      json5: 2.2.3
-      local-pkg: 0.5.0
-      magic-string: 0.30.11
-      mlly: 1.7.1
-      pathe: 1.1.2
-      scule: 1.3.0
-      unplugin: 1.14.1
-      yaml: 2.5.1
-    optionalDependencies:
-      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.3))
-    transitivePeerDependencies:
-      - rollup
-      - vue
-      - webpack-sources
-
   unplugin-vue-router@0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       '@babel/types': 7.25.7
@@ -14603,10 +14274,6 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  valibot@0.42.1(typescript@5.6.2):
-    optionalDependencies:
-      typescript: 5.6.2
-
   valibot@0.42.1(typescript@5.6.3):
     optionalDependencies:
       typescript: 5.6.3
@@ -14660,29 +14327,6 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-checker@0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.2)):
-    dependencies:
-      '@babel/code-frame': 7.25.7
-      ansi-escapes: 4.3.2
-      chalk: 4.1.2
-      chokidar: 3.6.0
-      commander: 8.3.0
-      fast-glob: 3.3.2
-      fs-extra: 11.2.0
-      npm-run-path: 4.0.1
-      strip-ansi: 6.0.1
-      tiny-invariant: 1.3.3
-      vite: 5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vscode-languageclient: 7.0.0
-      vscode-languageserver: 7.0.0
-      vscode-languageserver-textdocument: 1.0.12
-      vscode-uri: 3.0.8
-    optionalDependencies:
-      eslint: 9.12.0(jiti@2.3.3)
-      optionator: 0.9.4
-      typescript: 5.6.2
-      vue-tsc: 2.1.6(typescript@5.6.2)
-
   vite-plugin-checker@0.8.0(eslint@9.12.0(jiti@2.3.3))(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.8(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue-tsc@2.1.6(typescript@5.6.3)):
     dependencies:
       '@babel/code-frame': 7.25.7
@@ -14847,10 +14491,6 @@ snapshots:
 
   vue-component-type-helpers@2.1.6: {}
 
-  vue-demi@0.14.10(vue@3.5.11(typescript@5.6.2)):
-    dependencies:
-      vue: 3.5.11(typescript@5.6.2)
-
   vue-demi@0.14.10(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       vue: 3.5.11(typescript@5.6.3)
@@ -14870,24 +14510,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-router@4.4.5(vue@3.5.11(typescript@5.6.2)):
-    dependencies:
-      '@vue/devtools-api': 6.6.4
-      vue: 3.5.11(typescript@5.6.2)
-
   vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       '@vue/devtools-api': 6.6.4
       vue: 3.5.11(typescript@5.6.3)
 
-  vue-tsc@2.1.6(typescript@5.6.2):
-    dependencies:
-      '@volar/typescript': 2.4.5
-      '@vue/language-core': 2.1.6(typescript@5.6.2)
-      semver: 7.6.3
-      typescript: 5.6.2
-    optional: true
-
   vue-tsc@2.1.6(typescript@5.6.3):
     dependencies:
       '@volar/typescript': 2.4.5
@@ -14895,20 +14522,10 @@ snapshots:
       semver: 7.6.3
       typescript: 5.6.3
 
-  vue3-smooth-dnd@0.0.6(vue@3.5.11(typescript@5.6.2)):
+  vue3-smooth-dnd@0.0.6(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       smooth-dnd: 0.12.1
-      vue: 3.5.11(typescript@5.6.2)
-
-  vue@3.5.11(typescript@5.6.2):
-    dependencies:
-      '@vue/compiler-dom': 3.5.11
-      '@vue/compiler-sfc': 3.5.11
-      '@vue/runtime-dom': 3.5.11
-      '@vue/server-renderer': 3.5.11(vue@3.5.11(typescript@5.6.2))
-      '@vue/shared': 3.5.11
-    optionalDependencies:
-      typescript: 5.6.2
+      vue: 3.5.11(typescript@5.6.3)
 
   vue@3.5.11(typescript@5.6.3):
     dependencies:
diff --git a/src/runtime/components/CommandPalette.vue b/src/runtime/components/CommandPalette.vue
index 7e7a359408..27c7fb411c 100644
--- a/src/runtime/components/CommandPalette.vue
+++ b/src/runtime/components/CommandPalette.vue
@@ -113,7 +113,7 @@ export type CommandPaletteSlots<G extends { slot?: string }, T extends { slot?:
   'item-trailing': SlotProps<T>
 } & DynamicSlots<G, SlotProps<T>> & DynamicSlots<T, SlotProps<T>>
 
-extendDevtoolsMeta({ example: 'CommandPaletteExample' })
+extendDevtoolsMeta({ example: 'CommandPaletteExample', ignoreProps: ['groups'] })
 </script>
 
 <script setup lang="ts" generic="G extends CommandPaletteGroup<T>, T extends CommandPaletteItem">
diff --git a/src/runtime/components/ContextMenu.vue b/src/runtime/components/ContextMenu.vue
index 0af942c901..10602cde1c 100644
--- a/src/runtime/components/ContextMenu.vue
+++ b/src/runtime/components/ContextMenu.vue
@@ -64,8 +64,10 @@ export type ContextMenuSlots<T extends { slot?: string }> = {
   'item-trailing': SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
-extendDevtoolsMeta({ example: 'ContextMenuExample', defaultProps: { items:
-  [
+extendDevtoolsMeta({
+  example: 'ContextMenuExample',
+  ignoreProps: ['items'],
+  defaultProps: { items: [
     [{
       label: 'My account',
       avatar: {
diff --git a/src/runtime/components/DropdownMenu.vue b/src/runtime/components/DropdownMenu.vue
index 906fda8137..9f6346d92a 100644
--- a/src/runtime/components/DropdownMenu.vue
+++ b/src/runtime/components/DropdownMenu.vue
@@ -74,6 +74,7 @@ export type DropdownMenuSlots<T extends { slot?: string }> = {
 
 extendDevtoolsMeta({
   example: 'DropdownMenuExample',
+  ignoreProps: ['items'],
   defaultProps: {
     items: [
       [{
diff --git a/src/runtime/components/NavigationMenu.vue b/src/runtime/components/NavigationMenu.vue
index 29911efea6..5c282f8616 100644
--- a/src/runtime/components/NavigationMenu.vue
+++ b/src/runtime/components/NavigationMenu.vue
@@ -82,40 +82,41 @@ export type NavigationMenuSlots<T extends { slot?: string }> = {
   'item-trailing': SlotProps<T>
 } & DynamicSlots<T, SlotProps<T>>
 
-extendDevtoolsMeta({ defaultProps:
-{ items: [
-  [{
-    label: 'Documentation',
-    icon: 'i-heroicons-book-open',
-    badge: 10,
-    children: [{
-      label: 'Introduction',
-      description: 'Fully styled and customizable components for Nuxt.',
-      icon: 'i-heroicons-home'
+extendDevtoolsMeta({
+  ignoreProps: ['items'],
+  defaultProps: { items: [
+    [{
+      label: 'Documentation',
+      icon: 'i-heroicons-book-open',
+      badge: 10,
+      children: [{
+        label: 'Introduction',
+        description: 'Fully styled and customizable components for Nuxt.',
+        icon: 'i-heroicons-home'
+      }, {
+        label: 'Installation',
+        description: 'Learn how to install and configure Nuxt UI in your application.',
+        icon: 'i-heroicons-cloud-arrow-down'
+      }, {
+        label: 'Theming',
+        description: 'Learn how to customize the look and feel of the components.',
+        icon: 'i-heroicons-swatch'
+      }, {
+        label: 'Shortcuts',
+        description: 'Learn how to display and define keyboard shortcuts in your app.',
+        icon: 'i-heroicons-computer-desktop'
+      }]
     }, {
-      label: 'Installation',
-      description: 'Learn how to install and configure Nuxt UI in your application.',
-      icon: 'i-heroicons-cloud-arrow-down'
+      label: 'GitHub',
+      icon: 'i-simple-icons-github',
+      to: 'https://github.com/nuxt/ui',
+      target: '_blank'
     }, {
-      label: 'Theming',
-      description: 'Learn how to customize the look and feel of the components.',
-      icon: 'i-heroicons-swatch'
-    }, {
-      label: 'Shortcuts',
-      description: 'Learn how to display and define keyboard shortcuts in your app.',
-      icon: 'i-heroicons-computer-desktop'
+      label: 'Help',
+      icon: 'i-heroicons-question-mark-circle',
+      disabled: true
     }]
-  }, {
-    label: 'GitHub',
-    icon: 'i-simple-icons-github',
-    to: 'https://github.com/nuxt/ui',
-    target: '_blank'
-  }, {
-    label: 'Help',
-    icon: 'i-heroicons-question-mark-circle',
-    disabled: true
-  }]
-] } })
+  ] } })
 </script>
 
 <script setup lang="ts" generic="T extends NavigationMenuItem">
diff --git a/src/runtime/composables/extendDevtoolsMeta.ts b/src/runtime/composables/extendDevtoolsMeta.ts
index 1c3afb2716..17b025138d 100644
--- a/src/runtime/composables/extendDevtoolsMeta.ts
+++ b/src/runtime/composables/extendDevtoolsMeta.ts
@@ -2,6 +2,7 @@ export type DevtoolsMeta<T> = {
   defaultProps?: T
   example?: string
   ignore?: boolean
+  ignoreProps?: string[]
 }
 
 export function extendDevtoolsMeta<T>(_meta: DevtoolsMeta<T>) { }
diff --git a/src/runtime/examples/TooltipExample.vue b/src/runtime/examples/TooltipExample.vue
index b3afb99409..44b1047580 100644
--- a/src/runtime/examples/TooltipExample.vue
+++ b/src/runtime/examples/TooltipExample.vue
@@ -1,5 +1,5 @@
 <template>
-  <UTooltip text="Top" :kbds="['meta', 'T']" :content="{ side: 'top' }" arrow>
+  <UTooltip>
     <Placeholder class="size-20" />
   </UTooltip>
 </template>

From 1697d79bd0e328a9afa9bac72c9d314a51769c2f Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 15 Oct 2024 18:12:18 +0200
Subject: [PATCH 42/92] fix(devtools): use  on ui css variables

---
 devtools/app/app.vue                           | 12 ++++++------
 devtools/app/components/CollapseContainer.vue  |  2 +-
 devtools/app/components/ComponentPreview.vue   |  2 +-
 devtools/app/components/ComponentPropInput.vue |  2 +-
 devtools/app/components/inputs/ArrayInput.vue  |  4 ++--
 devtools/app/components/inputs/ObjectInput.vue |  2 +-
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 51f0447c06..f5cb5a3ce4 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -110,7 +110,7 @@ const isDark = computed({
     <div v-if="!components || !component" class="h-screen w-screen" />
     <template v-else>
       <div
-        class="top-0 h-[49px] border-b border-[--ui-border] flex justify-center"
+        class="top-0 h-[49px] border-b border-[var(--ui-border)] flex justify-center"
       >
         <span />
 
@@ -123,8 +123,8 @@ const isDark = computed({
           icon="i-heroicons-magnifying-glass"
         />
 
-        <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-4 bg-[--ui-bg]">
-          <div class="col-span-1 border-r border-[--ui-border] hidden xl:block overflow-y-auto">
+        <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-4 bg-[var(--ui-bg)]">
+          <div class="col-span-1 border-r border-[var(--ui-border)] hidden xl:block overflow-y-auto">
             <UNavigationMenu
               :items="components.map((c) => ({ ...c, select: () => component = c }))"
               orientation="vertical"
@@ -152,10 +152,10 @@ const isDark = computed({
             </div>
           </div>
 
-          <div class="border-l border-[--ui-border] flex flex-col col-span-2 overflow-y-auto">
-            <UTabs color="neutral" variant="link" :items="tabs" class="relative" :ui="{ list: 'sticky top-0 bg-[--ui-bg] z-50' }">
+          <div class="border-l border-[var(--ui-border)] flex flex-col col-span-2 overflow-y-auto">
+            <UTabs color="neutral" variant="link" :items="tabs" class="relative" :ui="{ list: 'sticky top-0 bg-[var(--ui-bg)] z-50' }">
               <template #props>
-                <div v-for="prop in componentPropsMeta" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-[--ui-border] dark:border-[--ui-border]">
+                <div v-for="prop in componentPropsMeta" :key="'prop-' + prop.name" class="px-3 py-5 border-b border-[var(--ui-border)]">
                   <ComponentPropInput
                     v-model="componentProps[prop.name]"
                     :meta="prop"
diff --git a/devtools/app/components/CollapseContainer.vue b/devtools/app/components/CollapseContainer.vue
index 7f883102a5..0532ad758a 100644
--- a/devtools/app/components/CollapseContainer.vue
+++ b/devtools/app/components/CollapseContainer.vue
@@ -29,7 +29,7 @@ onMounted(() => {
     </div>
     <UButton
       v-if="overflow"
-      class="bg-[--ui-bg] group w-full flex justify-center my-1 border-t border-[--ui-border] rounded-t-none"
+      class="bg-[var(--ui-bg)] group w-full flex justify-center my-1 border-t border-[var(--ui-border)] rounded-t-none"
       variant="link"
       color="neutral"
       trailing-icon="i-heroicons-chevron-down"
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index f3f0ddf5be..1afad3c3a5 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -102,7 +102,7 @@ const previewUrl = computed(() => {
       @load="onRendererReady"
     />
     <div v-if="ast" v-show="rendererReady" class="relative w-full p-3">
-      <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 text-sm overflow-y-auto rounded-lg border border-[--ui-border] bg-neutral-50 dark:bg-neutral-800" />
+      <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 text-sm overflow-y-auto rounded-lg border border-[var(--ui-border)] bg-neutral-50 dark:bg-neutral-800" />
       <UButton
         color="neutral"
         variant="link"
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index 3c1c4842ed..fb1bd9da1b 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -20,7 +20,7 @@ watchEffect(() => {
 <template>
   <UFormField :name="meta?.name" class="" :ui="{ wrapper: 'mb-2' }" :class="{ 'opacity-70 cursor-not-allowed': !matchedInput || ignore }">
     <template #label>
-      <p v-if="meta?.name" class="font-mono font-bold px-1.5 py-0.5 border border-[--ui-border-accented] border-dashed rounded bg-[--ui-bg-elevated]">
+      <p v-if="meta?.name" class="font-mono font-bold px-1.5 py-0.5 border border-[var(--ui-border-accented)] border-dashed rounded bg-[var(--ui-bg-elevated)]">
         {{ meta?.name }}
       </p>
     </template>
diff --git a/devtools/app/components/inputs/ArrayInput.vue b/devtools/app/components/inputs/ArrayInput.vue
index a9d71d9490..86d63cd07f 100644
--- a/devtools/app/components/inputs/ArrayInput.vue
+++ b/devtools/app/components/inputs/ArrayInput.vue
@@ -40,11 +40,11 @@ function addArrayItem() {
 
 <template>
   <div>
-    <div v-for="value, index in modelValue" :key="index" class="relative border border-[--ui-border] rounded-md mt-4">
+    <div v-for="value, index in modelValue" :key="index" class="relative border border-[var(--ui-border)] rounded-md mt-4">
       <ComponentPropInput
         :model-value="value"
         :meta="{ schema: itemSchema }"
-        class="border-b last:border-b-0 border-[--ui-border]"
+        class="border-b last:border-b-0 border-[var(--ui-border)]"
       />
 
       <UPopover>
diff --git a/devtools/app/components/inputs/ObjectInput.vue b/devtools/app/components/inputs/ObjectInput.vue
index 7c31937fad..a868f640cd 100644
--- a/devtools/app/components/inputs/ObjectInput.vue
+++ b/devtools/app/components/inputs/ObjectInput.vue
@@ -26,7 +26,7 @@ const attributesSchemas = computed(() => {
     <ComponentPropInput
       v-for="attributeSchema in attributesSchemas"
       :key="attributeSchema.name"
-      class="border-b last:border-b-0 border-[--ui-border] p-4"
+      class="border-b last:border-b-0 border-[var(--ui-border)] p-4"
       :model-value="modelValue?.[attributeSchema.name]"
       :meta="attributeSchema"
       @update:model-value="(value: any) => {

From 0e1bfb316aca5931e9b3dd1f7d748ad925dabf8e Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 15 Oct 2024 18:47:50 +0200
Subject: [PATCH 43/92] fix: typechecks

---
 devtools/package.json |  2 +-
 pnpm-lock.yaml        | 78 ++-----------------------------------------
 2 files changed, 4 insertions(+), 76 deletions(-)

diff --git a/devtools/package.json b/devtools/package.json
index 56a93582b3..4309379dd9 100644
--- a/devtools/package.json
+++ b/devtools/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@nuxt/ui": "latest",
-    "@nuxtjs/mdc": "^0.9.0",
+    "@nuxtjs/mdc": "^0.9.2",
     "knitwork": "^1.1.0",
     "nuxt": "^3.13.1",
     "prettier": "^3.3.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2bdf2e4b3e..db42e0c1f5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -180,8 +180,8 @@ importers:
         specifier: workspace:*
         version: link:..
       '@nuxtjs/mdc':
-        specifier: ^0.9.0
-        version: 0.9.0(magicast@0.3.5)(rollup@4.24.0)
+        specifier: ^0.9.2
+        version: 0.9.2(magicast@0.3.5)(rollup@4.24.0)
       knitwork:
         specifier: ^1.1.0
         version: 1.1.0
@@ -1479,9 +1479,6 @@ packages:
   '@nuxtjs/color-mode@3.5.1':
     resolution: {integrity: sha512-GRHF3WUwX6fXIiRVlngNq1nVDwrVuP6dWX1DRmox3QolzX0eH1oJEcFr/lAm1nkT71JVGb8mszho9w+yHJbePw==}
 
-  '@nuxtjs/mdc@0.9.0':
-    resolution: {integrity: sha512-dkdfWK0C0gKjDI7Y2W23A9uWwky9pIlH/N1no2l9y+2DHBz4/7JDdXmxGivDXYvyaTb6xAi+53E6Xphlmai8+A==}
-
   '@nuxtjs/mdc@0.9.2':
     resolution: {integrity: sha512-dozIPTPjEYu8jChHNCICZP3mN0sFC6l3aLxTkgv/DAr1EI8jqqqoSZKevzuiHUWGNTguS70+fLcztCwrzWdoYA==}
 
@@ -1957,9 +1954,6 @@ packages:
   '@shikijs/engine-oniguruma@1.22.0':
     resolution: {integrity: sha512-5iBVjhu/DYs1HB0BKsRRFipRrD7rqjxlWTj4F2Pf+nQSPqc3kcyqFFeZXnBMzDf0HdqaFVvhDRAGiYNvyLP+Mw==}
 
-  '@shikijs/transformers@1.21.0':
-    resolution: {integrity: sha512-aA+XGGSzipcvqdsOYL8l6Q2RYiMuJNdhdt9eZnkJmW+wjSOixN/I7dBq3fISwvEMDlawrtuXM3eybLCEC+Fjlg==}
-
   '@shikijs/transformers@1.22.0':
     resolution: {integrity: sha512-k7iMOYuGQA62KwAuJOQBgH2IQb5vP8uiB3lMvAMGUgAMMurePOx3Z7oNqJdcpxqZP6I9cc7nc4DNqSKduCxmdg==}
 
@@ -5148,9 +5142,6 @@ packages:
   parse-url@8.1.0:
     resolution: {integrity: sha512-xDvOoLU5XRrcOZvnI6b8zA6n9O9ejNk/GExuz1yBuWUGn9KA97GI6HTs6u02wKara1CeVmZhH+0TZFdWScR89w==}
 
-  parse5@7.1.2:
-    resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
-
   parse5@7.2.0:
     resolution: {integrity: sha512-ZkDsAOcxsUMZ4Lz5fVciOehNcJ+Gb8gTzcA4yl3wnc273BAybYWrQ+Ks/OjCjSEpjvQkDSeZbybK9qj2VHHdGA==}
 
@@ -5778,9 +5769,6 @@ packages:
   shiki-transformer-color-highlight@0.2.0:
     resolution: {integrity: sha512-KvQYFqhf7gdZCr1GcwWHqPS/sYl0RgwhCET95Sf3N8UX2yHUBqJbis9CbkR+KcnGxR6PWO4I/jB3Q64+yquNrQ==}
 
-  shiki@1.21.0:
-    resolution: {integrity: sha512-apCH5BoWTrmHDPGgg3RF8+HAAbEL/CdbYr8rMw7eIrdhCkZHdVGat5mMNlRtd1erNG01VPMIKHNQ0Pj2HMAiog==}
-
   shiki@1.22.0:
     resolution: {integrity: sha512-/t5LlhNs+UOKQCYBtl5ZsH/Vclz73GIqT2yQsCBygr8L/ppTdmpL4w3kPLoZJbMKVWtoG77Ue1feOjZfDxvMkw==}
 
@@ -8279,49 +8267,6 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxtjs/mdc@0.9.0(magicast@0.3.5)(rollup@4.24.0)':
-    dependencies:
-      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@shikijs/transformers': 1.21.0
-      '@types/hast': 3.0.4
-      '@types/mdast': 4.0.4
-      '@vue/compiler-core': 3.5.11
-      consola: 3.2.3
-      debug: 4.3.7
-      defu: 6.1.4
-      destr: 2.0.3
-      detab: 3.0.2
-      github-slugger: 2.0.0
-      hast-util-to-string: 3.0.1
-      mdast-util-to-hast: 13.2.0
-      micromark-util-sanitize-uri: 2.0.0
-      ohash: 1.1.4
-      parse5: 7.1.2
-      pathe: 1.1.2
-      property-information: 6.5.0
-      rehype-external-links: 3.0.0
-      rehype-raw: 7.0.0
-      rehype-slug: 6.0.0
-      rehype-sort-attribute-values: 5.0.1
-      rehype-sort-attributes: 5.0.1
-      remark-emoji: 5.0.1
-      remark-gfm: 4.0.0
-      remark-mdc: 3.2.1
-      remark-parse: 11.0.0
-      remark-rehype: 11.1.1
-      scule: 1.3.0
-      shiki: 1.21.0
-      ufo: 1.5.4
-      unified: 11.0.5
-      unist-builder: 4.0.0
-      unist-util-visit: 5.0.0
-      unwasm: 0.3.9
-    transitivePeerDependencies:
-      - magicast
-      - rollup
-      - supports-color
-      - webpack-sources
-
   '@nuxtjs/mdc@0.9.2(magicast@0.3.5)(rollup@4.24.0)':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -8798,10 +8743,6 @@ snapshots:
       '@shikijs/types': 1.22.0
       '@shikijs/vscode-textmate': 9.3.0
 
-  '@shikijs/transformers@1.21.0':
-    dependencies:
-      shiki: 1.21.0
-
   '@shikijs/transformers@1.22.0':
     dependencies:
       shiki: 1.22.0
@@ -11287,7 +11228,7 @@ snapshots:
       hast-util-to-parse5: 8.0.0
       html-void-elements: 3.0.0
       mdast-util-to-hast: 13.2.0
-      parse5: 7.1.2
+      parse5: 7.2.0
       unist-util-position: 5.0.0
       unist-util-visit: 5.0.0
       vfile: 6.0.3
@@ -13048,10 +12989,6 @@ snapshots:
     dependencies:
       parse-path: 7.0.0
 
-  parse5@7.1.2:
-    dependencies:
-      entities: 4.5.0
-
   parse5@7.2.0:
     dependencies:
       entities: 4.5.0
@@ -13810,15 +13747,6 @@ snapshots:
       '@shikijs/types': 1.21.0
       colorjs.io: 0.5.2
 
-  shiki@1.21.0:
-    dependencies:
-      '@shikijs/core': 1.21.0
-      '@shikijs/engine-javascript': 1.21.0
-      '@shikijs/engine-oniguruma': 1.21.0
-      '@shikijs/types': 1.21.0
-      '@shikijs/vscode-textmate': 9.2.2
-      '@types/hast': 3.0.4
-
   shiki@1.22.0:
     dependencies:
       '@shikijs/core': 1.22.0

From b677b67f3c4cce707043f649c5fd5cde2c91e2af Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 15 Oct 2024 19:11:16 +0200
Subject: [PATCH 44/92] chore(devtools): fix build

---
 devtools/app/components/inputs/BooleanInput.vue | 1 +
 devtools/app/components/inputs/NumberInput.vue  | 1 +
 devtools/app/components/inputs/StringInput.vue  | 1 +
 3 files changed, 3 insertions(+)

diff --git a/devtools/app/components/inputs/BooleanInput.vue b/devtools/app/components/inputs/BooleanInput.vue
index cbea8f11ea..b94788a005 100644
--- a/devtools/app/components/inputs/BooleanInput.vue
+++ b/devtools/app/components/inputs/BooleanInput.vue
@@ -12,6 +12,7 @@ export type BooleanInputSchema = z.infer<typeof booleanInputSchema>
 </script>
 
 <script setup lang="ts">
+defineProps<{ schema: BooleanInputSchema }>()
 </script>
 
 <template>
diff --git a/devtools/app/components/inputs/NumberInput.vue b/devtools/app/components/inputs/NumberInput.vue
index 70bf4db2d4..4486c48596 100644
--- a/devtools/app/components/inputs/NumberInput.vue
+++ b/devtools/app/components/inputs/NumberInput.vue
@@ -6,6 +6,7 @@ export type NumberInputSchema = z.infer<typeof numberInputSchema>
 </script>
 
 <script setup lang="ts">
+defineProps<{ schema: NumberInputSchema }>()
 const modelValue = defineModel<number>()
 </script>
 
diff --git a/devtools/app/components/inputs/StringInput.vue b/devtools/app/components/inputs/StringInput.vue
index 2793753ce3..a1d1a883e5 100644
--- a/devtools/app/components/inputs/StringInput.vue
+++ b/devtools/app/components/inputs/StringInput.vue
@@ -7,6 +7,7 @@ export type StringInputSchema = z.infer<typeof stringInputSchema>
 </script>
 
 <script setup lang="ts">
+defineProps<{ schema: StringInputSchema }>()
 </script>
 
 <template>

From 57e739e5caad5a130f741741b56796eeabc0fa4a Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 15 Oct 2024 21:55:54 +0200
Subject: [PATCH 45/92] refactor(devtools): remove duplicate markdown parser

---
 devtools/app/components/ComponentPreview.vue  |  2 -
 devtools/app/composables/useMarkdownParser.ts | 51 -------------------
 devtools/nuxt.config.ts                       | 18 ++++++-
 3 files changed, 17 insertions(+), 54 deletions(-)
 delete mode 100644 devtools/app/composables/useMarkdownParser.ts

diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index 1afad3c3a5..1f0367f2d3 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -53,8 +53,6 @@ ${componentExample.value?.source
 \`\`\``
 })
 
-const { parseMarkdown } = useMarkdownParser()
-
 const { data: ast } = await useAsyncData('component-code', async () => {
   if (!code.value) return
 
diff --git a/devtools/app/composables/useMarkdownParser.ts b/devtools/app/composables/useMarkdownParser.ts
deleted file mode 100644
index 4d14c8e059..0000000000
--- a/devtools/app/composables/useMarkdownParser.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import {
-  createMarkdownParser,
-  rehypeHighlight,
-  createShikiHighlighter
-} from '@nuxtjs/mdc/runtime'
-
-import MaterialThemePalenight from 'shiki/themes/material-theme-palenight.mjs'
-import HtmlLang from 'shiki/langs/html.mjs'
-import MdcLang from 'shiki/langs/mdc.mjs'
-import TsLang from 'shiki/langs/typescript.mjs'
-import VueLang from 'shiki/langs/vue.mjs'
-
-export default function useMarkdownParser() {
-  let parser: Awaited<ReturnType<typeof createMarkdownParser>>
-
-  async function parseMarkdown(markdown: string) {
-    if (!parser) {
-      parser = await createMarkdownParser({
-        rehype: {
-          plugins: {
-            highlight: {
-              instance: rehypeHighlight,
-              options: {
-                // Pass in your desired theme(s)
-                theme: 'material-theme-palenight',
-                // Create the Shiki highlighter
-                highlighter: createShikiHighlighter({
-                  bundledThemes: {
-                    'material-theme-palenight': MaterialThemePalenight
-                  },
-                  // Configure the bundled languages
-                  bundledLangs: {
-                    html: HtmlLang,
-                    mdc: MdcLang,
-                    vue: VueLang,
-                    ts: TsLang,
-                    typescript: TsLang
-                  }
-                })
-              }
-            }
-          }
-        }
-      })
-    }
-
-    return parser(markdown)
-  }
-
-  return { parseMarkdown }
-}
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index f145c2b170..a572ca0fc1 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -33,5 +33,21 @@ export default defineNuxtConfig({
     }
   },
 
-  compatibilityDate: '2024-04-03'
+  compatibilityDate: '2024-04-03',
+
+  mdc: {
+    highlight: {
+      theme: {
+        light: 'material-theme-lighter',
+        default: 'material-theme',
+        dark: 'material-theme-palenight'
+      }
+    }
+  },
+
+  content: {
+    highlight: {
+      langs: ['bash', 'ts', 'diff', 'vue', 'json', 'yml', 'css', 'mdc']
+    }
+  }
 })

From 482bb04c548b7b87dcadf26009dfe2c14048d9b8 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 15 Oct 2024 22:02:23 +0200
Subject: [PATCH 46/92] fix(devtools): navigation menu items select hook

---
 devtools/app/app.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index f5cb5a3ce4..234c63ad26 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -126,7 +126,7 @@ const isDark = computed({
         <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-4 bg-[var(--ui-bg)]">
           <div class="col-span-1 border-r border-[var(--ui-border)] hidden xl:block overflow-y-auto">
             <UNavigationMenu
-              :items="components.map((c) => ({ ...c, select: () => component = c }))"
+              :items="components.map((c) => ({ ...c, onSelect: () => component = c }))"
               orientation="vertical"
             />
           </div>

From 14e24abdbf9326cdf4a2c3f4939de18226e2636b Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 15 Oct 2024 22:28:01 +0200
Subject: [PATCH 47/92] fix(devtools): code preview for props if defaultSlot

---
 devtools/app/components/ComponentPreview.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index 1f0367f2d3..cd832174de 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -19,7 +19,7 @@ const code = computed(() => {
     if (value === true) return kebabCase(key)
     if (value === false) return
     if (!value) return
-    if (props.component?.defaultVariants?.[key]) return
+    if (props.component?.defaultVariants?.[key] === value) return
     if (props.component?.meta?.props.find(prop => prop.name === key && prop.default === value)) return
     if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
     if (Array.isArray(value)) return value.length ? `:${kebabCase(key)}="${genArrayFromRaw(value, undefined, { preserveTypes: true })}"` : undefined

From c4c070cce5852596109802859a0709742af2df04 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Wed, 16 Oct 2024 13:32:02 +0200
Subject: [PATCH 48/92] fix(devtools): small tweaks

---
 devtools/app/components/ComponentPreview.vue   | 4 +---
 devtools/app/components/ComponentPropInput.vue | 4 ++--
 playground/app/app.vue                         | 8 ++++----
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index cd832174de..fd066c0cb6 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -47,9 +47,7 @@ ${componentExample.value?.source
   }
 
   return `\`\`\`vue
-<${props.component.label} ${extraTemplate}
->
-</${props.component.label}>
+<${props.component.label} ${extraTemplate} />
 \`\`\``
 })
 
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index fb1bd9da1b..e74f343de9 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -4,8 +4,8 @@ import type { PropertyMeta } from 'vue-component-meta'
 const props = defineProps<{ meta: Partial<PropertyMeta>, ignore?: boolean }>()
 const modelValue = defineModel<any>()
 
-const matchedInput = ref()
-const parsedSchema = ref()
+const matchedInput = shallowRef()
+const parsedSchema = shallowRef()
 
 const { resolveInputSchema } = usePropSchema()
 
diff --git a/playground/app/app.vue b/playground/app/app.vue
index 4c4cf0656e..af11025c56 100644
--- a/playground/app/app.vue
+++ b/playground/app/app.vue
@@ -65,7 +65,7 @@ defineShortcuts({
 </script>
 
 <template>
-  <div v-if="!$route.path.startsWith('/__nuxt_ui__')">
+  <template v-if="!$route.path.startsWith('/__nuxt_ui__')">
     <UApp :toaster="appConfig.toaster">
       <div class="h-screen w-screen overflow-hidden flex min-h-0 bg-[var(--ui-bg)]" vaul-drawer-wrapper>
         <UNavigationMenu :items="items" orientation="vertical" class="border-r border-[var(--ui-border)] overflow-y-auto w-48 p-4" />
@@ -80,10 +80,10 @@ defineShortcuts({
         </template>
       </UModal>
     </UApp>
-  </div>
-  <div v-else>
+  </template>
+  <template v-else>
     <NuxtPage />
-  </div>
+  </template>
 </template>
 
 <style>

From 3012fa373c05e641f08a562b6741e1ab7636dc04 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Wed, 16 Oct 2024 20:39:28 +0200
Subject: [PATCH 49/92] fix(devtools): duplicate toaster provider

---
 src/runtime/DevtoolsRenderer.vue | 2 +-
 src/runtime/components/App.vue   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/runtime/DevtoolsRenderer.vue b/src/runtime/DevtoolsRenderer.vue
index 249c0c8241..c8553a1d94 100644
--- a/src/runtime/DevtoolsRenderer.vue
+++ b/src/runtime/DevtoolsRenderer.vue
@@ -42,7 +42,7 @@ onMounted(() => {
 
 <template>
   <div class="nuxt-ui-component-renderer">
-    <UApp>
+    <UApp :toaster="null">
       <template v-if="component && state.props">
         <component :is="component" v-if="component && state.props" v-bind="state.props" :class="state?.slots?.base" :ui="state.slots" />
       </template>
diff --git a/src/runtime/components/App.vue b/src/runtime/components/App.vue
index c011ae08a1..8089d2ccf6 100644
--- a/src/runtime/components/App.vue
+++ b/src/runtime/components/App.vue
@@ -45,6 +45,7 @@ extendDevtoolsMeta({ ignore: true })
       <UToaster v-if="toaster !== null" v-bind="toasterProps">
         <slot />
       </UToaster>
+      <slot v-else />
     </TooltipProvider>
 
     <UModalProvider />

From f7c3a496c7575fb98584fcd454f5788edc87b035 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Thu, 17 Oct 2024 10:03:10 +0200
Subject: [PATCH 50/92] fix(devtools): parse devtools meta in
 get-component-meta and reoganize devtools files

---
 src/devtools/meta.ts                          | 33 ++++++++++++++-----
 src/module.ts                                 |  2 +-
 .../{ => devtools}/DevtoolsRenderer.vue       |  2 +-
 .../examples/AvatarGroupExample.vue           |  0
 .../examples/ButtonGroupExample.vue           |  0
 .../{ => devtools}/examples/CardExample.vue   |  0
 .../examples/CarouselExample.vue              |  0
 .../{ => devtools}/examples/ChipExample.vue   |  0
 .../examples/CollapsibleExample.vue           |  0
 .../examples/CommandPaletteExample.vue        |  0
 .../examples/ContainerExample.vue             |  0
 .../examples/ContextMenuExample.vue           |  0
 .../{ => devtools}/examples/DrawerExample.vue |  0
 .../examples/DropdownMenuExample.vue          |  0
 .../{ => devtools}/examples/FormExample.vue   |  0
 .../examples/FormFieldExample.vue             |  0
 .../{ => devtools}/examples/LinkExample.vue   |  0
 .../{ => devtools}/examples/ModalExample.vue  |  0
 .../examples/PopoverExample.vue               |  0
 .../examples/SkeletonExample.vue              |  0
 .../examples/SlideoverExample.vue             |  0
 .../examples/ToasterExample.vue               |  0
 .../examples/TooltipExample.vue               |  0
 23 files changed, 26 insertions(+), 11 deletions(-)
 rename src/runtime/{ => devtools}/DevtoolsRenderer.vue (95%)
 rename src/runtime/{ => devtools}/examples/AvatarGroupExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/ButtonGroupExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/CardExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/CarouselExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/ChipExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/CollapsibleExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/CommandPaletteExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/ContainerExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/ContextMenuExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/DrawerExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/DropdownMenuExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/FormExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/FormFieldExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/LinkExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/ModalExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/PopoverExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/SkeletonExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/SlideoverExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/ToasterExample.vue (100%)
 rename src/runtime/{ => devtools}/examples/TooltipExample.vue (100%)

diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index 85a2e38257..6813be2860 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -7,7 +7,7 @@ import { createResolver } from '@nuxt/kit'
 const { resolve } = createResolver(import.meta.url)
 const devtoolsComponentMeta: Record<string, any> = {}
 
-function extractComponentMeta(code: string): string | null {
+function extractDevtoolsMeta(code: string): string | null {
   const match = code.match(/extendDevtoolsMeta(?:<.*?>)?\(/)
   if (!match) return null
 
@@ -36,12 +36,13 @@ export function devtoolsMetaPlugin() {
     enforce: 'pre' as const,
 
     async transform(code: string, id: string) {
-      if (!id.endsWith('.vue')) return
+      if (!id.match(/\/runtime\/components\/\w+.vue/)) return
       const fileName = id.split('/')[id.split('/').length - 1]
 
       if (code && fileName) {
         const slug = kebabCase(fileName.replace(/\..*/, ''))
-        const match = extractComponentMeta(code)
+        const match = extractDevtoolsMeta(code)
+
         if (match) {
           const metaObject = new Function(`return ${match}`)()
           devtoolsComponentMeta[slug] = { meta: { devtools: { ...metaObject } } }
@@ -60,6 +61,20 @@ export function devtoolsMetaPlugin() {
         const meta = defu(
           Object.entries(componentMeta.default).reduce((acc, [key, value]: [string, any]) => {
             if (!key.startsWith('U')) return acc
+            const name = key.substring(1)
+            const slug = kebabCase(name)
+
+            if (devtoolsComponentMeta[slug] === undefined) {
+              const path = resolve(`../runtime/components/${name}.vue`)
+              const code = fs.readFileSync(path, 'utf-8')
+              const match = extractDevtoolsMeta(code)
+              if (match) {
+                const metaObject = new Function(`return ${match}`)()
+                devtoolsComponentMeta[slug] = { meta: { devtools: { ...metaObject } } }
+              } else {
+                devtoolsComponentMeta[slug] = null
+              }
+            }
 
             value.meta.props = value.meta.props.map((prop: any) => {
               let defaultValue = prop.default
@@ -90,21 +105,21 @@ export function devtoolsMetaPlugin() {
 
       server.middlewares.use('/__nuxt_ui__/devtools/api/component-example', async (req, res) => {
         const query = new URL(req.url!, 'http://localhost').searchParams
-        const componentName = query.get('component')
-        if (!componentName) {
+        const name = query.get('component')
+        if (!name) {
           res.statusCode = 400
           res.end(JSON.stringify({ error: 'Component name is required' }))
           return
         }
 
         try {
-          const componentPath = resolve(`../runtime/examples/${componentName}.vue`)
-          const sourceCode = fs.readFileSync(componentPath, 'utf-8')
+          const path = resolve(`../runtime/devtools/examples/${name}.vue`)
+          const source = fs.readFileSync(path, 'utf-8')
 
           res.setHeader('Content-Type', 'application/json')
-          res.end(JSON.stringify({ component: componentName, source: sourceCode }))
+          res.end(JSON.stringify({ component: name, source }))
         } catch (error) {
-          console.error(`Failed to read component source for ${componentName}:`, error)
+          console.error(`Failed to read component source for ${name}:`, error)
           res.statusCode = 500
           res.end(JSON.stringify({ error: 'Failed to read component source' }))
         }
diff --git a/src/module.ts b/src/module.ts
index 52e36d7547..c0c46e695b 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -187,7 +187,7 @@ export default defineNuxtModule<ModuleOptions>({
         pages.unshift({
           name: 'ui-devtools',
           path: '/__nuxt_ui__/components/:slug',
-          file: resolve(__dirname, './runtime/DevtoolsRenderer.vue')
+          file: resolve(__dirname, './runtime/devtools/DevtoolsRenderer.vue')
           // https://github.com/nuxt/nuxt/pull/29366
           // meta: {
           //   isolate: true
diff --git a/src/runtime/DevtoolsRenderer.vue b/src/runtime/devtools/DevtoolsRenderer.vue
similarity index 95%
rename from src/runtime/DevtoolsRenderer.vue
rename to src/runtime/devtools/DevtoolsRenderer.vue
index c8553a1d94..abf168a435 100644
--- a/src/runtime/DevtoolsRenderer.vue
+++ b/src/runtime/devtools/DevtoolsRenderer.vue
@@ -6,7 +6,7 @@ import { useColorMode, useRoute } from '#imports'
 const route = useRoute()
 const component = route.query?.example
   ? defineAsyncComponent(() => import(`./examples/${route.query.example}.vue`))
-  : route.params?.slug && defineAsyncComponent(() => import(`./components/${pascalCase(route.params.slug as string)}.vue`))
+  : route.params?.slug && defineAsyncComponent(() => import(`../components/${pascalCase(route.params.slug as string)}.vue`))
 
 const state = reactive<{ slots?: any, props?: any }>({})
 
diff --git a/src/runtime/examples/AvatarGroupExample.vue b/src/runtime/devtools/examples/AvatarGroupExample.vue
similarity index 100%
rename from src/runtime/examples/AvatarGroupExample.vue
rename to src/runtime/devtools/examples/AvatarGroupExample.vue
diff --git a/src/runtime/examples/ButtonGroupExample.vue b/src/runtime/devtools/examples/ButtonGroupExample.vue
similarity index 100%
rename from src/runtime/examples/ButtonGroupExample.vue
rename to src/runtime/devtools/examples/ButtonGroupExample.vue
diff --git a/src/runtime/examples/CardExample.vue b/src/runtime/devtools/examples/CardExample.vue
similarity index 100%
rename from src/runtime/examples/CardExample.vue
rename to src/runtime/devtools/examples/CardExample.vue
diff --git a/src/runtime/examples/CarouselExample.vue b/src/runtime/devtools/examples/CarouselExample.vue
similarity index 100%
rename from src/runtime/examples/CarouselExample.vue
rename to src/runtime/devtools/examples/CarouselExample.vue
diff --git a/src/runtime/examples/ChipExample.vue b/src/runtime/devtools/examples/ChipExample.vue
similarity index 100%
rename from src/runtime/examples/ChipExample.vue
rename to src/runtime/devtools/examples/ChipExample.vue
diff --git a/src/runtime/examples/CollapsibleExample.vue b/src/runtime/devtools/examples/CollapsibleExample.vue
similarity index 100%
rename from src/runtime/examples/CollapsibleExample.vue
rename to src/runtime/devtools/examples/CollapsibleExample.vue
diff --git a/src/runtime/examples/CommandPaletteExample.vue b/src/runtime/devtools/examples/CommandPaletteExample.vue
similarity index 100%
rename from src/runtime/examples/CommandPaletteExample.vue
rename to src/runtime/devtools/examples/CommandPaletteExample.vue
diff --git a/src/runtime/examples/ContainerExample.vue b/src/runtime/devtools/examples/ContainerExample.vue
similarity index 100%
rename from src/runtime/examples/ContainerExample.vue
rename to src/runtime/devtools/examples/ContainerExample.vue
diff --git a/src/runtime/examples/ContextMenuExample.vue b/src/runtime/devtools/examples/ContextMenuExample.vue
similarity index 100%
rename from src/runtime/examples/ContextMenuExample.vue
rename to src/runtime/devtools/examples/ContextMenuExample.vue
diff --git a/src/runtime/examples/DrawerExample.vue b/src/runtime/devtools/examples/DrawerExample.vue
similarity index 100%
rename from src/runtime/examples/DrawerExample.vue
rename to src/runtime/devtools/examples/DrawerExample.vue
diff --git a/src/runtime/examples/DropdownMenuExample.vue b/src/runtime/devtools/examples/DropdownMenuExample.vue
similarity index 100%
rename from src/runtime/examples/DropdownMenuExample.vue
rename to src/runtime/devtools/examples/DropdownMenuExample.vue
diff --git a/src/runtime/examples/FormExample.vue b/src/runtime/devtools/examples/FormExample.vue
similarity index 100%
rename from src/runtime/examples/FormExample.vue
rename to src/runtime/devtools/examples/FormExample.vue
diff --git a/src/runtime/examples/FormFieldExample.vue b/src/runtime/devtools/examples/FormFieldExample.vue
similarity index 100%
rename from src/runtime/examples/FormFieldExample.vue
rename to src/runtime/devtools/examples/FormFieldExample.vue
diff --git a/src/runtime/examples/LinkExample.vue b/src/runtime/devtools/examples/LinkExample.vue
similarity index 100%
rename from src/runtime/examples/LinkExample.vue
rename to src/runtime/devtools/examples/LinkExample.vue
diff --git a/src/runtime/examples/ModalExample.vue b/src/runtime/devtools/examples/ModalExample.vue
similarity index 100%
rename from src/runtime/examples/ModalExample.vue
rename to src/runtime/devtools/examples/ModalExample.vue
diff --git a/src/runtime/examples/PopoverExample.vue b/src/runtime/devtools/examples/PopoverExample.vue
similarity index 100%
rename from src/runtime/examples/PopoverExample.vue
rename to src/runtime/devtools/examples/PopoverExample.vue
diff --git a/src/runtime/examples/SkeletonExample.vue b/src/runtime/devtools/examples/SkeletonExample.vue
similarity index 100%
rename from src/runtime/examples/SkeletonExample.vue
rename to src/runtime/devtools/examples/SkeletonExample.vue
diff --git a/src/runtime/examples/SlideoverExample.vue b/src/runtime/devtools/examples/SlideoverExample.vue
similarity index 100%
rename from src/runtime/examples/SlideoverExample.vue
rename to src/runtime/devtools/examples/SlideoverExample.vue
diff --git a/src/runtime/examples/ToasterExample.vue b/src/runtime/devtools/examples/ToasterExample.vue
similarity index 100%
rename from src/runtime/examples/ToasterExample.vue
rename to src/runtime/devtools/examples/ToasterExample.vue
diff --git a/src/runtime/examples/TooltipExample.vue b/src/runtime/devtools/examples/TooltipExample.vue
similarity index 100%
rename from src/runtime/examples/TooltipExample.vue
rename to src/runtime/devtools/examples/TooltipExample.vue

From d71691ab9e2339d75b26cc84e064fce3dfdaf1f6 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 18 Oct 2024 02:37:08 +0200
Subject: [PATCH 51/92] chore(devtools): move devtools runtime resources to
 src/devtools

---
 .github/workflows/ci-v3.yml                   |  7 ++
 devtools/app/app.vue                          | 68 ++++++++-----
 devtools/app/components/ComponentPreview.vue  |  2 +-
 devtools/app/components/UILogo.vue            | 10 ++
 devtools/nuxt.config.ts                       |  8 +-
 package.json                                  |  9 +-
 .../devtools/DevtoolsRenderer.vue             |  6 +-
 .../{meta.ts => devtoolsMetaPlugin.ts}        | 96 ++++++++++---------
 .../devtools/examples/AvatarGroupExample.vue  |  0
 .../devtools/examples/ButtonGroupExample.vue  |  0
 .../devtools/examples/CardExample.vue         |  0
 .../devtools/examples/CarouselExample.vue     |  0
 .../devtools/examples/ChipExample.vue         |  0
 .../devtools/examples/CollapsibleExample.vue  |  0
 .../examples/CommandPaletteExample.vue        |  0
 .../devtools/examples/ContainerExample.vue    |  0
 .../devtools/examples/ContextMenuExample.vue  |  0
 .../devtools/examples/DrawerExample.vue       |  0
 .../devtools/examples/DropdownMenuExample.vue |  0
 .../devtools/examples/FormExample.vue         |  0
 .../devtools/examples/FormFieldExample.vue    |  0
 .../devtools/examples/LinkExample.vue         |  0
 .../devtools/examples/ModalExample.vue        |  0
 .../devtools/examples/PopoverExample.vue      |  0
 .../devtools/examples/SkeletonExample.vue     |  0
 .../devtools/examples/SlideoverExample.vue    |  0
 .../devtools/examples/ToasterExample.vue      |  0
 .../devtools/examples/TooltipExample.vue      |  0
 src/module.ts                                 |  6 +-
 29 files changed, 121 insertions(+), 91 deletions(-)
 create mode 100644 devtools/app/components/UILogo.vue
 rename src/{runtime => }/devtools/DevtoolsRenderer.vue (90%)
 rename src/devtools/{meta.ts => devtoolsMetaPlugin.ts} (52%)
 rename src/{runtime => }/devtools/examples/AvatarGroupExample.vue (100%)
 rename src/{runtime => }/devtools/examples/ButtonGroupExample.vue (100%)
 rename src/{runtime => }/devtools/examples/CardExample.vue (100%)
 rename src/{runtime => }/devtools/examples/CarouselExample.vue (100%)
 rename src/{runtime => }/devtools/examples/ChipExample.vue (100%)
 rename src/{runtime => }/devtools/examples/CollapsibleExample.vue (100%)
 rename src/{runtime => }/devtools/examples/CommandPaletteExample.vue (100%)
 rename src/{runtime => }/devtools/examples/ContainerExample.vue (100%)
 rename src/{runtime => }/devtools/examples/ContextMenuExample.vue (100%)
 rename src/{runtime => }/devtools/examples/DrawerExample.vue (100%)
 rename src/{runtime => }/devtools/examples/DropdownMenuExample.vue (100%)
 rename src/{runtime => }/devtools/examples/FormExample.vue (100%)
 rename src/{runtime => }/devtools/examples/FormFieldExample.vue (100%)
 rename src/{runtime => }/devtools/examples/LinkExample.vue (100%)
 rename src/{runtime => }/devtools/examples/ModalExample.vue (100%)
 rename src/{runtime => }/devtools/examples/PopoverExample.vue (100%)
 rename src/{runtime => }/devtools/examples/SkeletonExample.vue (100%)
 rename src/{runtime => }/devtools/examples/SlideoverExample.vue (100%)
 rename src/{runtime => }/devtools/examples/ToasterExample.vue (100%)
 rename src/{runtime => }/devtools/examples/TooltipExample.vue (100%)

diff --git a/.github/workflows/ci-v3.yml b/.github/workflows/ci-v3.yml
index c0d92358f6..0421b6948c 100644
--- a/.github/workflows/ci-v3.yml
+++ b/.github/workflows/ci-v3.yml
@@ -53,9 +53,16 @@ jobs:
         run: pnpm run docs:typecheck
         continue-on-error: true
 
+      - name: Devtools typecheck
+        run: pnpm run devtools:typecheck
+        continue-on-error: true
+
       - name: Test
         run: pnpm run test
 
+      - name: Devtools prepare
+        run: pnpm run devtools:prepare
+
       - name: Build
         run: pnpm run build
 
diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 234c63ad26..6d5131d04d 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -16,39 +16,47 @@ const state = useState<Record<string, any>>('__ui-devtools-state', () => ({}))
 
 let rpc: BirpcReturn<ServerFunctions, ClientFunctions> | null = null
 
+const loading = ref(true)
+const error = ref<any | null>(null)
+
 onDevtoolsClientConnected(async (client) => {
   rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
 
-  const componentMeta = await $fetch<Record<string, { meta: ComponentMeta & { devtools: DevtoolsMeta<any> } }>>('/api/component-meta')
+  try {
+    const componentMeta = await $fetch<Record<string, { meta: ComponentMeta & { devtools: DevtoolsMeta<any> } }>>('/api/component-meta')
+    components.value = (await rpc.getComponents()).flatMap((component) => {
+      if (componentMeta[component.slug]?.meta.devtools?.ignore) return []
 
-  components.value = (await rpc.getComponents()).flatMap((component) => {
-    if (componentMeta[component.slug]?.meta.devtools?.ignore) return []
+      return [{
+        ...component,
+        value: component.slug,
+        meta: componentMeta[component.slug]?.meta
+      }]
+    })
 
-    return [{
-      ...component,
-      value: component.slug,
-      meta: componentMeta[component.slug]?.meta
-    }]
-  })
+    if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
+      component.value = components.value.find(comp => comp.slug === 'button')
+    }
 
-  if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
-    component.value = components.value.find(comp => comp.slug === 'button')
-  }
+    state.value.props = components.value?.reduce((acc, comp) => {
+      const componentDefaultProps = comp.meta?.props.reduce((acc, prop) => {
+        if (prop.default) acc[prop.name] = prop.default
+        return acc
+      }, {} as Record<string, any>)
+
+      acc[comp.slug] = {
+        ...comp.defaultVariants, // Default values from the theme template
+        ...componentDefaultProps, // Default values from vue props
+        ...componentMeta[comp.slug]?.meta?.devtools?.defaultProps // Default values from devtools extended meta
+      }
 
-  state.value.props = components.value?.reduce((acc, comp) => {
-    const componentDefaultProps = comp.meta?.props.reduce((acc, prop) => {
-      if (prop.default) acc[prop.name] = prop.default
       return acc
     }, {} as Record<string, any>)
-
-    acc[comp.slug] = {
-      ...comp.defaultVariants, // Default values from the theme template
-      ...componentDefaultProps, // Default values from vue props
-      ...componentMeta[comp.slug]?.meta?.devtools?.defaultProps // Default values from devtools extended meta
-    }
-
-    return acc
-  }, {} as Record<string, any>)
+  } catch (e) {
+    error.value = e
+  } finally {
+    loading.value = false
+  }
 })
 
 const componentProps = computed(() => {
@@ -106,8 +114,16 @@ const isDark = computed({
 </script>
 
 <template>
-  <UApp class="h-screen w-full relative font-sans">
-    <div v-if="!components || !component" class="h-screen w-screen" />
+  <UApp class="flex justify-center items-center h-screen w-full relative font-sans">
+    <div v-if="loading || error || !component">
+      <div v-if="error" class="flex flex-col justify-center items-center h-screen w-screen text-center text-[var(--ui-color-error-500)]">
+        <UILogo class="h-8" />
+        <UIcon name="i-heroicons-exclamation-circle" size="20" class="mt-2" />
+        <p>
+          {{ error.data?.error ?? 'Unexpected error' }}
+        </p>
+      </div>
+    </div>
     <template v-else>
       <div
         class="top-0 h-[49px] border-b border-[var(--ui-border)] flex justify-center"
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index fd066c0cb6..620b7114ea 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -15,7 +15,7 @@ const { data: componentExample } = await useAsyncData('__ui_devtools_component-s
 const code = computed(() => {
   if (!props.component) return
 
-  const propsTemplate = Object.entries(props.props ?? {}).map(([key, value]: [string, any]) => {
+  const propsTemplate = Object.entries(props.props ?? {})?.map(([key, value]: [string, any]) => {
     if (value === true) return kebabCase(key)
     if (value === false) return
     if (!value) return
diff --git a/devtools/app/components/UILogo.vue b/devtools/app/components/UILogo.vue
new file mode 100644
index 0000000000..2153c800ac
--- /dev/null
+++ b/devtools/app/components/UILogo.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg
+    width="1020"
+    height="200"
+    viewBox="0 0 1020 200"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="w-auto h-6 shrink-0 text-[var(--ui-text)]"
+  ><path d="M377 200C379.16 200 381 198.209 381 196V103C381 103 386 112 395 127L434 194C435.785 197.74 439.744 200 443 200H470V50H443C441.202 50 439 51.4941 439 54V148L421 116L385 55C383.248 51.8912 379.479 50 376 50H350V200H377Z" fill="currentColor" /><path d="M726 92H739C742.314 92 745 89.3137 745 86V60H773V92H800V116H773V159C773 169.5 778.057 174 787 174H800V200H783C759.948 200 745 185.071 745 160V116H726V92Z" fill="currentColor" /><path d="M591 92V154C591 168.004 585.742 179.809 578 188C570.258 196.191 559.566 200 545 200C530.434 200 518.742 196.191 511 188C503.389 179.809 498 168.004 498 154V92H514C517.412 92 520.769 92.622 523 95C525.231 97.2459 526 98.5652 526 102V154C526 162.059 526.457 167.037 530 171C533.543 174.831 537.914 176 545 176C552.217 176 555.457 174.831 559 171C562.543 167.037 563 162.059 563 154V102C563 98.5652 563.769 96.378 566 94C567.96 91.9107 570.028 91.9599 573 92C573.411 92.0055 574.586 92 575 92H591Z" fill="currentColor" /><path d="M676 144L710 92H684C680.723 92 677.812 93.1758 676 96L660 120L645 97C643.188 94.1758 639.277 92 636 92H611L645 143L608 200H634C637.25 200 640.182 196.787 642 194L660 167L679 195C680.818 197.787 683.75 200 687 200H713L676 144Z" fill="currentColor" /><path d="M168 200H279C282.542 200 285.932 198.756 289 197C292.068 195.244 295.23 193.041 297 190C298.77 186.959 300.002 183.51 300 179.999C299.998 176.488 298.773 173.04 297 170.001L222 41C220.23 37.96 218.067 35.7552 215 34C211.933 32.2448 207.542 31 204 31C200.458 31 197.067 32.2448 194 34C190.933 35.7552 188.77 37.96 187 41L168 74L130 9.99764C128.228 6.95784 126.068 3.75491 123 2C119.932 0.245087 116.542 0 113 0C109.458 0 106.068 0.245087 103 2C99.9323 3.75491 96.7717 6.95784 95 9.99764L2 170.001C0.226979 173.04 0.00154312 176.488 1.90993e-06 179.999C-0.0015393 183.51 0.229648 186.959 2 190C3.77035 193.04 6.93245 195.244 10 197C13.0675 198.756 16.4578 200 20 200H90C117.737 200 137.925 187.558 152 164L186 105L204 74L259 168H186L168 200ZM89 168H40L113 42L150 105L125.491 147.725C116.144 163.01 105.488 168 89 168Z" fill="var(--ui-color-primary-500)" /><path d="M958 60.0001H938C933.524 60.0001 929.926 59.9395 927 63C924.074 65.8905 925 67.5792 925 72V141C925 151.372 923.648 156.899 919 162C914.352 166.931 908.468 169 899 169C889.705 169 882.648 166.931 878 162C873.352 156.899 873 151.372 873 141V72.0001C873 67.5793 872.926 65.8906 870 63.0001C867.074 59.9396 863.476 60.0001 859 60.0001H840V141C840 159.023 845.016 173.458 855 184C865.156 194.542 879.893 200 899 200C918.107 200 932.844 194.542 943 184C953.156 173.458 958 159.023 958 141V60.0001Z" fill="var(--ui-color-primary-500)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1000 60.0233L1020 60V77L1020 128V156.007L1020 181L1020 189.004C1020 192.938 1019.98 194.429 1017 197.001C1014.02 199.725 1009.56 200 1005 200H986.001V181.006L986 130.012V70.0215C986 66.1576 986.016 64.5494 989 62.023C991.819 59.6358 995.437 60.0233 1000 60.0233Z" fill="var(--ui-color-primary-500)" /></svg>
+</template>
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index a572ca0fc1..4f1a846d32 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -15,7 +15,7 @@ export default defineNuxtConfig({
     }
   },
 
-  modules: [module, '@nuxtjs/mdc', '@nuxt/content', '@nuxt/test-utils/module'],
+  modules: [module, '@nuxtjs/mdc', '@nuxt/test-utils/module'],
 
   app: {
     baseURL: '/__nuxt_ui__/devtools'
@@ -43,11 +43,5 @@ export default defineNuxtConfig({
         dark: 'material-theme-palenight'
       }
     }
-  },
-
-  content: {
-    highlight: {
-      langs: ['bash', 'ts', 'diff', 'vue', 'json', 'yml', 'css', 'mdc']
-    }
   }
 })
diff --git a/package.json b/package.json
index 450fee5202..2ff5cadac6 100644
--- a/package.json
+++ b/package.json
@@ -30,17 +30,18 @@
     "cli"
   ],
   "scripts": {
-    "build": "nuxt-module-build build && nuxi generate devtools",
+    "build": "nuxt-module-build build && nuxi generate devtools && cp -r src/devtools dist/devtools",
     "prepack": "pnpm build",
     "dev": "DEV=true nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && nuxi prepare devtools && pnpm devtools:prepare",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs && nuxi prepare devtools",
     "docs": "DEV=true nuxi dev docs",
     "docs:build": "nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",
-    "devtools:prepare": "nuxt-component-meta playground --outputDir ../src/devtools/.component-meta/",
-    "devtools": "NUXT_UI_DEVTOOLS_LOCAL=true nuxi dev playground",
     "docs:typecheck": "nuxi typecheck docs",
+    "devtools": "NUXT_UI_DEVTOOLS_LOCAL=true nuxi dev playground",
+    "devtools:prepare": "nuxt-component-meta playground --outputDir ../src/devtools/.component-meta/",
+    "devtools:typecheck": "nuxi typecheck devtools",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "typecheck": "vue-tsc --noEmit && nuxi typecheck playground && nuxi typecheck devtools",
diff --git a/src/runtime/devtools/DevtoolsRenderer.vue b/src/devtools/DevtoolsRenderer.vue
similarity index 90%
rename from src/runtime/devtools/DevtoolsRenderer.vue
rename to src/devtools/DevtoolsRenderer.vue
index abf168a435..ca546440c6 100644
--- a/src/runtime/devtools/DevtoolsRenderer.vue
+++ b/src/devtools/DevtoolsRenderer.vue
@@ -6,7 +6,7 @@ import { useColorMode, useRoute } from '#imports'
 const route = useRoute()
 const component = route.query?.example
   ? defineAsyncComponent(() => import(`./examples/${route.query.example}.vue`))
-  : route.params?.slug && defineAsyncComponent(() => import(`../components/${pascalCase(route.params.slug as string)}.vue`))
+  : route.params?.slug && defineAsyncComponent(() => import(`../runtime/components/${pascalCase(route.params.slug as string)}.vue`))
 
 const state = reactive<{ slots?: any, props?: any }>({})
 
@@ -43,9 +43,7 @@ onMounted(() => {
 <template>
   <div class="nuxt-ui-component-renderer">
     <UApp :toaster="null">
-      <template v-if="component && state.props">
-        <component :is="component" v-if="component && state.props" v-bind="state.props" :class="state?.slots?.base" :ui="state.slots" />
-      </template>
+      <component :is="component" v-if="component" v-bind="state.props" :class="state?.slots?.base" :ui="state.slots" />
     </UApp>
   </div>
 </template>
diff --git a/src/devtools/meta.ts b/src/devtools/devtoolsMetaPlugin.ts
similarity index 52%
rename from src/devtools/meta.ts
rename to src/devtools/devtoolsMetaPlugin.ts
index 6813be2860..ea660065c8 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/devtoolsMetaPlugin.ts
@@ -2,9 +2,8 @@ import type { ViteDevServer } from 'vite'
 import { kebabCase } from 'scule'
 import defu from 'defu'
 import fs from 'node:fs'
-import { createResolver } from '@nuxt/kit'
+import type { Resolver } from '@nuxt/kit'
 
-const { resolve } = createResolver(import.meta.url)
 const devtoolsComponentMeta: Record<string, any> = {}
 
 function extractDevtoolsMeta(code: string): string | null {
@@ -30,7 +29,7 @@ function extractDevtoolsMeta(code: string): string | null {
 }
 
 // A Plugin to parse additional metadata for the Nuxt UI Devtools.
-export function devtoolsMetaPlugin() {
+export function devtoolsMetaPlugin({ resolve }: { resolve: Resolver['resolve'] }) {
   return {
     name: 'ui-devtools-component-meta',
     enforce: 'pre' as const,
@@ -57,50 +56,55 @@ export function devtoolsMetaPlugin() {
     configureServer(server: ViteDevServer) {
       server.middlewares.use('/__nuxt_ui__/devtools/api/component-meta', async (_req, res) => {
         res.setHeader('Content-Type', 'application/json')
-        const componentMeta = await import('./.component-meta/component-meta')
-        const meta = defu(
-          Object.entries(componentMeta.default).reduce((acc, [key, value]: [string, any]) => {
-            if (!key.startsWith('U')) return acc
-            const name = key.substring(1)
-            const slug = kebabCase(name)
-
-            if (devtoolsComponentMeta[slug] === undefined) {
-              const path = resolve(`../runtime/components/${name}.vue`)
-              const code = fs.readFileSync(path, 'utf-8')
-              const match = extractDevtoolsMeta(code)
-              if (match) {
-                const metaObject = new Function(`return ${match}`)()
-                devtoolsComponentMeta[slug] = { meta: { devtools: { ...metaObject } } }
-              } else {
-                devtoolsComponentMeta[slug] = null
-              }
-            }
-
-            value.meta.props = value.meta.props.map((prop: any) => {
-              let defaultValue = prop.default
-                ? prop.default
-                : prop?.tags?.find((tag: any) =>
-                  tag.name === 'defaultValue'
-                  && !tag.text?.includes('appConfig'))?.text
-
-              if (typeof defaultValue === 'string') defaultValue = defaultValue?.replaceAll(/["'`]/g, '')
-              if (defaultValue === 'true') defaultValue = true
-              if (defaultValue === 'false') defaultValue = false
-              if (!Number.isNaN(Number.parseInt(defaultValue))) defaultValue = Number.parseInt(defaultValue)
-
-              return {
-                ...prop,
-                default: defaultValue
+        try {
+          const componentMeta = await import(resolve('./devtools/.component-meta/component-meta.mjs'))
+          const meta = defu(
+            Object.entries(componentMeta.default).reduce((acc, [key, value]: [string, any]) => {
+              if (!key.startsWith('U')) return acc
+              const name = key.substring(1)
+              const slug = kebabCase(name)
+
+              if (devtoolsComponentMeta[slug] === undefined) {
+                const path = resolve(`./runtime/components/${name}.vue`)
+                const code = fs.readFileSync(path, 'utf-8')
+                const match = extractDevtoolsMeta(code)
+                if (match) {
+                  const metaObject = new Function(`return ${match}`)()
+                  devtoolsComponentMeta[slug] = { meta: { devtools: { ...metaObject } } }
+                } else {
+                  devtoolsComponentMeta[slug] = null
+                }
               }
-            })
-
-            acc[kebabCase(key.replace(/^U/, ''))] = value
-            return acc
-          }, {} as Record<string, any>),
-          devtoolsComponentMeta
-        )
 
-        res.end(JSON.stringify(meta))
+              value.meta.props = value.meta.props.map((prop: any) => {
+                let defaultValue = prop.default
+                  ? prop.default
+                  : prop?.tags?.find((tag: any) =>
+                    tag.name === 'defaultValue'
+                    && !tag.text?.includes('appConfig'))?.text
+
+                if (typeof defaultValue === 'string') defaultValue = defaultValue?.replaceAll(/["'`]/g, '')
+                if (defaultValue === 'true') defaultValue = true
+                if (defaultValue === 'false') defaultValue = false
+                if (!Number.isNaN(Number.parseInt(defaultValue))) defaultValue = Number.parseInt(defaultValue)
+
+                return {
+                  ...prop,
+                  default: defaultValue
+                }
+              })
+
+              acc[kebabCase(key.replace(/^U/, ''))] = value
+              return acc
+            }, {} as Record<string, any>),
+            devtoolsComponentMeta
+          )
+          res.end(JSON.stringify(meta))
+        } catch (error) {
+          console.error(`Failed to fetch component meta`, error)
+          res.statusCode = 500
+          res.end(JSON.stringify({ error: 'Failed to fetch component meta' }))
+        }
       })
 
       server.middlewares.use('/__nuxt_ui__/devtools/api/component-example', async (req, res) => {
@@ -113,7 +117,7 @@ export function devtoolsMetaPlugin() {
         }
 
         try {
-          const path = resolve(`../runtime/devtools/examples/${name}.vue`)
+          const path = resolve(`./devtools/examples/${name}.vue`)
           const source = fs.readFileSync(path, 'utf-8')
 
           res.setHeader('Content-Type', 'application/json')
diff --git a/src/runtime/devtools/examples/AvatarGroupExample.vue b/src/devtools/examples/AvatarGroupExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/AvatarGroupExample.vue
rename to src/devtools/examples/AvatarGroupExample.vue
diff --git a/src/runtime/devtools/examples/ButtonGroupExample.vue b/src/devtools/examples/ButtonGroupExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/ButtonGroupExample.vue
rename to src/devtools/examples/ButtonGroupExample.vue
diff --git a/src/runtime/devtools/examples/CardExample.vue b/src/devtools/examples/CardExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/CardExample.vue
rename to src/devtools/examples/CardExample.vue
diff --git a/src/runtime/devtools/examples/CarouselExample.vue b/src/devtools/examples/CarouselExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/CarouselExample.vue
rename to src/devtools/examples/CarouselExample.vue
diff --git a/src/runtime/devtools/examples/ChipExample.vue b/src/devtools/examples/ChipExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/ChipExample.vue
rename to src/devtools/examples/ChipExample.vue
diff --git a/src/runtime/devtools/examples/CollapsibleExample.vue b/src/devtools/examples/CollapsibleExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/CollapsibleExample.vue
rename to src/devtools/examples/CollapsibleExample.vue
diff --git a/src/runtime/devtools/examples/CommandPaletteExample.vue b/src/devtools/examples/CommandPaletteExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/CommandPaletteExample.vue
rename to src/devtools/examples/CommandPaletteExample.vue
diff --git a/src/runtime/devtools/examples/ContainerExample.vue b/src/devtools/examples/ContainerExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/ContainerExample.vue
rename to src/devtools/examples/ContainerExample.vue
diff --git a/src/runtime/devtools/examples/ContextMenuExample.vue b/src/devtools/examples/ContextMenuExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/ContextMenuExample.vue
rename to src/devtools/examples/ContextMenuExample.vue
diff --git a/src/runtime/devtools/examples/DrawerExample.vue b/src/devtools/examples/DrawerExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/DrawerExample.vue
rename to src/devtools/examples/DrawerExample.vue
diff --git a/src/runtime/devtools/examples/DropdownMenuExample.vue b/src/devtools/examples/DropdownMenuExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/DropdownMenuExample.vue
rename to src/devtools/examples/DropdownMenuExample.vue
diff --git a/src/runtime/devtools/examples/FormExample.vue b/src/devtools/examples/FormExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/FormExample.vue
rename to src/devtools/examples/FormExample.vue
diff --git a/src/runtime/devtools/examples/FormFieldExample.vue b/src/devtools/examples/FormFieldExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/FormFieldExample.vue
rename to src/devtools/examples/FormFieldExample.vue
diff --git a/src/runtime/devtools/examples/LinkExample.vue b/src/devtools/examples/LinkExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/LinkExample.vue
rename to src/devtools/examples/LinkExample.vue
diff --git a/src/runtime/devtools/examples/ModalExample.vue b/src/devtools/examples/ModalExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/ModalExample.vue
rename to src/devtools/examples/ModalExample.vue
diff --git a/src/runtime/devtools/examples/PopoverExample.vue b/src/devtools/examples/PopoverExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/PopoverExample.vue
rename to src/devtools/examples/PopoverExample.vue
diff --git a/src/runtime/devtools/examples/SkeletonExample.vue b/src/devtools/examples/SkeletonExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/SkeletonExample.vue
rename to src/devtools/examples/SkeletonExample.vue
diff --git a/src/runtime/devtools/examples/SlideoverExample.vue b/src/devtools/examples/SlideoverExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/SlideoverExample.vue
rename to src/devtools/examples/SlideoverExample.vue
diff --git a/src/runtime/devtools/examples/ToasterExample.vue b/src/devtools/examples/ToasterExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/ToasterExample.vue
rename to src/devtools/examples/ToasterExample.vue
diff --git a/src/runtime/devtools/examples/TooltipExample.vue b/src/devtools/examples/TooltipExample.vue
similarity index 100%
rename from src/runtime/devtools/examples/TooltipExample.vue
rename to src/devtools/examples/TooltipExample.vue
diff --git a/src/module.ts b/src/module.ts
index c0c46e695b..ab0fe41a2e 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -7,7 +7,7 @@ import sirv from 'sirv'
 import { setupDevtoolsClient } from './devtools/rpc'
 import { getPort } from 'get-port-please'
 import { pick } from './runtime/utils'
-import { devtoolsMetaPlugin } from './devtools/meta'
+import { devtoolsMetaPlugin } from './devtools/devtoolsMetaPlugin'
 
 export type * from './runtime/types'
 
@@ -137,7 +137,7 @@ export default defineNuxtModule<ModuleOptions>({
     addTemplates(options, nuxt)
 
     if (nuxt.options.dev && nuxt.options.devtools.enabled) {
-      nuxt.options.vite = defu(nuxt.options?.vite, { plugins: [devtoolsMetaPlugin()] })
+      nuxt.options.vite = defu(nuxt.options?.vite, { plugins: [devtoolsMetaPlugin({ resolve })] })
 
       setupDevtoolsClient(options)
 
@@ -187,7 +187,7 @@ export default defineNuxtModule<ModuleOptions>({
         pages.unshift({
           name: 'ui-devtools',
           path: '/__nuxt_ui__/components/:slug',
-          file: resolve(__dirname, './runtime/devtools/DevtoolsRenderer.vue')
+          file: resolve('./devtools/DevtoolsRenderer.vue')
           // https://github.com/nuxt/nuxt/pull/29366
           // meta: {
           //   isolate: true

From 87cc977c6e985e439c3d882059e604bbf51e072e Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 18 Oct 2024 02:44:28 +0200
Subject: [PATCH 52/92] chore: remove devtools from typechecks

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index cff07ae7aa..fef1cef15e 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
     "devtools:typecheck": "nuxi typecheck devtools",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "typecheck": "vue-tsc --noEmit && nuxi typecheck playground && nuxi typecheck devtools",
+    "typecheck": "vue-tsc --noEmit && nuxi typecheck playground",
     "test": "vitest",
     "release": "release-it --preRelease=alpha --npm.tag=next"
   },

From 79d386828794979431d1f515a6b7bfb947626baa Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 18 Oct 2024 16:30:35 +0200
Subject: [PATCH 53/92] chore(package): add `devtools:build` script

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c61e439b14..8ee8e167cc 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "cli"
   ],
   "scripts": {
-    "build": "nuxt-module-build build && nuxi generate devtools && cp -r src/devtools dist/devtools",
+    "build": "nuxt-module-build build && pnpm devtools:build",
     "prepack": "pnpm build",
     "dev": "DEV=true nuxi dev playground",
     "dev:build": "nuxi build playground",
@@ -40,6 +40,7 @@
     "docs:prepare": "nuxt-component-meta docs",
     "docs:typecheck": "nuxi typecheck docs",
     "devtools": "NUXT_UI_DEVTOOLS_LOCAL=true nuxi dev playground",
+    "devtools:build": "nuxi generate devtools && cp -r src/devtools dist/devtools",
     "devtools:prepare": "nuxt-component-meta playground --outputDir ../src/devtools/.component-meta/",
     "devtools:typecheck": "nuxi typecheck devtools",
     "lint": "eslint .",

From 6d93fc7d71e510841cdeb9cb8a28a0b02018ea16 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 18 Oct 2024 16:30:45 +0200
Subject: [PATCH 54/92] clean nuxt.config spacing

---
 devtools/nuxt.config.ts   | 2 ++
 playground/nuxt.config.ts | 1 +
 2 files changed, 3 insertions(+)

diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 4f1a846d32..f7e0c44bdc 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -3,7 +3,9 @@ import { resolve } from 'node:path'
 
 export default defineNuxtConfig({
   ssr: false,
+
   devtools: { enabled: false },
+
   nitro: {
     hooks: {
       'prerender:routes': function (routes) {
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index 2da5dc26f2..0d669ae1fb 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -1,6 +1,7 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
+
   modules: ['../src/module'],
 
   future: {

From 60fb0f20039cbdfe175e301910e11188468833b4 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 18 Oct 2024 16:40:09 +0200
Subject: [PATCH 55/92] devtools(app): improve navigation

---
 devtools/app/app.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 6d5131d04d..d91a972f0f 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -142,8 +142,9 @@ const isDark = computed({
         <div class="absolute top-[49px] bottom-0 inset-x-0 grid xl:grid-cols-8 grid-cols-4 bg-[var(--ui-bg)]">
           <div class="col-span-1 border-r border-[var(--ui-border)] hidden xl:block overflow-y-auto">
             <UNavigationMenu
-              :items="components.map((c) => ({ ...c, onSelect: () => component = c }))"
+              :items="components.map((c) => ({ ...c, active: c.slug === component?.slug, onSelect: () => component = c }))"
               orientation="vertical"
+              :ui="{ link: 'before:rounded-none' }"
             />
           </div>
 

From 6fdbc5f658de59db1917dbc7e86f8f2eae62a9fb Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 18 Oct 2024 16:57:00 +0200
Subject: [PATCH 56/92] playground(nuxt.config): configure
 `nuxt-component-meta`

---
 playground/nuxt.config.ts | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index 0d669ae1fb..91276a9a38 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -1,4 +1,7 @@
-// https://nuxt.com/docs/api/configuration/nuxt-config
+import { createResolver } from '@nuxt/kit'
+
+const { resolve } = createResolver(import.meta.url)
+
 export default defineNuxtConfig({
   devtools: { enabled: true },
 
@@ -8,5 +11,19 @@ export default defineNuxtConfig({
     compatibilityVersion: 4
   },
 
-  compatibilityDate: '2024-07-09'
+  compatibilityDate: '2024-07-09',
+
+  // @ts-expect-error - `nuxt-component-meta` is used as CLI
+  componentMeta: {
+    exclude: [
+      resolve('./app/components')
+    ],
+    metaFields: {
+      type: false,
+      props: true,
+      slots: true,
+      events: false,
+      exposed: false
+    }
+  }
 })

From 32aa15812e72c9ec4c8d5f51c2f759cf4d6a8181 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 19 Oct 2024 10:12:31 +0200
Subject: [PATCH 57/92] refactor(devtools): use unbuild

---
 .github/workflows/ci-v3.yml                   |  6 +++---
 .gitignore                                    |  3 ++-
 build.config.ts                               |  4 ++++
 devtools/app/components/CollapseContainer.vue |  2 +-
 devtools/app/components/ComponentPreview.vue  |  5 +++--
 devtools/app/components/inputs/ArrayInput.vue |  5 ++---
 devtools/nuxt.config.ts                       | 19 +++++++++----------
 package.json                                  |  2 +-
 src/devtools/examples/ContainerExample.vue    |  5 -----
 src/devtools/examples/ContextMenuExample.vue  |  5 -----
 src/devtools/examples/TooltipExample.vue      |  5 -----
 .../{devtoolsMetaPlugin.ts => meta.ts}        |  2 +-
 .../{ => runtime}/DevtoolsRenderer.vue        |  2 +-
 .../examples/AvatarGroupExample.vue           |  0
 .../examples/ButtonGroupExample.vue           |  0
 .../{ => runtime}/examples/CardExample.vue    |  6 +++---
 .../examples/CarouselExample.vue              |  0
 .../{ => runtime}/examples/ChipExample.vue    |  0
 .../examples/CollapsibleExample.vue           |  2 +-
 .../examples/CommandPaletteExample.vue        |  0
 .../runtime/examples/ContainerExample.vue     |  5 +++++
 .../runtime/examples/ContextMenuExample.vue   |  5 +++++
 .../{ => runtime}/examples/DrawerExample.vue  |  0
 .../examples/DropdownMenuExample.vue          |  0
 .../{ => runtime}/examples/FormExample.vue    |  0
 .../examples/FormFieldExample.vue             |  0
 .../{ => runtime}/examples/LinkExample.vue    |  0
 .../{ => runtime}/examples/ModalExample.vue   |  2 +-
 .../{ => runtime}/examples/PopoverExample.vue |  2 +-
 .../examples/SkeletonExample.vue              |  0
 .../examples/SlideoverExample.vue             |  0
 .../{ => runtime}/examples/ToasterExample.vue |  0
 .../runtime/examples/TooltipExample.vue       |  5 +++++
 src/module.ts                                 |  4 ++--
 34 files changed, 50 insertions(+), 46 deletions(-)
 delete mode 100644 src/devtools/examples/ContainerExample.vue
 delete mode 100644 src/devtools/examples/ContextMenuExample.vue
 delete mode 100644 src/devtools/examples/TooltipExample.vue
 rename src/devtools/{devtoolsMetaPlugin.ts => meta.ts} (97%)
 rename src/devtools/{ => runtime}/DevtoolsRenderer.vue (97%)
 rename src/devtools/{ => runtime}/examples/AvatarGroupExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/ButtonGroupExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/CardExample.vue (52%)
 rename src/devtools/{ => runtime}/examples/CarouselExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/ChipExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/CollapsibleExample.vue (73%)
 rename src/devtools/{ => runtime}/examples/CommandPaletteExample.vue (100%)
 create mode 100644 src/devtools/runtime/examples/ContainerExample.vue
 create mode 100644 src/devtools/runtime/examples/ContextMenuExample.vue
 rename src/devtools/{ => runtime}/examples/DrawerExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/DropdownMenuExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/FormExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/FormFieldExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/LinkExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/ModalExample.vue (74%)
 rename src/devtools/{ => runtime}/examples/PopoverExample.vue (67%)
 rename src/devtools/{ => runtime}/examples/SkeletonExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/SlideoverExample.vue (100%)
 rename src/devtools/{ => runtime}/examples/ToasterExample.vue (100%)
 create mode 100644 src/devtools/runtime/examples/TooltipExample.vue

diff --git a/.github/workflows/ci-v3.yml b/.github/workflows/ci-v3.yml
index 0421b6948c..3b520fa954 100644
--- a/.github/workflows/ci-v3.yml
+++ b/.github/workflows/ci-v3.yml
@@ -43,6 +43,9 @@ jobs:
       - name: Prepare
         run: pnpm run dev:prepare
 
+      - name: Devtools prepare
+        run: pnpm run devtools:prepare
+
       - name: Lint
         run: pnpm run lint
 
@@ -60,9 +63,6 @@ jobs:
       - name: Test
         run: pnpm run test
 
-      - name: Devtools prepare
-        run: pnpm run devtools:prepare
-
       - name: Build
         run: pnpm run build
 
diff --git a/.gitignore b/.gitignore
index 6ac2f98117..3883bb7514 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
-src/devtools/.component-meta/
+.component-meta/
+component-meta.*
 
 # Nuxt dev/build outputs
 .output
diff --git a/build.config.ts b/build.config.ts
index 981b59c3a3..080b844cea 100644
--- a/build.config.ts
+++ b/build.config.ts
@@ -1,6 +1,10 @@
 import { defineBuildConfig } from 'unbuild'
 
 export default defineBuildConfig({
+  entries: [
+    // Include devtools runtime files
+    { input: './src/devtools/runtime', builder: 'mkdist', outDir: 'dist/devtools/runtime' }
+  ],
   replace: {
     'process.env.DEV': 'false'
   },
diff --git a/devtools/app/components/CollapseContainer.vue b/devtools/app/components/CollapseContainer.vue
index 0532ad758a..6b11033051 100644
--- a/devtools/app/components/CollapseContainer.vue
+++ b/devtools/app/components/CollapseContainer.vue
@@ -18,7 +18,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div>
+  <div class="border rounded border-[var(--ui-border)]">
     <div
       ref="wrapper"
       :class="['overflow-hidden', collapsed && overflow ? 'max-h-48' : 'max-h-none']"
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index 620b7114ea..618c9ab73c 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -16,11 +16,12 @@ const code = computed(() => {
   if (!props.component) return
 
   const propsTemplate = Object.entries(props.props ?? {})?.map(([key, value]: [string, any]) => {
+    const defaultValue: any = props.component?.meta?.props.find(prop => prop.name === key)?.default
+    if (defaultValue === value) return
     if (value === true) return kebabCase(key)
-    if (value === false) return
+    if (value === false && defaultValue === true) return `:${kebabCase(key)}="false"`
     if (!value) return
     if (props.component?.defaultVariants?.[key] === value) return
-    if (props.component?.meta?.props.find(prop => prop.name === key && prop.default === value)) return
     if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
     if (Array.isArray(value)) return value.length ? `:${kebabCase(key)}="${genArrayFromRaw(value, undefined, { preserveTypes: true })}"` : undefined
     if (typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
diff --git a/devtools/app/components/inputs/ArrayInput.vue b/devtools/app/components/inputs/ArrayInput.vue
index 86d63cd07f..c79915735b 100644
--- a/devtools/app/components/inputs/ArrayInput.vue
+++ b/devtools/app/components/inputs/ArrayInput.vue
@@ -40,15 +40,14 @@ function addArrayItem() {
 
 <template>
   <div>
-    <div v-for="value, index in modelValue" :key="index" class="relative border border-[var(--ui-border)] rounded-md mt-4">
+    <div v-for="value, index in modelValue" :key="index" class="relative">
       <ComponentPropInput
         :model-value="value"
         :meta="{ schema: itemSchema }"
-        class="border-b last:border-b-0 border-[var(--ui-border)]"
       />
 
       <UPopover>
-        <UButton variant="ghost" color="neutral" icon="i-heroicons-ellipsis-vertical" class="absolute top-1 right-1" />
+        <UButton variant="ghost" color="neutral" icon="i-heroicons-ellipsis-vertical" class="absolute top-4 right-1" />
         <template #content>
           <UButton
             variant="ghost"
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index f7e0c44bdc..34cacf1964 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -2,10 +2,17 @@ import module from '../src/module'
 import { resolve } from 'node:path'
 
 export default defineNuxtConfig({
-  ssr: false,
+  compatibilityDate: '2024-04-03',
+  future: {
+    compatibilityVersion: 4
+  },
 
   devtools: { enabled: false },
 
+  ssr: false,
+
+  modules: [module, '@nuxtjs/mdc', '@nuxt/test-utils/module'],
+
   nitro: {
     hooks: {
       'prerender:routes': function (routes) {
@@ -17,16 +24,10 @@ export default defineNuxtConfig({
     }
   },
 
-  modules: [module, '@nuxtjs/mdc', '@nuxt/test-utils/module'],
-
   app: {
     baseURL: '/__nuxt_ui__/devtools'
   },
 
-  future: {
-    compatibilityVersion: 4
-  },
-
   vite: {
     server: {
       hmr: {
@@ -35,12 +36,10 @@ export default defineNuxtConfig({
     }
   },
 
-  compatibilityDate: '2024-04-03',
-
   mdc: {
     highlight: {
       theme: {
-        light: 'material-theme-lighter',
+        light: 'material-theme',
         default: 'material-theme',
         dark: 'material-theme-palenight'
       }
diff --git a/package.json b/package.json
index 8ee8e167cc..634d778340 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "docs:prepare": "nuxt-component-meta docs",
     "docs:typecheck": "nuxi typecheck docs",
     "devtools": "NUXT_UI_DEVTOOLS_LOCAL=true nuxi dev playground",
-    "devtools:build": "nuxi generate devtools && cp -r src/devtools dist/devtools",
+    "devtools:build": "nuxi generate devtools",
     "devtools:prepare": "nuxt-component-meta playground --outputDir ../src/devtools/.component-meta/",
     "devtools:typecheck": "nuxi typecheck devtools",
     "lint": "eslint .",
diff --git a/src/devtools/examples/ContainerExample.vue b/src/devtools/examples/ContainerExample.vue
deleted file mode 100644
index 061adec5d6..0000000000
--- a/src/devtools/examples/ContainerExample.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <UContainer>
-    <Placeholder class="h-60 aspect-video w-72" />
-  </UContainer>
-</template>
diff --git a/src/devtools/examples/ContextMenuExample.vue b/src/devtools/examples/ContextMenuExample.vue
deleted file mode 100644
index a65a4cfd29..0000000000
--- a/src/devtools/examples/ContextMenuExample.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <UContextMenu>
-    <Placeholder class="h-60 aspect-video w-72" />
-  </UContextMenu>
-</template>
diff --git a/src/devtools/examples/TooltipExample.vue b/src/devtools/examples/TooltipExample.vue
deleted file mode 100644
index 44b1047580..0000000000
--- a/src/devtools/examples/TooltipExample.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <UTooltip>
-    <Placeholder class="size-20" />
-  </UTooltip>
-</template>
diff --git a/src/devtools/devtoolsMetaPlugin.ts b/src/devtools/meta.ts
similarity index 97%
rename from src/devtools/devtoolsMetaPlugin.ts
rename to src/devtools/meta.ts
index ea660065c8..9190c71487 100644
--- a/src/devtools/devtoolsMetaPlugin.ts
+++ b/src/devtools/meta.ts
@@ -57,7 +57,7 @@ export function devtoolsMetaPlugin({ resolve }: { resolve: Resolver['resolve'] }
       server.middlewares.use('/__nuxt_ui__/devtools/api/component-meta', async (_req, res) => {
         res.setHeader('Content-Type', 'application/json')
         try {
-          const componentMeta = await import(resolve('./devtools/.component-meta/component-meta.mjs'))
+          const componentMeta = await import('./.component-meta/component-meta')
           const meta = defu(
             Object.entries(componentMeta.default).reduce((acc, [key, value]: [string, any]) => {
               if (!key.startsWith('U')) return acc
diff --git a/src/devtools/DevtoolsRenderer.vue b/src/devtools/runtime/DevtoolsRenderer.vue
similarity index 97%
rename from src/devtools/DevtoolsRenderer.vue
rename to src/devtools/runtime/DevtoolsRenderer.vue
index ca546440c6..070c1153d0 100644
--- a/src/devtools/DevtoolsRenderer.vue
+++ b/src/devtools/runtime/DevtoolsRenderer.vue
@@ -6,7 +6,7 @@ import { useColorMode, useRoute } from '#imports'
 const route = useRoute()
 const component = route.query?.example
   ? defineAsyncComponent(() => import(`./examples/${route.query.example}.vue`))
-  : route.params?.slug && defineAsyncComponent(() => import(`../runtime/components/${pascalCase(route.params.slug as string)}.vue`))
+  : route.params?.slug && defineAsyncComponent(() => import(`../../runtime/components/${pascalCase(route.params.slug as string)}.vue`))
 
 const state = reactive<{ slots?: any, props?: any }>({})
 
diff --git a/src/devtools/examples/AvatarGroupExample.vue b/src/devtools/runtime/examples/AvatarGroupExample.vue
similarity index 100%
rename from src/devtools/examples/AvatarGroupExample.vue
rename to src/devtools/runtime/examples/AvatarGroupExample.vue
diff --git a/src/devtools/examples/ButtonGroupExample.vue b/src/devtools/runtime/examples/ButtonGroupExample.vue
similarity index 100%
rename from src/devtools/examples/ButtonGroupExample.vue
rename to src/devtools/runtime/examples/ButtonGroupExample.vue
diff --git a/src/devtools/examples/CardExample.vue b/src/devtools/runtime/examples/CardExample.vue
similarity index 52%
rename from src/devtools/examples/CardExample.vue
rename to src/devtools/runtime/examples/CardExample.vue
index 7eefa18d34..24fc5401fb 100644
--- a/src/devtools/examples/CardExample.vue
+++ b/src/devtools/runtime/examples/CardExample.vue
@@ -2,11 +2,11 @@
   <div class="flex flex-col gap-4">
     <UCard class="w-96">
       <template #header>
-        <Placeholder class="h-8" />
+        <div class="bg-[var(--ui-bg-accented)]/40 h-8" />
       </template>
-      <Placeholder class="h-32" />
+      <div class="bg-[var(--ui-bg-accented)]/40 h-32" />
       <template #footer>
-        <Placeholder class="h-8" />
+        <div class="bg-[var(--ui-bg-accented)]/40 h-8" />
       </template>
     </UCard>
   </div>
diff --git a/src/devtools/examples/CarouselExample.vue b/src/devtools/runtime/examples/CarouselExample.vue
similarity index 100%
rename from src/devtools/examples/CarouselExample.vue
rename to src/devtools/runtime/examples/CarouselExample.vue
diff --git a/src/devtools/examples/ChipExample.vue b/src/devtools/runtime/examples/ChipExample.vue
similarity index 100%
rename from src/devtools/examples/ChipExample.vue
rename to src/devtools/runtime/examples/ChipExample.vue
diff --git a/src/devtools/examples/CollapsibleExample.vue b/src/devtools/runtime/examples/CollapsibleExample.vue
similarity index 73%
rename from src/devtools/examples/CollapsibleExample.vue
rename to src/devtools/runtime/examples/CollapsibleExample.vue
index 8396b8500c..8ec689edbf 100644
--- a/src/devtools/examples/CollapsibleExample.vue
+++ b/src/devtools/runtime/examples/CollapsibleExample.vue
@@ -2,7 +2,7 @@
   <UCollapsible class="w-48">
     <UButton label="Open Collapse" block />
     <template #content>
-      <Placeholder class="h-60" />
+      <div class="bg-[var(--ui-bg-accented)]/40 h-60" />
     </template>
   </UCollapsible>
 </template>
diff --git a/src/devtools/examples/CommandPaletteExample.vue b/src/devtools/runtime/examples/CommandPaletteExample.vue
similarity index 100%
rename from src/devtools/examples/CommandPaletteExample.vue
rename to src/devtools/runtime/examples/CommandPaletteExample.vue
diff --git a/src/devtools/runtime/examples/ContainerExample.vue b/src/devtools/runtime/examples/ContainerExample.vue
new file mode 100644
index 0000000000..8a1b29327d
--- /dev/null
+++ b/src/devtools/runtime/examples/ContainerExample.vue
@@ -0,0 +1,5 @@
+<template>
+  <UContainer>
+    <div class="bg-[var(--ui-bg-accented)]/40 h-60 aspect-video w-72" />
+  </UContainer>
+</template>
diff --git a/src/devtools/runtime/examples/ContextMenuExample.vue b/src/devtools/runtime/examples/ContextMenuExample.vue
new file mode 100644
index 0000000000..fd17434b14
--- /dev/null
+++ b/src/devtools/runtime/examples/ContextMenuExample.vue
@@ -0,0 +1,5 @@
+<template>
+  <UContextMenu>
+    <div class="bg-[var(--ui-bg-accented)]/40 h-60 w-72" />
+  </UContextMenu>
+</template>
diff --git a/src/devtools/examples/DrawerExample.vue b/src/devtools/runtime/examples/DrawerExample.vue
similarity index 100%
rename from src/devtools/examples/DrawerExample.vue
rename to src/devtools/runtime/examples/DrawerExample.vue
diff --git a/src/devtools/examples/DropdownMenuExample.vue b/src/devtools/runtime/examples/DropdownMenuExample.vue
similarity index 100%
rename from src/devtools/examples/DropdownMenuExample.vue
rename to src/devtools/runtime/examples/DropdownMenuExample.vue
diff --git a/src/devtools/examples/FormExample.vue b/src/devtools/runtime/examples/FormExample.vue
similarity index 100%
rename from src/devtools/examples/FormExample.vue
rename to src/devtools/runtime/examples/FormExample.vue
diff --git a/src/devtools/examples/FormFieldExample.vue b/src/devtools/runtime/examples/FormFieldExample.vue
similarity index 100%
rename from src/devtools/examples/FormFieldExample.vue
rename to src/devtools/runtime/examples/FormFieldExample.vue
diff --git a/src/devtools/examples/LinkExample.vue b/src/devtools/runtime/examples/LinkExample.vue
similarity index 100%
rename from src/devtools/examples/LinkExample.vue
rename to src/devtools/runtime/examples/LinkExample.vue
diff --git a/src/devtools/examples/ModalExample.vue b/src/devtools/runtime/examples/ModalExample.vue
similarity index 74%
rename from src/devtools/examples/ModalExample.vue
rename to src/devtools/runtime/examples/ModalExample.vue
index 79e36a021e..d4c6ef2c12 100644
--- a/src/devtools/examples/ModalExample.vue
+++ b/src/devtools/runtime/examples/ModalExample.vue
@@ -2,7 +2,7 @@
   <UModal>
     <UButton label="Open Modal" />
     <template #content>
-      <Placeholder class="h-72 w-full" />
+      <div class="h-72" />
     </template>
   </UModal>
 </template>
diff --git a/src/devtools/examples/PopoverExample.vue b/src/devtools/runtime/examples/PopoverExample.vue
similarity index 67%
rename from src/devtools/examples/PopoverExample.vue
rename to src/devtools/runtime/examples/PopoverExample.vue
index fd5f61956c..aac4e50286 100644
--- a/src/devtools/examples/PopoverExample.vue
+++ b/src/devtools/runtime/examples/PopoverExample.vue
@@ -2,7 +2,7 @@
   <UPopover>
     <UButton label="Open Collapse" />
     <template #content>
-      <Placeholder class="h-24 w-60" />
+      <div class="bg-[var(--ui-bg-accented)]/40 h-24 w-60" />
     </template>
   </UPopover>
 </template>
diff --git a/src/devtools/examples/SkeletonExample.vue b/src/devtools/runtime/examples/SkeletonExample.vue
similarity index 100%
rename from src/devtools/examples/SkeletonExample.vue
rename to src/devtools/runtime/examples/SkeletonExample.vue
diff --git a/src/devtools/examples/SlideoverExample.vue b/src/devtools/runtime/examples/SlideoverExample.vue
similarity index 100%
rename from src/devtools/examples/SlideoverExample.vue
rename to src/devtools/runtime/examples/SlideoverExample.vue
diff --git a/src/devtools/examples/ToasterExample.vue b/src/devtools/runtime/examples/ToasterExample.vue
similarity index 100%
rename from src/devtools/examples/ToasterExample.vue
rename to src/devtools/runtime/examples/ToasterExample.vue
diff --git a/src/devtools/runtime/examples/TooltipExample.vue b/src/devtools/runtime/examples/TooltipExample.vue
new file mode 100644
index 0000000000..f014c1544d
--- /dev/null
+++ b/src/devtools/runtime/examples/TooltipExample.vue
@@ -0,0 +1,5 @@
+<template>
+  <UTooltip>
+    <div class="bg-[var(--ui-bg-accented)]/40 size-20" />
+  </UTooltip>
+</template>
diff --git a/src/module.ts b/src/module.ts
index ab0fe41a2e..6dae6f577a 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -7,7 +7,7 @@ import sirv from 'sirv'
 import { setupDevtoolsClient } from './devtools/rpc'
 import { getPort } from 'get-port-please'
 import { pick } from './runtime/utils'
-import { devtoolsMetaPlugin } from './devtools/devtoolsMetaPlugin'
+import { devtoolsMetaPlugin } from './devtools/meta'
 
 export type * from './runtime/types'
 
@@ -187,7 +187,7 @@ export default defineNuxtModule<ModuleOptions>({
         pages.unshift({
           name: 'ui-devtools',
           path: '/__nuxt_ui__/components/:slug',
-          file: resolve('./devtools/DevtoolsRenderer.vue')
+          file: resolve('./devtools/runtime/DevtoolsRenderer.vue')
           // https://github.com/nuxt/nuxt/pull/29366
           // meta: {
           //   isolate: true

From 1ac30140a39e9cfd6fd0850455ebfe52a033d5c8 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 19 Oct 2024 11:57:59 +0200
Subject: [PATCH 58/92] feat(devtools): display error if component preview is
 not visible

---
 devtools/app/components/ComponentPreview.vue | 11 +++++++-
 src/devtools/runtime/DevtoolsRenderer.vue    |  2 +-
 src/module.ts                                | 27 +++++++++++++++-----
 3 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index 618c9ab73c..d5021616e0 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -67,9 +67,11 @@ const { data: ast } = await useAsyncData('component-code', async () => {
 
 const { copy, copied } = useClipboard()
 
+const rendererVisible = ref(true)
 const renderer = ref()
 const rendererReady = ref(false)
 function onRendererReady() {
+  rendererVisible.value = !!renderer.value.contentWindow.document.getElementById('ui-devtools-renderer')
   rendererReady.value = true
 }
 
@@ -92,12 +94,19 @@ const previewUrl = computed(() => {
   <div class="flex flex-col bg-grid">
     <iframe
       v-if="component"
-      v-show="rendererReady"
+      v-show="rendererReady && rendererVisible"
       ref="renderer"
       class="grow w-full"
       :src="previewUrl"
       @load="onRendererReady"
     />
+    <div v-if="!rendererVisible" class="grow w-full flex justify-center items-center px-8">
+      <UAlert color="error" variant="subtle" title="Component preview not found" icon="i-heroicons-exclamation-circle">
+        <template #description>
+          <MDC value="Ensure your `app.vue` file includes a `<NuxtPage />` component, as the component preview is mounted as a page." />
+        </template>
+      </UAlert>
+    </div>
     <div v-if="ast" v-show="rendererReady" class="relative w-full p-3">
       <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 text-sm overflow-y-auto rounded-lg border border-[var(--ui-border)] bg-neutral-50 dark:bg-neutral-800" />
       <UButton
diff --git a/src/devtools/runtime/DevtoolsRenderer.vue b/src/devtools/runtime/DevtoolsRenderer.vue
index 070c1153d0..6333a4e4b8 100644
--- a/src/devtools/runtime/DevtoolsRenderer.vue
+++ b/src/devtools/runtime/DevtoolsRenderer.vue
@@ -41,7 +41,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="nuxt-ui-component-renderer">
+  <div id="ui-devtools-renderer" class="nuxt-ui-component-renderer">
     <UApp :toaster="null">
       <component :is="component" v-if="component" v-bind="state.props" :class="state?.slots?.base" :ui="state.slots" />
     </UApp>
diff --git a/src/module.ts b/src/module.ts
index 6dae6f577a..00f8551195 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -52,6 +52,17 @@ export interface ModuleOptions {
      */
     transitions?: boolean
   }
+
+  /**
+   * Configuration for the Nuxt UI devtools.
+   */
+  devtools: {
+    /**
+     * Enable or disable Nuxt UI devtools.
+     * @defaultValue `true`
+     */
+    enabled?: boolean
+  }
 }
 
 export default defineNuxtModule<ModuleOptions>({
@@ -70,6 +81,9 @@ export default defineNuxtModule<ModuleOptions>({
     theme: {
       colors: undefined,
       transitions: true
+    },
+    devtools: {
+      enabled: true
     }
   },
   async setup(options, nuxt) {
@@ -136,7 +150,7 @@ export default defineNuxtModule<ModuleOptions>({
 
     addTemplates(options, nuxt)
 
-    if (nuxt.options.dev && nuxt.options.devtools.enabled) {
+    if (nuxt.options.dev && nuxt.options.devtools.enabled && options.devtools.enabled) {
       nuxt.options.vite = defu(nuxt.options?.vite, { plugins: [devtoolsMetaPlugin({ resolve })] })
 
       setupDevtoolsClient(options)
@@ -187,11 +201,12 @@ export default defineNuxtModule<ModuleOptions>({
         pages.unshift({
           name: 'ui-devtools',
           path: '/__nuxt_ui__/components/:slug',
-          file: resolve('./devtools/runtime/DevtoolsRenderer.vue')
-          // https://github.com/nuxt/nuxt/pull/29366
-          // meta: {
-          //   isolate: true
-          // }
+          file: resolve('./devtools/runtime/DevtoolsRenderer.vue'),
+          meta: {
+            // https://github.com/nuxt/nuxt/pull/29366
+            //   isolate: true
+            layout: false
+          }
         })
       })
 

From 39e438663bec6dd3c6176a7cd67238433497edf2 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 19 Oct 2024 12:29:21 +0200
Subject: [PATCH 59/92] chore(devtools): remove await on useAsyncData

---
 devtools/app/components/ComponentPreview.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index d5021616e0..62eee85131 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -6,7 +6,7 @@ import { genObjectFromValues, genArrayFromRaw } from 'knitwork'
 
 const props = defineProps<{ component?: Component, props?: object, themeSlots?: Record<string, any> }>()
 
-const { data: componentExample } = await useAsyncData('__ui_devtools_component-source', async () => {
+const { data: componentExample } = useAsyncData('__ui_devtools_component-source', async () => {
   const example = props.component?.meta?.devtools?.example
   if (!example) return false
   return await $fetch<{ source: string }>(`/api/component-example`, { params: { component: example } })
@@ -52,7 +52,7 @@ ${componentExample.value?.source
 \`\`\``
 })
 
-const { data: ast } = await useAsyncData('component-code', async () => {
+const { data: ast } = useAsyncData('component-code', async () => {
   if (!code.value) return
 
   const { $prettier } = useNuxtApp()

From 9315f959690c09e431c2f11fde28ae02d6044c09 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Sat, 19 Oct 2024 12:47:29 +0200
Subject: [PATCH 60/92] devtools: remove `toaster` in `app.config`

---
 devtools/app/app.config.ts | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/devtools/app/app.config.ts b/devtools/app/app.config.ts
index 43994246ef..aec8967888 100644
--- a/devtools/app/app.config.ts
+++ b/devtools/app/app.config.ts
@@ -1,9 +1,4 @@
 export default defineAppConfig({
-  toaster: {
-    position: 'bottom-right' as const,
-    expand: true,
-    duration: 5000
-  },
   ui: {
     colors: {
       primary: 'green',

From 6504490ef1028a9b2dbfaa627d4c3f6bc5d283c9 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Sat, 19 Oct 2024 12:50:49 +0200
Subject: [PATCH 61/92] docs(prettier): apply changes from devtools

---
 docs/app/plugins/prettier.ts | 34 ++++++++++++++++------------------
 docs/app/workers/prettier.js | 19 +++++++++++--------
 2 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/docs/app/plugins/prettier.ts b/docs/app/plugins/prettier.ts
index 013cab61cf..01ab19e58e 100644
--- a/docs/app/plugins/prettier.ts
+++ b/docs/app/plugins/prettier.ts
@@ -43,27 +43,25 @@ function createPrettierWorkerApi(worker: Worker): SimplePrettier {
   }
 }
 
-export default defineNuxtPlugin({
-  async setup() {
-    let prettier: SimplePrettier
-    if (import.meta.server) {
-      const prettierModule = await import('prettier')
-      prettier = {
-        format(source, options = {}) {
-          return prettierModule.format(source, defu(options, {
-            parser: 'markdown'
-          }))
-        }
+export default defineNuxtPlugin(async () => {
+  let prettier: SimplePrettier
+  if (import.meta.server) {
+    const prettierModule = await import('prettier')
+    prettier = {
+      format(source, options = {}) {
+        return prettierModule.format(source, defu(options, {
+          parser: 'markdown'
+        }))
       }
-    } else {
-      const worker = new PrettierWorker()
-      prettier = createPrettierWorkerApi(worker)
     }
+  } else {
+    const worker = new PrettierWorker()
+    prettier = createPrettierWorkerApi(worker)
+  }
 
-    return {
-      provide: {
-        prettier
-      }
+  return {
+    provide: {
+      prettier
     }
   }
 })
diff --git a/docs/app/workers/prettier.js b/docs/app/workers/prettier.js
index d44d7b536a..7ac34450e6 100644
--- a/docs/app/workers/prettier.js
+++ b/docs/app/workers/prettier.js
@@ -1,11 +1,4 @@
 /* eslint-disable no-undef */
-import('https://unpkg.com/prettier@3.3.3/standalone.js')
-import('https://unpkg.com/prettier@3.3.3/plugins/babel.js')
-import('https://unpkg.com/prettier@3.3.3/plugins/estree.js')
-import('https://unpkg.com/prettier@3.3.3/plugins/html.js')
-import('https://unpkg.com/prettier@3.3.3/plugins/markdown.js')
-import('https://unpkg.com/prettier@3.3.3/plugins/typescript.js')
-
 self.onmessage = async function (event) {
   self.postMessage({
     uid: event.data.uid,
@@ -21,8 +14,18 @@ function handleMessage(message) {
 }
 
 async function handleFormatMessage(message) {
-  const { options, source } = message
+  if (!globalThis.prettier) {
+    await Promise.all([
+      import('https://unpkg.com/prettier@3.3.3/standalone.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/babel.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/estree.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/html.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/markdown.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/typescript.js')
+    ])
+  }
 
+  const { options, source } = message
   const formatted = await prettier.format(source, {
     parser: 'markdown',
     plugins: prettierPlugins,

From 89b1fb24d34ce83311362ab5bdb444b99a0610cf Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 19 Oct 2024 12:53:13 +0200
Subject: [PATCH 62/92] chore(devtools): replace NUXT_UI_DEVTOOLS_LOCAL by
 false in build

---
 build.config.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/build.config.ts b/build.config.ts
index 080b844cea..0b9940bcfe 100644
--- a/build.config.ts
+++ b/build.config.ts
@@ -6,7 +6,8 @@ export default defineBuildConfig({
     { input: './src/devtools/runtime', builder: 'mkdist', outDir: 'dist/devtools/runtime' }
   ],
   replace: {
-    'process.env.DEV': 'false'
+    'process.env.DEV': 'false',
+    'process.env.NUXT_UI_DEVTOOLS_LOCAL': 'false'
   },
   hooks: {
     'mkdist:entry:options'(ctx, entry, options) {

From a59e2184e387df81111ec96b3fee646ad5ce93ee Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sat, 19 Oct 2024 12:55:48 +0200
Subject: [PATCH 63/92] fix(devtools): get-component-example file resolution

---
 src/devtools/meta.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index 9190c71487..9dd597a77f 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -117,7 +117,7 @@ export function devtoolsMetaPlugin({ resolve }: { resolve: Resolver['resolve'] }
         }
 
         try {
-          const path = resolve(`./devtools/examples/${name}.vue`)
+          const path = resolve(`./devtools/runtime/examples/${name}.vue`)
           const source = fs.readFileSync(path, 'utf-8')
 
           res.setHeader('Content-Type', 'application/json')

From 548408a4c4a19cc18308ee993b6bfffad37bc775 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 02:20:25 +0200
Subject: [PATCH 64/92] fix(devtools): use shiki for syntax highlighting client
 side and improve code generation

---
 devtools/app/app.vue                          |  5 +-
 devtools/app/components/ComponentPreview.vue  | 73 ++++++++++++-------
 devtools/app/composables/useShiki.ts          | 39 ++++++++++
 .../{prettier.ts => prettier.client.ts}       | 17 +----
 devtools/app/workers/prettier.js              |  5 +-
 devtools/nuxt.config.ts                       |  2 +
 6 files changed, 90 insertions(+), 51 deletions(-)
 create mode 100644 devtools/app/composables/useShiki.ts
 rename devtools/app/plugins/{prettier.ts => prettier.client.ts} (73%)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index d91a972f0f..f93df1531f 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
 import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
-import type { BirpcReturn } from 'birpc'
 import { watchDebounced } from '@vueuse/core'
 import type { DevtoolsMeta } from '../../src/runtime/composables/extendDevtoolsMeta'
 import type { ComponentMeta } from 'vue-component-meta'
@@ -14,13 +13,11 @@ const components = useState<Array<Component & { value: string }>>('__ui-devtools
 const component = useState<Component | undefined>('__ui-devtools-component')
 const state = useState<Record<string, any>>('__ui-devtools-state', () => ({}))
 
-let rpc: BirpcReturn<ServerFunctions, ClientFunctions> | null = null
-
 const loading = ref(true)
 const error = ref<any | null>(null)
 
 onDevtoolsClientConnected(async (client) => {
-  rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
+  const rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
 
   try {
     const componentMeta = await $fetch<Record<string, { meta: ComponentMeta & { devtools: DevtoolsMeta<any> } }>>('/api/component-meta')
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index 62eee85131..692e4111aa 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -2,7 +2,7 @@
 import type { Component } from '../../../src/devtools/rpc'
 import { useClipboard } from '@vueuse/core'
 import { kebabCase } from 'scule'
-import { genObjectFromValues, genArrayFromRaw } from 'knitwork'
+import { escapeString } from 'knitwork'
 
 const props = defineProps<{ component?: Component, props?: object, themeSlots?: Record<string, any> }>()
 
@@ -12,6 +12,21 @@ const { data: componentExample } = useAsyncData('__ui_devtools_component-source'
   return await $fetch<{ source: string }>(`/api/component-example`, { params: { component: example } })
 }, { watch: [() => props.component?.slug] })
 
+function genPropValue(value: any, indent: number = 2): string {
+  const indentStr = ' '.repeat(indent)
+  if (typeof value === 'string') {
+    return `'${escapeString(value).replace(/'/g, '&apos;').replace(/"/g, '&quot;')}'`
+  }
+  if (Array.isArray(value)) {
+    return `[\n${value.map(item => `${genPropValue(item, indent + 2)}`).join(',\n')}\n${indentStr}]`
+  }
+  if (typeof value === 'object' && value !== null) {
+    const entries = Object.entries(value).map(([key, val]) => `${indentStr}  ${key}: ${genPropValue(val, indent + 2)}`)
+    return `${indentStr}{\n${entries.join(',\n')}\n${indentStr}}`
+  }
+  return value
+}
+
 const code = computed(() => {
   if (!props.component) return
 
@@ -22,49 +37,50 @@ const code = computed(() => {
     if (value === false && defaultValue === true) return `:${kebabCase(key)}="false"`
     if (!value) return
     if (props.component?.defaultVariants?.[key] === value) return
-    if (typeof value === 'number') return `:${kebabCase(key)}="${value}"`
-    if (Array.isArray(value)) return value.length ? `:${kebabCase(key)}="${genArrayFromRaw(value, undefined, { preserveTypes: true })}"` : undefined
-    if (typeof value === 'object') return `:${kebabCase(key)}="${genObjectFromValues(value)}"`
-    return `${kebabCase(key)}="${value}"`
+    if (typeof value === 'string') return `${kebabCase(key)}=${genPropValue(value)}`
+    return `:${kebabCase(key)}="${genPropValue(value)}"`
   }).filter(Boolean).join('\n')
 
   const slotsTemplate = props.themeSlots
-    ? genObjectFromValues(Object.keys(props.themeSlots).filter(key => key !== 'base').reduce((acc, key) => {
-      acc[key] = props.themeSlots?.[key]
+    ? genPropValue(Object.keys(props.themeSlots).filter(key => key !== 'base').reduce((acc, key) => {
+      acc[key] = genPropValue(props.themeSlots?.[key])
       return acc
     }, {} as Record<string, string>))
     : undefined
 
-  const extraTemplate = [propsTemplate, props.themeSlots?.base ? `class="${props.themeSlots.base}"` : null, slotsTemplate && slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : null].filter(Boolean).join(' ')
+  const extraTemplate = [
+    propsTemplate,
+    props.themeSlots?.base ? `class="${genPropValue(props.themeSlots.base)}"` : null,
+    slotsTemplate && slotsTemplate !== '{}' ? `:ui="${slotsTemplate}"` : null
+  ].filter(Boolean).join(' ')
 
   if (componentExample.value) {
     const componentRegexp = new RegExp(`<${props.component.label}(\\s|\\r|>)`)
 
-    return `\`\`\`vue
-${componentExample.value?.source
-  .replace(componentRegexp, `<${props.component.label} ${extraTemplate}$1`)
-  .replace('v-bind="$attrs"', '')}
-\`\`\``
+    return componentExample.value?.source
+      .replace(componentRegexp, `<${props.component.label} ${extraTemplate}$1`)
+      .replace('v-bind="$attrs"', '')
   }
-
-  return `\`\`\`vue
-<${props.component.label} ${extraTemplate} />
-\`\`\``
+  return `<${props.component.label} ${extraTemplate} />`
 })
 
-const { data: ast } = useAsyncData('component-code', async () => {
+const { $prettier } = useNuxtApp()
+const { data: formattedCode } = useAsyncData('__ui-devtools-component-formatted-code', async () => {
   if (!code.value) return
-
-  const { $prettier } = useNuxtApp()
-  const formatted = await $prettier.format(code.value, {
-    trailingComma: 'none',
+  return await $prettier.format(code.value, {
     semi: false,
-    singleQuote: true
+    singleQuote: true,
+    printWidth: 80
   })
-
-  return await parseMarkdown(formatted)
 }, { watch: [code] })
 
+const { codeToHtml } = useShiki()
+const { data: highlightedCode } = useAsyncData('__ui-devtools-component-highlighted-code', async () => {
+  return formattedCode.value
+    ? codeToHtml(formattedCode.value, 'vue')
+    : undefined
+}, { watch: [formattedCode] })
+
 const { copy, copied } = useClipboard()
 
 const rendererVisible = ref(true)
@@ -107,14 +123,15 @@ const previewUrl = computed(() => {
         </template>
       </UAlert>
     </div>
-    <div v-if="ast" v-show="rendererReady" class="relative w-full p-3">
-      <MDCRenderer :body="ast.body" :data="ast.data" class="p-4 min-h-40 max-h-72 text-sm overflow-y-auto rounded-lg border border-[var(--ui-border)] bg-neutral-50 dark:bg-neutral-800" />
+    <div v-if="highlightedCode && formattedCode" v-show="rendererReady" class="relative w-full p-3">
+      <!-- eslint-disable vue/no-v-html -->
+      <pre class="p-4 min-h-40 max-h-72 text-sm overflow-y-auto rounded-lg border border-[var(--ui-border)] bg-neutral-50 dark:bg-neutral-800" v-html="highlightedCode" />
       <UButton
         color="neutral"
         variant="link"
         :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
         class="absolute top-6 right-6"
-        @click="copy((ast?.body?.children?.[0] as any)?.props.code)"
+        @click="copy(formattedCode)"
       />
     </div>
   </div>
diff --git a/devtools/app/composables/useShiki.ts b/devtools/app/composables/useShiki.ts
new file mode 100644
index 0000000000..a4cc4370d5
--- /dev/null
+++ b/devtools/app/composables/useShiki.ts
@@ -0,0 +1,39 @@
+import { createHighlighterCore } from 'shiki/core'
+import type { BuiltinLanguage, HighlighterCore } from 'shiki'
+import loadWasm from 'shiki/wasm'
+
+import MaterialTheme from 'shiki/themes/material-theme.mjs'
+import MaterialThemePalenight from 'shiki/themes/material-theme-palenight.mjs'
+import VueLang from 'shiki/langs/vue.mjs'
+import MarkdownLang from 'shiki/langs/markdown.mjs'
+
+export const highlighter = shallowRef<HighlighterCore>()
+
+// A custom composable for syntax highlighting with Shiki since `@nuxt/mdc` relies on
+// a server endpoint to highlight code.
+export function useShiki() {
+  async function codeToHtml(code: string, lang: BuiltinLanguage | 'text' = 'text') {
+    if (!highlighter.value) {
+      highlighter.value = await createHighlighterCore({
+        themes: [MaterialTheme, MaterialThemePalenight],
+        langs: [VueLang, MarkdownLang],
+        loadWasm
+      })
+    }
+
+    return highlighter.value.codeToHtml(code, {
+      lang,
+      themes: {
+        dark: 'material-theme-palenight',
+        default: 'material-theme',
+        light: 'material-theme'
+      },
+      colorReplacements: {
+        // Override background color
+        '#263238': 'transparent'
+      }
+    })
+  }
+
+  return { codeToHtml }
+}
diff --git a/devtools/app/plugins/prettier.ts b/devtools/app/plugins/prettier.client.ts
similarity index 73%
rename from devtools/app/plugins/prettier.ts
rename to devtools/app/plugins/prettier.client.ts
index 01ab19e58e..70a0b9644c 100644
--- a/devtools/app/plugins/prettier.ts
+++ b/devtools/app/plugins/prettier.client.ts
@@ -1,5 +1,4 @@
 import type { Options } from 'prettier'
-import { defu } from 'defu'
 import PrettierWorker from '@/workers/prettier.js?worker&inline'
 
 export interface SimplePrettier {
@@ -44,20 +43,8 @@ function createPrettierWorkerApi(worker: Worker): SimplePrettier {
 }
 
 export default defineNuxtPlugin(async () => {
-  let prettier: SimplePrettier
-  if (import.meta.server) {
-    const prettierModule = await import('prettier')
-    prettier = {
-      format(source, options = {}) {
-        return prettierModule.format(source, defu(options, {
-          parser: 'markdown'
-        }))
-      }
-    }
-  } else {
-    const worker = new PrettierWorker()
-    prettier = createPrettierWorkerApi(worker)
-  }
+  const worker = new PrettierWorker()
+  const prettier = createPrettierWorkerApi(worker)
 
   return {
     provide: {
diff --git a/devtools/app/workers/prettier.js b/devtools/app/workers/prettier.js
index 7ac34450e6..1a37b14877 100644
--- a/devtools/app/workers/prettier.js
+++ b/devtools/app/workers/prettier.js
@@ -17,17 +17,14 @@ async function handleFormatMessage(message) {
   if (!globalThis.prettier) {
     await Promise.all([
       import('https://unpkg.com/prettier@3.3.3/standalone.js'),
-      import('https://unpkg.com/prettier@3.3.3/plugins/babel.js'),
-      import('https://unpkg.com/prettier@3.3.3/plugins/estree.js'),
       import('https://unpkg.com/prettier@3.3.3/plugins/html.js'),
-      import('https://unpkg.com/prettier@3.3.3/plugins/markdown.js'),
       import('https://unpkg.com/prettier@3.3.3/plugins/typescript.js')
     ])
   }
 
   const { options, source } = message
   const formatted = await prettier.format(source, {
-    parser: 'markdown',
+    parser: 'vue',
     plugins: prettierPlugins,
     ...options
   })
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 34cacf1964..d772da4608 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -38,6 +38,8 @@ export default defineNuxtConfig({
 
   mdc: {
     highlight: {
+      noApiRoute: true,
+      langs: ['vue'],
       theme: {
         light: 'material-theme',
         default: 'material-theme',

From 4d7c8ccfb7d43ab72fc75b075f168a151275a5bf Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 02:47:32 +0200
Subject: [PATCH 65/92] refactor(devtools): removed `@nuxt/mdc`

---
 devtools/app/components/ComponentPreview.vue   |  4 ++--
 devtools/app/components/ComponentPropInput.vue |  7 ++++++-
 devtools/nuxt.config.ts                        | 14 +-------------
 devtools/package.json                          |  1 -
 pnpm-lock.yaml                                 |  3 ---
 5 files changed, 9 insertions(+), 20 deletions(-)

diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index 692e4111aa..fd70230e79 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -87,7 +87,7 @@ const rendererVisible = ref(true)
 const renderer = ref()
 const rendererReady = ref(false)
 function onRendererReady() {
-  rendererVisible.value = !!renderer.value.contentWindow.document.getElementById('ui-devtools-renderer')
+  // rendererVisible.value = !!renderer.value.contentWindow.document.getElementById('ui-devtools-renderer')
   rendererReady.value = true
 }
 
@@ -119,7 +119,7 @@ const previewUrl = computed(() => {
     <div v-if="!rendererVisible" class="grow w-full flex justify-center items-center px-8">
       <UAlert color="error" variant="subtle" title="Component preview not found" icon="i-heroicons-exclamation-circle">
         <template #description>
-          <MDC value="Ensure your `app.vue` file includes a `<NuxtPage />` component, as the component preview is mounted as a page." />
+          <p>Ensure your <code>app.vue</code> file includes a <code>&lt;NuxtPage /&gt;</code> component, as the component preview is mounted as a page. </p>
         </template>
       </UAlert>
     </div>
diff --git a/devtools/app/components/ComponentPropInput.vue b/devtools/app/components/ComponentPropInput.vue
index e74f343de9..ac50cf8bea 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/devtools/app/components/ComponentPropInput.vue
@@ -15,6 +15,10 @@ watchEffect(() => {
   parsedSchema.value = result?.schema
   matchedInput.value = result?.input
 })
+
+const description = computed(() => {
+  return props.meta.description?.replace(/`([^`]+)`/g, '<code class="font-medium bg-[var(--ui-bg-elevated)] px-1 py-0.5 rounded">$1</code>')
+})
 </script>
 
 <template>
@@ -26,7 +30,8 @@ watchEffect(() => {
     </template>
 
     <template #description>
-      <MDC v-if="meta.description" :value="meta.description" class="text-neutral-600 dark:text-neutral-400 mt-1" />
+      <!-- eslint-disable vue/no-v-html -->
+      <p v-if="meta.description" class="text-neutral-600 dark:text-neutral-400 mt-1" v-html="description" />
     </template>
 
     <component :is="matchedInput.component" v-if="!ignore && matchedInput" v-model="modelValue" :schema="parsedSchema" />
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index d772da4608..91d46e6a4a 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -11,7 +11,7 @@ export default defineNuxtConfig({
 
   ssr: false,
 
-  modules: [module, '@nuxtjs/mdc', '@nuxt/test-utils/module'],
+  modules: [module, '@nuxt/test-utils/module'],
 
   nitro: {
     hooks: {
@@ -34,17 +34,5 @@ export default defineNuxtConfig({
         clientPort: process.env.PORT ? +process.env.PORT : undefined
       }
     }
-  },
-
-  mdc: {
-    highlight: {
-      noApiRoute: true,
-      langs: ['vue'],
-      theme: {
-        light: 'material-theme',
-        default: 'material-theme',
-        dark: 'material-theme-palenight'
-      }
-    }
   }
 })
diff --git a/devtools/package.json b/devtools/package.json
index 4309379dd9..c28edcd332 100644
--- a/devtools/package.json
+++ b/devtools/package.json
@@ -11,7 +11,6 @@
   },
   "dependencies": {
     "@nuxt/ui": "latest",
-    "@nuxtjs/mdc": "^0.9.2",
     "knitwork": "^1.1.0",
     "nuxt": "^3.13.1",
     "prettier": "^3.3.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ddda375900..16c0a6f607 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -179,9 +179,6 @@ importers:
       '@nuxt/ui':
         specifier: workspace:*
         version: link:..
-      '@nuxtjs/mdc':
-        specifier: ^0.9.2
-        version: 0.9.2(magicast@0.3.5)(rollup@4.24.0)
       knitwork:
         specifier: ^1.1.0
         version: 1.1.0

From c1d488b1b9678c60c1aab77032c5641331ebe3ce Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 12:03:29 +0200
Subject: [PATCH 66/92] fix(devtools): run sirv in dev mode

---
 src/module.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/module.ts b/src/module.ts
index 00f8551195..b086cb2d6d 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -192,7 +192,8 @@ export default defineNuxtModule<ModuleOptions>({
       } else {
         nuxt.hook('vite:serverCreated', async (server) => {
           server.middlewares.use('/__nuxt_ui__/devtools', sirv(resolve('../dist/client/devtools'), {
-            single: true
+            single: true,
+            dev: true
           }))
         })
       }

From 93ec9cc3cbbf77372fe381372d442ca1c3d384ad Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 12:22:25 +0200
Subject: [PATCH 67/92] fix(devtools): disable SSR on devtools routes

---
 src/module.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/module.ts b/src/module.ts
index b086cb2d6d..b3902b31ff 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -198,6 +198,7 @@ export default defineNuxtModule<ModuleOptions>({
         })
       }
 
+      nuxt.options.routeRules = defu(nuxt.options.routeRules, { '/__nuxt_ui__/**': { ssr: false } })
       extendPages((pages) => {
         pages.unshift({
           name: 'ui-devtools',

From 63284d72fff59d6531742d92bb072bca1b41cae2 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 13:03:03 +0200
Subject: [PATCH 68/92] fix(devtools): remove defineAsyncComponent from dynamic
 imports in DevtoolsRenderer

---
 src/devtools/runtime/DevtoolsRenderer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/devtools/runtime/DevtoolsRenderer.vue b/src/devtools/runtime/DevtoolsRenderer.vue
index 6333a4e4b8..ed435099f9 100644
--- a/src/devtools/runtime/DevtoolsRenderer.vue
+++ b/src/devtools/runtime/DevtoolsRenderer.vue
@@ -5,8 +5,8 @@ import { useColorMode, useRoute } from '#imports'
 
 const route = useRoute()
 const component = route.query?.example
-  ? defineAsyncComponent(() => import(`./examples/${route.query.example}.vue`))
-  : route.params?.slug && defineAsyncComponent(() => import(`../../runtime/components/${pascalCase(route.params.slug as string)}.vue`))
+  ? await import(`./examples/${route.query.example}.vue`).then(c => c.default)
+  : route.params?.slug && await import(`../../runtime/components/${pascalCase(route.params.slug as string)}.vue`).then(c => c.default)
 
 const state = reactive<{ slots?: any, props?: any }>({})
 

From e85015868e0debe70d6e8db7a9b698791a7edcba Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 13:07:47 +0200
Subject: [PATCH 69/92] fix(devtools): use material-theme-lighter for syntax
 highlighting in lightmode

---
 devtools/app/composables/useShiki.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/devtools/app/composables/useShiki.ts b/devtools/app/composables/useShiki.ts
index a4cc4370d5..c922cc39de 100644
--- a/devtools/app/composables/useShiki.ts
+++ b/devtools/app/composables/useShiki.ts
@@ -2,7 +2,7 @@ import { createHighlighterCore } from 'shiki/core'
 import type { BuiltinLanguage, HighlighterCore } from 'shiki'
 import loadWasm from 'shiki/wasm'
 
-import MaterialTheme from 'shiki/themes/material-theme.mjs'
+import MaterialThemeLighter from 'shiki/themes/material-theme-lighter.mjs'
 import MaterialThemePalenight from 'shiki/themes/material-theme-palenight.mjs'
 import VueLang from 'shiki/langs/vue.mjs'
 import MarkdownLang from 'shiki/langs/markdown.mjs'
@@ -15,7 +15,7 @@ export function useShiki() {
   async function codeToHtml(code: string, lang: BuiltinLanguage | 'text' = 'text') {
     if (!highlighter.value) {
       highlighter.value = await createHighlighterCore({
-        themes: [MaterialTheme, MaterialThemePalenight],
+        themes: [MaterialThemeLighter, MaterialThemePalenight],
         langs: [VueLang, MarkdownLang],
         loadWasm
       })
@@ -25,8 +25,8 @@ export function useShiki() {
       lang,
       themes: {
         dark: 'material-theme-palenight',
-        default: 'material-theme',
-        light: 'material-theme'
+        default: 'material-theme-lighter',
+        light: 'material-theme-lighter'
       },
       colorReplacements: {
         // Override background color

From b3fd29c6490a7b6420bc188fb99ba1a20ce2eaaa Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 13:08:32 +0200
Subject: [PATCH 70/92] fix(devtools): remove unused imports

---
 src/devtools/runtime/DevtoolsRenderer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/devtools/runtime/DevtoolsRenderer.vue b/src/devtools/runtime/DevtoolsRenderer.vue
index ed435099f9..2a972e314e 100644
--- a/src/devtools/runtime/DevtoolsRenderer.vue
+++ b/src/devtools/runtime/DevtoolsRenderer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onUnmounted, onMounted, reactive, defineAsyncComponent } from 'vue'
+import { onUnmounted, onMounted, reactive } from 'vue'
 import { pascalCase } from 'scule'
 import { useColorMode, useRoute } from '#imports'
 

From 39df9ff0b31354551146adc62d5b5dde55f53ca1 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 13:23:59 +0200
Subject: [PATCH 71/92] fix(devtools): ToasterExample

---
 src/devtools/runtime/examples/ToasterExample.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/devtools/runtime/examples/ToasterExample.vue b/src/devtools/runtime/examples/ToasterExample.vue
index d52f17c68f..96e9753683 100644
--- a/src/devtools/runtime/examples/ToasterExample.vue
+++ b/src/devtools/runtime/examples/ToasterExample.vue
@@ -1,4 +1,6 @@
 <script setup>
+import { useToast } from '#imports'
+
 const toast = useToast()
 </script>
 

From 832ba5ed2d87688b42de392f9cf34824ed3b68d8 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 13:50:26 +0200
Subject: [PATCH 72/92] fix: replace fast-deep-equals with fast-equals

---
 package.json                          | 1 +
 pnpm-lock.yaml                        | 9 +++++++++
 src/runtime/components/InputMenu.vue  | 2 +-
 src/runtime/components/SelectMenu.vue | 2 +-
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 0fe2668cc9..fa764a04a3 100644
--- a/package.json
+++ b/package.json
@@ -68,6 +68,7 @@
     "embla-carousel-fade": "^8.3.0",
     "embla-carousel-vue": "^8.3.0",
     "embla-carousel-wheel-gestures": "^8.0.1",
+    "fast-equals": "^5.0.1",
     "fuse.js": "^7.0.0",
     "get-port-please": "^3.1.2",
     "ohash": "^1.1.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a1c67da961..287cfdba3f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -67,6 +67,9 @@ importers:
       embla-carousel-wheel-gestures:
         specifier: ^8.0.1
         version: 8.0.1(embla-carousel@8.3.0)
+      fast-equals:
+        specifier: ^5.0.1
+        version: 5.0.1
       fuse.js:
         specifier: ^7.0.0
         version: 7.0.0
@@ -3862,6 +3865,10 @@ packages:
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
+  fast-equals@5.0.1:
+    resolution: {integrity: sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ==}
+    engines: {node: '>=6.0.0'}
+
   fast-fifo@1.3.2:
     resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
 
@@ -11044,6 +11051,8 @@ snapshots:
 
   fast-deep-equal@3.1.3: {}
 
+  fast-equals@5.0.1: {}
+
   fast-fifo@1.3.2: {}
 
   fast-glob@3.3.2:
diff --git a/src/runtime/components/InputMenu.vue b/src/runtime/components/InputMenu.vue
index d3f5a5fc30..93003c389a 100644
--- a/src/runtime/components/InputMenu.vue
+++ b/src/runtime/components/InputMenu.vue
@@ -127,7 +127,7 @@ extendDevtoolsMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3']
 import { computed, ref, toRef, onMounted } from 'vue'
 import { ComboboxRoot, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxSeparator, ComboboxItem, ComboboxItemIndicator, TagsInputRoot, TagsInputItem, TagsInputItemText, TagsInputItemDelete, TagsInputInput, useForwardPropsEmits } from 'radix-vue'
 import { defu } from 'defu'
-import isEqual from 'fast-deep-equal'
+import { deepEqual as isEqual } from 'fast-equals'
 import { reactivePick } from '@vueuse/core'
 import { useAppConfig } from '#imports'
 import { useButtonGroup } from '../composables/useButtonGroup'
diff --git a/src/runtime/components/SelectMenu.vue b/src/runtime/components/SelectMenu.vue
index ab281911ad..684e53c310 100644
--- a/src/runtime/components/SelectMenu.vue
+++ b/src/runtime/components/SelectMenu.vue
@@ -117,7 +117,7 @@ extendDevtoolsMeta({ defaultProps: { items: ['Option 1', 'Option 2', 'Option 3']
 import { computed, toRef } from 'vue'
 import { ComboboxRoot, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxSeparator, ComboboxItem, ComboboxItemIndicator, useForwardPropsEmits } from 'radix-vue'
 import { defu } from 'defu'
-import isEqual from 'fast-deep-equal'
+import { deepEqual as isEqual } from 'fast-equals'
 import { reactivePick } from '@vueuse/core'
 import { useAppConfig } from '#imports'
 import { useButtonGroup } from '../composables/useButtonGroup'

From cdf88427595cd258a5e6f89a8aec2614f4de15d7 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 14:11:07 +0200
Subject: [PATCH 73/92] fix(devtools): shiki colormode

---
 devtools/app/app.vue                 | 15 +++++++++++++++
 devtools/app/composables/useShiki.ts |  5 -----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index f93df1531f..48781497ba 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -226,4 +226,19 @@ const isDark = computed({
   --ui-border: var(--ui-color-neutral-800);
   --ui-bg: var(--ui-color-neutral-900);
 }
+
+.shiki
+.shiki span {
+  background-color: transparent !important;
+}
+
+html.dark .shiki,
+html.dark .shiki span {
+  color: var(--shiki-dark) !important;
+  background-color: transparent !important;
+  /* Optional, if you also want font styles */
+  font-style: var(--shiki-dark-font-style) !important;
+  font-weight: var(--shiki-dark-font-weight) !important;
+  text-decoration: var(--shiki-dark-text-decoration) !important;
+}
 </style>
diff --git a/devtools/app/composables/useShiki.ts b/devtools/app/composables/useShiki.ts
index c922cc39de..1ce505f74b 100644
--- a/devtools/app/composables/useShiki.ts
+++ b/devtools/app/composables/useShiki.ts
@@ -1,7 +1,6 @@
 import { createHighlighterCore } from 'shiki/core'
 import type { BuiltinLanguage, HighlighterCore } from 'shiki'
 import loadWasm from 'shiki/wasm'
-
 import MaterialThemeLighter from 'shiki/themes/material-theme-lighter.mjs'
 import MaterialThemePalenight from 'shiki/themes/material-theme-palenight.mjs'
 import VueLang from 'shiki/langs/vue.mjs'
@@ -27,10 +26,6 @@ export function useShiki() {
         dark: 'material-theme-palenight',
         default: 'material-theme-lighter',
         light: 'material-theme-lighter'
-      },
-      colorReplacements: {
-        // Override background color
-        '#263238': 'transparent'
       }
     })
   }

From 837e6c919db2e5a416200b23f5a1bea117fd9d2d Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 14:17:06 +0200
Subject: [PATCH 74/92] feat(devtools): remove hash imports from code preview

---
 devtools/app/components/ComponentPreview.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index fd70230e79..fdfb17d4e2 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -58,6 +58,7 @@ const code = computed(() => {
     const componentRegexp = new RegExp(`<${props.component.label}(\\s|\\r|>)`)
 
     return componentExample.value?.source
+      .replace(/import .* from ['"]#.*['"];?\n+/, '')
       .replace(componentRegexp, `<${props.component.label} ${extraTemplate}$1`)
       .replace('v-bind="$attrs"', '')
   }

From dfba09f4fdb4eaf2ec4df48b9c7ffd333902a926 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 14:44:36 +0200
Subject: [PATCH 75/92] fix(devtools): code preview indents

---
 devtools/app/components/ComponentPreview.vue | 10 +++++-----
 devtools/app/workers/prettier.js             |  5 +++++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index fdfb17d4e2..e9b08d525b 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -12,18 +12,18 @@ const { data: componentExample } = useAsyncData('__ui_devtools_component-source'
   return await $fetch<{ source: string }>(`/api/component-example`, { params: { component: example } })
 }, { watch: [() => props.component?.slug] })
 
-function genPropValue(value: any, indent: number = 2): string {
-  const indentStr = ' '.repeat(indent)
+function genPropValue(value: any): string {
   if (typeof value === 'string') {
     return `'${escapeString(value).replace(/'/g, '&apos;').replace(/"/g, '&quot;')}'`
   }
   if (Array.isArray(value)) {
-    return `[\n${value.map(item => `${genPropValue(item, indent + 2)}`).join(',\n')}\n${indentStr}]`
+    return `[ ${value.map(item => `${genPropValue(item)}`).join(',')} ]`
   }
   if (typeof value === 'object' && value !== null) {
-    const entries = Object.entries(value).map(([key, val]) => `${indentStr}  ${key}: ${genPropValue(val, indent + 2)}`)
-    return `${indentStr}{\n${entries.join(',\n')}\n${indentStr}}`
+    const entries = Object.entries(value).map(([key, val]) => `${key}: ${genPropValue(val)}`)
+    return `{ ${entries.join(`,`)} }`
   }
+
   return value
 }
 
diff --git a/devtools/app/workers/prettier.js b/devtools/app/workers/prettier.js
index 1a37b14877..25e70a343b 100644
--- a/devtools/app/workers/prettier.js
+++ b/devtools/app/workers/prettier.js
@@ -18,10 +18,14 @@ async function handleFormatMessage(message) {
     await Promise.all([
       import('https://unpkg.com/prettier@3.3.3/standalone.js'),
       import('https://unpkg.com/prettier@3.3.3/plugins/html.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/postcss.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/babel.js'),
+      import('https://unpkg.com/prettier@3.3.3/plugins/estree.js'),
       import('https://unpkg.com/prettier@3.3.3/plugins/typescript.js')
     ])
   }
 
+  console.log('message', message)
   const { options, source } = message
   const formatted = await prettier.format(source, {
     parser: 'vue',
@@ -29,5 +33,6 @@ async function handleFormatMessage(message) {
     ...options
   })
 
+  console.log('formatted', formatted)
   return formatted
 }

From 6fd350e3461e6e8c96a935c7e3c018944b4d8f47 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 16:15:27 +0200
Subject: [PATCH 76/92] fix(devtools): component preview error

---
 devtools/app/components/ComponentPreview.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index e9b08d525b..b9ce0de13a 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -88,8 +88,8 @@ const rendererVisible = ref(true)
 const renderer = ref()
 const rendererReady = ref(false)
 function onRendererReady() {
-  // rendererVisible.value = !!renderer.value.contentWindow.document.getElementById('ui-devtools-renderer')
   rendererReady.value = true
+  setTimeout(() => rendererVisible.value = !!renderer.value.contentWindow.document.getElementById('ui-devtools-renderer'), 500)
 }
 
 watch(() => props.component, () => rendererReady.value = false)

From 45e3f0ed641147b65284e8bf0bd32e4dda3ffa6b Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 16:44:24 +0200
Subject: [PATCH 77/92] feat(devtools): add template defaultVariants to
 component prop default

---
 src/devtools/meta.ts | 6 ++++--
 src/module.ts        | 5 +++--
 src/templates.ts     | 7 +++++++
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index 9dd597a77f..fb1c201de8 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -1,5 +1,5 @@
 import type { ViteDevServer } from 'vite'
-import { kebabCase } from 'scule'
+import { kebabCase, camelCase } from 'scule'
 import defu from 'defu'
 import fs from 'node:fs'
 import type { Resolver } from '@nuxt/kit'
@@ -29,7 +29,7 @@ function extractDevtoolsMeta(code: string): string | null {
 }
 
 // A Plugin to parse additional metadata for the Nuxt UI Devtools.
-export function devtoolsMetaPlugin({ resolve }: { resolve: Resolver['resolve'] }) {
+export function devtoolsMetaPlugin({ resolve, templates }: { resolve: Resolver['resolve'], templates: Record<string, any> }) {
   return {
     name: 'ui-devtools-component-meta',
     enforce: 'pre' as const,
@@ -63,6 +63,7 @@ export function devtoolsMetaPlugin({ resolve }: { resolve: Resolver['resolve'] }
               if (!key.startsWith('U')) return acc
               const name = key.substring(1)
               const slug = kebabCase(name)
+              const template = templates?.[camelCase(name)]
 
               if (devtoolsComponentMeta[slug] === undefined) {
                 const path = resolve(`./runtime/components/${name}.vue`)
@@ -82,6 +83,7 @@ export function devtoolsMetaPlugin({ resolve }: { resolve: Resolver['resolve'] }
                   : prop?.tags?.find((tag: any) =>
                     tag.name === 'defaultValue'
                     && !tag.text?.includes('appConfig'))?.text
+                    ?? template?.defaultVariants?.[prop.name]
 
                 if (typeof defaultValue === 'string') defaultValue = defaultValue?.replaceAll(/["'`]/g, '')
                 if (defaultValue === 'true') defaultValue = true
diff --git a/src/module.ts b/src/module.ts
index b3902b31ff..4ce47cd257 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -1,6 +1,6 @@
 import { defu } from 'defu'
 import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir, addVitePlugin, addPlugin, installModule, extendPages, hasNuxtModule } from '@nuxt/kit'
-import { addTemplates } from './templates'
+import { addTemplates, buildTemplates } from './templates'
 import icons from './theme/icons'
 import { addCustomTab, startSubprocess } from '@nuxt/devtools-kit'
 import sirv from 'sirv'
@@ -151,7 +151,8 @@ export default defineNuxtModule<ModuleOptions>({
     addTemplates(options, nuxt)
 
     if (nuxt.options.dev && nuxt.options.devtools.enabled && options.devtools.enabled) {
-      nuxt.options.vite = defu(nuxt.options?.vite, { plugins: [devtoolsMetaPlugin({ resolve })] })
+      const templates = buildTemplates(options)
+      nuxt.options.vite = defu(nuxt.options?.vite, { plugins: [devtoolsMetaPlugin({ resolve, templates })] })
 
       setupDevtoolsClient(options)
 
diff --git a/src/templates.ts b/src/templates.ts
index 4a9fed9c87..10475bbd79 100644
--- a/src/templates.ts
+++ b/src/templates.ts
@@ -5,6 +5,13 @@ import type { Nuxt } from '@nuxt/schema'
 import type { ModuleOptions } from './module'
 import * as theme from './theme'
 
+export function buildTemplates(options: ModuleOptions) {
+  return Object.entries(theme).reduce((acc, [key, component]) => {
+    acc[key] = typeof component === 'function' ? component(options as Required<ModuleOptions>) : component
+    return acc
+  }, {} as Record<string, any>)
+}
+
 export function addTemplates(options: ModuleOptions, nuxt: Nuxt) {
   for (const component in theme) {
     addTemplate({

From 1b8d699f093f997f5af0def556b4f85e9b3b3d1f Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Sun, 20 Oct 2024 16:59:23 +0200
Subject: [PATCH 78/92] chore(devtools): up

---
 src/devtools/runtime/DevtoolsRenderer.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/devtools/runtime/DevtoolsRenderer.vue b/src/devtools/runtime/DevtoolsRenderer.vue
index 2a972e314e..9efe97b023 100644
--- a/src/devtools/runtime/DevtoolsRenderer.vue
+++ b/src/devtools/runtime/DevtoolsRenderer.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { onUnmounted, onMounted, reactive } from 'vue'
 import { pascalCase } from 'scule'
-import { useColorMode, useRoute } from '#imports'
+import { defineAsyncComponent, useColorMode, useRoute } from '#imports'
 
 const route = useRoute()
 const component = route.query?.example
-  ? await import(`./examples/${route.query.example}.vue`).then(c => c.default)
-  : route.params?.slug && await import(`../../runtime/components/${pascalCase(route.params.slug as string)}.vue`).then(c => c.default)
+  ? defineAsyncComponent(() => import(`./examples/${route.query.example}.vue`))
+  : route.params?.slug && defineAsyncComponent(() => import(`../../runtime/components/${pascalCase(route.params.slug as string)}.vue`))
 
 const state = reactive<{ slots?: any, props?: any }>({})
 

From 6d0af61a94ec089ca87951cf026001a808350bc1 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 21 Oct 2024 12:09:53 +0200
Subject: [PATCH 79/92] chore: remove logs

---
 devtools/app/workers/prettier.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/devtools/app/workers/prettier.js b/devtools/app/workers/prettier.js
index 25e70a343b..873541efdd 100644
--- a/devtools/app/workers/prettier.js
+++ b/devtools/app/workers/prettier.js
@@ -25,7 +25,6 @@ async function handleFormatMessage(message) {
     ])
   }
 
-  console.log('message', message)
   const { options, source } = message
   const formatted = await prettier.format(source, {
     parser: 'vue',
@@ -33,6 +32,5 @@ async function handleFormatMessage(message) {
     ...options
   })
 
-  console.log('formatted', formatted)
   return formatted
 }

From 34b94280c4567ec0de2a675dbed82ee913c2c0a3 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 21 Oct 2024 15:35:06 +0200
Subject: [PATCH 80/92] Update src/module.ts

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
---
 src/module.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/module.ts b/src/module.ts
index 4ce47cd257..f39a59ddd0 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -56,7 +56,7 @@ export interface ModuleOptions {
   /**
    * Configuration for the Nuxt UI devtools.
    */
-  devtools: {
+  devtools?: {
     /**
      * Enable or disable Nuxt UI devtools.
      * @defaultValue `true`

From 878ae73cf182d61d4a9be11074c7829cb93cc455 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 21 Oct 2024 15:36:49 +0200
Subject: [PATCH 81/92] chore: up

---
 src/runtime/components/Form.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/runtime/components/Form.vue b/src/runtime/components/Form.vue
index 3718535c75..acb512e27c 100644
--- a/src/runtime/components/Form.vue
+++ b/src/runtime/components/Form.vue
@@ -37,11 +37,11 @@ extendDevtoolsMeta({
 </script>
 
 <script lang="ts" setup generic="T extends object">
+import { provide, inject, nextTick, ref, onUnmounted, onMounted, computed, useId, readonly } from 'vue'
 import { useEventBus } from '@vueuse/core'
 import { formOptionsInjectionKey, formInputsInjectionKey, formBusInjectionKey, formLoadingInjectionKey } from '../composables/useFormField'
 import { getYupErrors, isYupSchema, getValibotErrors, isValibotSchema, getZodErrors, isZodSchema, getJoiErrors, isJoiSchema, getStandardErrors, isStandardSchema, getSuperStructErrors, isSuperStructSchema } from '../utils/form'
 import { FormValidationException } from '../types/form'
-import { provide, inject, nextTick, ref, onUnmounted, onMounted, computed, useId, readonly } from 'vue'
 
 const props = withDefaults(defineProps<FormProps<T>>(), {
   validateOn() {

From 72ddb1d84ff054521d572d70b8ae02b7f5e3afd3 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 21 Oct 2024 15:36:49 +0200
Subject: [PATCH 82/92] chore: up

---
 src/module.ts                   | 2 +-
 src/runtime/components/Form.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/module.ts b/src/module.ts
index f39a59ddd0..bde3cd58bc 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -150,7 +150,7 @@ export default defineNuxtModule<ModuleOptions>({
 
     addTemplates(options, nuxt)
 
-    if (nuxt.options.dev && nuxt.options.devtools.enabled && options.devtools.enabled) {
+    if (nuxt.options.dev && nuxt.options.devtools.enabled && options.devtools?.enabled) {
       const templates = buildTemplates(options)
       nuxt.options.vite = defu(nuxt.options?.vite, { plugins: [devtoolsMetaPlugin({ resolve, templates })] })
 
diff --git a/src/runtime/components/Form.vue b/src/runtime/components/Form.vue
index 3718535c75..acb512e27c 100644
--- a/src/runtime/components/Form.vue
+++ b/src/runtime/components/Form.vue
@@ -37,11 +37,11 @@ extendDevtoolsMeta({
 </script>
 
 <script lang="ts" setup generic="T extends object">
+import { provide, inject, nextTick, ref, onUnmounted, onMounted, computed, useId, readonly } from 'vue'
 import { useEventBus } from '@vueuse/core'
 import { formOptionsInjectionKey, formInputsInjectionKey, formBusInjectionKey, formLoadingInjectionKey } from '../composables/useFormField'
 import { getYupErrors, isYupSchema, getValibotErrors, isValibotSchema, getZodErrors, isZodSchema, getJoiErrors, isJoiSchema, getStandardErrors, isStandardSchema, getSuperStructErrors, isSuperStructSchema } from '../utils/form'
 import { FormValidationException } from '../types/form'
-import { provide, inject, nextTick, ref, onUnmounted, onMounted, computed, useId, readonly } from 'vue'
 
 const props = withDefaults(defineProps<FormProps<T>>(), {
   validateOn() {

From b50140f71f04a33b76eef60e095d3ca27eae5997 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 21 Oct 2024 16:17:38 +0200
Subject: [PATCH 83/92] chore(components): order `extendDevtoolsMeta` imports

---
 src/runtime/components/Accordion.vue      | 2 +-
 src/runtime/components/Alert.vue          | 2 +-
 src/runtime/components/App.vue            | 2 +-
 src/runtime/components/Avatar.vue         | 2 +-
 src/runtime/components/Breadcrumb.vue     | 2 +-
 src/runtime/components/Button.vue         | 4 ++--
 src/runtime/components/Carousel.vue       | 2 +-
 src/runtime/components/CommandPalette.vue | 2 +-
 src/runtime/components/ContextMenu.vue    | 2 +-
 src/runtime/components/DropdownMenu.vue   | 2 +-
 src/runtime/components/Form.vue           | 2 +-
 src/runtime/components/InputMenu.vue      | 2 +-
 src/runtime/components/Modal.vue          | 2 +-
 src/runtime/components/NavigationMenu.vue | 2 +-
 src/runtime/components/Pagination.vue     | 2 +-
 src/runtime/components/RadioGroup.vue     | 2 +-
 src/runtime/components/Select.vue         | 2 +-
 src/runtime/components/SelectMenu.vue     | 2 +-
 src/runtime/components/Slideover.vue      | 2 +-
 src/runtime/components/Switch.vue         | 2 +-
 src/runtime/components/Tabs.vue           | 2 +-
 src/runtime/components/Toast.vue          | 2 +-
 src/runtime/components/Tooltip.vue        | 2 +-
 23 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/runtime/components/Accordion.vue b/src/runtime/components/Accordion.vue
index c1e35c9013..a172489be0 100644
--- a/src/runtime/components/Accordion.vue
+++ b/src/runtime/components/Accordion.vue
@@ -5,8 +5,8 @@ import type { AccordionRootProps, AccordionRootEmits } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/accordion'
-import type { DynamicSlots } from '../types/utils'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { DynamicSlots } from '../types/utils'
 
 const appConfig = _appConfig as AppConfig & { ui: { accordion: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue
index e5b1767bc3..c65a0e02d8 100644
--- a/src/runtime/components/Alert.vue
+++ b/src/runtime/components/Alert.vue
@@ -3,8 +3,8 @@ import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/alert'
-import type { AvatarProps, ButtonProps } from '../types'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { AvatarProps, ButtonProps } from '../types'
 
 const appConfig = _appConfig as AppConfig & { ui: { alert: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/App.vue b/src/runtime/components/App.vue
index 8089d2ccf6..c341f4dad2 100644
--- a/src/runtime/components/App.vue
+++ b/src/runtime/components/App.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
 import type { ConfigProviderProps, TooltipProviderProps } from 'radix-vue'
-import type { ToasterProps } from '../types'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { ToasterProps } from '../types'
 
 export interface AppProps extends Omit<ConfigProviderProps, 'useId'> {
   tooltip?: TooltipProviderProps
diff --git a/src/runtime/components/Avatar.vue b/src/runtime/components/Avatar.vue
index 38210e4b04..de514b27c8 100644
--- a/src/runtime/components/Avatar.vue
+++ b/src/runtime/components/Avatar.vue
@@ -2,9 +2,9 @@
 import { tv, type VariantProps } from 'tailwind-variants'
 import type { AvatarFallbackProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/avatar'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { avatar: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Breadcrumb.vue b/src/runtime/components/Breadcrumb.vue
index 3210c4cdff..fa0ec84bb2 100644
--- a/src/runtime/components/Breadcrumb.vue
+++ b/src/runtime/components/Breadcrumb.vue
@@ -4,9 +4,9 @@ import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/breadcrumb'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { AvatarProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { breadcrumb: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index 44be96dacf..cefe2cd98d 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -5,10 +5,9 @@ import _appConfig from '#build/app.config'
 import theme from '#build/ui/button'
 import type { LinkProps } from './Link.vue'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { AvatarProps } from '../types'
 import type { PartialString } from '../types/utils'
-import { formLoadingInjectionKey } from '../composables/useFormField'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { button: Partial<typeof theme> } }
 
@@ -47,6 +46,7 @@ import { type Ref, computed, ref, inject } from 'vue'
 import { useForwardProps } from 'radix-vue'
 import { useComponentIcons } from '../composables/useComponentIcons'
 import { useButtonGroup } from '../composables/useButtonGroup'
+import { formLoadingInjectionKey } from '../composables/useFormField'
 import { omit } from '../utils'
 import { pickLinkProps } from '../utils/link'
 import UIcon from './Icon.vue'
diff --git a/src/runtime/components/Carousel.vue b/src/runtime/components/Carousel.vue
index d46a6b2c04..2a24528e24 100644
--- a/src/runtime/components/Carousel.vue
+++ b/src/runtime/components/Carousel.vue
@@ -11,9 +11,9 @@ import type { FadeOptionsType } from 'embla-carousel-fade'
 import type { WheelGesturesPluginOptions } from 'embla-carousel-wheel-gestures'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/carousel'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { ButtonProps } from '../types'
 import type { AcceptableValue, PartialString } from '../types/utils'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { carousel: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/CommandPalette.vue b/src/runtime/components/CommandPalette.vue
index ce15600f90..7a3da62dd0 100644
--- a/src/runtime/components/CommandPalette.vue
+++ b/src/runtime/components/CommandPalette.vue
@@ -8,9 +8,9 @@ import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/command-palette'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { AvatarProps, ButtonProps, ChipProps, KbdProps, InputProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { commandPalette: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/ContextMenu.vue b/src/runtime/components/ContextMenu.vue
index a37b857b74..94691d5c84 100644
--- a/src/runtime/components/ContextMenu.vue
+++ b/src/runtime/components/ContextMenu.vue
@@ -5,9 +5,9 @@ import type { ContextMenuRootProps, ContextMenuRootEmits, ContextMenuContentProp
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/context-menu'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { AvatarProps, KbdProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { contextMenu: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/DropdownMenu.vue b/src/runtime/components/DropdownMenu.vue
index 07034ecb40..406a74ee9d 100644
--- a/src/runtime/components/DropdownMenu.vue
+++ b/src/runtime/components/DropdownMenu.vue
@@ -5,9 +5,9 @@ import type { DropdownMenuRootProps, DropdownMenuRootEmits, DropdownMenuContentP
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/dropdown-menu'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { AvatarProps, KbdProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { dropdownMenu: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Form.vue b/src/runtime/components/Form.vue
index acb512e27c..2795c2a7a5 100644
--- a/src/runtime/components/Form.vue
+++ b/src/runtime/components/Form.vue
@@ -3,8 +3,8 @@ import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/form'
-import type { FormSchema, FormError, FormInputEvents, FormErrorEvent, FormSubmitEvent, FormEvent, Form, FormErrorWithId } from '../types/form'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { FormSchema, FormError, FormInputEvents, FormErrorEvent, FormSubmitEvent, FormEvent, Form, FormErrorWithId } from '../types/form'
 
 const appConfig = _appConfig as AppConfig & { ui: { form: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/InputMenu.vue b/src/runtime/components/InputMenu.vue
index 93003c389a..035550d451 100644
--- a/src/runtime/components/InputMenu.vue
+++ b/src/runtime/components/InputMenu.vue
@@ -6,9 +6,9 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/input-menu'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { AcceptableValue, ArrayOrWrapped, PartialString } from '../types/utils'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { inputMenu: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Modal.vue b/src/runtime/components/Modal.vue
index d5c92b9384..18007e07fa 100644
--- a/src/runtime/components/Modal.vue
+++ b/src/runtime/components/Modal.vue
@@ -4,8 +4,8 @@ import type { DialogRootProps, DialogRootEmits, DialogContentProps } from 'radix
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/modal'
-import type { ButtonProps } from '../types'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { ButtonProps } from '../types'
 
 const appConfig = _appConfig as AppConfig & { ui: { modal: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/NavigationMenu.vue b/src/runtime/components/NavigationMenu.vue
index 3f9532d79b..eed4d736d1 100644
--- a/src/runtime/components/NavigationMenu.vue
+++ b/src/runtime/components/NavigationMenu.vue
@@ -5,9 +5,9 @@ import type { NavigationMenuRootProps, NavigationMenuRootEmits, NavigationMenuCo
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/navigation-menu'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { AvatarProps, BadgeProps, LinkProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendDevtoolsMeta } from '#imports'
 
 const appConfig = _appConfig as AppConfig & { ui: { navigationMenu: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Pagination.vue b/src/runtime/components/Pagination.vue
index cfa023fa2a..3672a66754 100644
--- a/src/runtime/components/Pagination.vue
+++ b/src/runtime/components/Pagination.vue
@@ -5,8 +5,8 @@ import type { AppConfig } from '@nuxt/schema'
 import type { RouteLocationRaw } from '#vue-router'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/pagination'
-import type { ButtonProps } from '../types'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { ButtonProps } from '../types'
 
 const appConfig = _appConfig as AppConfig & { ui: { pagination: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/RadioGroup.vue b/src/runtime/components/RadioGroup.vue
index 0df883ba21..dbae2ee3fc 100644
--- a/src/runtime/components/RadioGroup.vue
+++ b/src/runtime/components/RadioGroup.vue
@@ -4,8 +4,8 @@ import type { RadioGroupRootProps, RadioGroupRootEmits } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/radio-group'
-import type { AcceptableValue } from '../types/utils'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { AcceptableValue } from '../types/utils'
 
 const appConfig = _appConfig as AppConfig & { ui: { radioGroup: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Select.vue b/src/runtime/components/Select.vue
index d1288adb82..81ad264eb8 100644
--- a/src/runtime/components/Select.vue
+++ b/src/runtime/components/Select.vue
@@ -5,9 +5,9 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/select'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { AcceptableValue, PartialString } from '../types/utils'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { select: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/SelectMenu.vue b/src/runtime/components/SelectMenu.vue
index 684e53c310..9f34e837c5 100644
--- a/src/runtime/components/SelectMenu.vue
+++ b/src/runtime/components/SelectMenu.vue
@@ -5,9 +5,9 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/select-menu'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { AcceptableValue, ArrayOrWrapped, PartialString } from '../types/utils'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { selectMenu: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Slideover.vue b/src/runtime/components/Slideover.vue
index 1c7e0e9ff1..4b7398dd1d 100644
--- a/src/runtime/components/Slideover.vue
+++ b/src/runtime/components/Slideover.vue
@@ -4,8 +4,8 @@ import type { DialogRootProps, DialogRootEmits, DialogContentProps } from 'radix
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/slideover'
-import type { ButtonProps } from '../types'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { ButtonProps } from '../types'
 
 const appConfig = _appConfig as AppConfig & { ui: { slideover: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Switch.vue b/src/runtime/components/Switch.vue
index 187aab2f87..6b6a59ef32 100644
--- a/src/runtime/components/Switch.vue
+++ b/src/runtime/components/Switch.vue
@@ -4,8 +4,8 @@ import type { SwitchRootProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/switch'
-import type { PartialString } from '../types/utils'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { PartialString } from '../types/utils'
 
 const appConfig = _appConfig as AppConfig & { ui: { switch: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Tabs.vue b/src/runtime/components/Tabs.vue
index ad67c45ed2..78221fcd17 100644
--- a/src/runtime/components/Tabs.vue
+++ b/src/runtime/components/Tabs.vue
@@ -5,9 +5,9 @@ import type { TabsRootProps, TabsRootEmits, TabsContentProps } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/tabs'
+import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import type { AvatarProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
-import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { tabs: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Toast.vue b/src/runtime/components/Toast.vue
index 8813b43b3f..b427960247 100644
--- a/src/runtime/components/Toast.vue
+++ b/src/runtime/components/Toast.vue
@@ -4,8 +4,8 @@ import type { ToastRootProps, ToastRootEmits } from 'radix-vue'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/toast'
-import type { AvatarProps, ButtonProps } from '../types'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { AvatarProps, ButtonProps } from '../types'
 
 const appConfig = _appConfig as AppConfig & { ui: { toast: Partial<typeof theme> } }
 
diff --git a/src/runtime/components/Tooltip.vue b/src/runtime/components/Tooltip.vue
index 7034340f31..5c08e6b419 100644
--- a/src/runtime/components/Tooltip.vue
+++ b/src/runtime/components/Tooltip.vue
@@ -4,8 +4,8 @@ import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps, TooltipAr
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/tooltip'
-import type { KbdProps } from '../types'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import type { KbdProps } from '../types'
 
 const appConfig = _appConfig as AppConfig & { ui: { tooltip: Partial<typeof theme> } }
 

From 739483b9e9f17db2654a73e5311e26a767071158 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 21 Oct 2024 16:19:16 +0200
Subject: [PATCH 84/92] chore(devtools): move script setup first

---
 .../examples/CommandPaletteExample.vue        |  8 +++---
 src/devtools/runtime/examples/FormExample.vue | 26 +++++++++----------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/devtools/runtime/examples/CommandPaletteExample.vue b/src/devtools/runtime/examples/CommandPaletteExample.vue
index 5ac798e86d..7601845e73 100644
--- a/src/devtools/runtime/examples/CommandPaletteExample.vue
+++ b/src/devtools/runtime/examples/CommandPaletteExample.vue
@@ -1,7 +1,3 @@
-<template>
-  <UCommandPalette :groups="groups" />
-</template>
-
 <script setup lang="ts">
 const groups = [{
   id: 'actions',
@@ -27,3 +23,7 @@ const groups = [{
   }]
 }]
 </script>
+
+<template>
+  <UCommandPalette :groups="groups" />
+</template>
diff --git a/src/devtools/runtime/examples/FormExample.vue b/src/devtools/runtime/examples/FormExample.vue
index ca18fe6ec3..199afddda6 100644
--- a/src/devtools/runtime/examples/FormExample.vue
+++ b/src/devtools/runtime/examples/FormExample.vue
@@ -1,3 +1,16 @@
+<script setup lang="ts">
+import { reactive } from 'vue'
+
+const state = reactive({ email: undefined, password: undefined })
+
+function validate(data: Partial<typeof state>) {
+  const errors: Array<{ name: string, message: string }> = []
+  if (!data.email) errors.push({ name: 'email', message: 'Required' })
+  if (!data.password) errors.push({ name: 'password', message: 'Required' })
+  return errors
+}
+</script>
+
 <template>
   <UForm
     :validate="validate"
@@ -15,16 +28,3 @@
     </UButton>
   </UForm>
 </template>
-
-<script setup lang="ts">
-import { reactive } from 'vue'
-
-const state = reactive({ email: undefined, password: undefined })
-
-function validate(data: Partial<typeof state>) {
-  const errors: Array<{ name: string, message: string }> = []
-  if (!data.email) errors.push({ name: 'email', message: 'Required' })
-  if (!data.password) errors.push({ name: 'password', message: 'Required' })
-  return errors
-}
-</script>

From d8820b939f474b98e2e753a39d6b41bcbfe7f868 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 21 Oct 2024 16:20:33 +0200
Subject: [PATCH 85/92] chore(devtools): clean nuxt.config

---
 devtools/nuxt.config.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
index 91d46e6a4a..6daa2ac441 100644
--- a/devtools/nuxt.config.ts
+++ b/devtools/nuxt.config.ts
@@ -3,6 +3,7 @@ import { resolve } from 'node:path'
 
 export default defineNuxtConfig({
   compatibilityDate: '2024-04-03',
+
   future: {
     compatibilityVersion: 4
   },

From 76ba184d8cd4ddc15eee5e6489e07a3eb90c6dbd Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 21 Oct 2024 16:30:45 +0200
Subject: [PATCH 86/92] chore(components): clean

---
 src/runtime/components/Accordion.vue      |   1 -
 src/runtime/components/App.vue            |   6 +-
 src/runtime/components/Breadcrumb.vue     |   1 -
 src/runtime/components/ButtonGroup.vue    |   4 +-
 src/runtime/components/Card.vue           |   4 +-
 src/runtime/components/Carousel.vue       |   1 -
 src/runtime/components/CommandPalette.vue |   1 -
 src/runtime/components/ContextMenu.vue    | 105 +++++++++++-----------
 src/runtime/components/DropdownMenu.vue   |   1 -
 src/runtime/components/Form.vue           |   4 +-
 src/runtime/components/NavigationMenu.vue |  64 ++++++-------
 src/runtime/components/Tabs.vue           |   1 -
 src/runtime/components/Toaster.vue        |   6 +-
 13 files changed, 91 insertions(+), 108 deletions(-)

diff --git a/src/runtime/components/Accordion.vue b/src/runtime/components/Accordion.vue
index a172489be0..3b56befa0f 100644
--- a/src/runtime/components/Accordion.vue
+++ b/src/runtime/components/Accordion.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
 import { tv } from 'tailwind-variants'
 import type { AccordionRootProps, AccordionRootEmits } from 'radix-vue'
diff --git a/src/runtime/components/App.vue b/src/runtime/components/App.vue
index c341f4dad2..e82876c66b 100644
--- a/src/runtime/components/App.vue
+++ b/src/runtime/components/App.vue
@@ -16,9 +16,7 @@ export default {
   name: 'App'
 }
 
-extendDevtoolsMeta({
-  ignore: true
-})
+extendDevtoolsMeta({ ignore: true })
 </script>
 
 <script setup lang="ts">
@@ -35,8 +33,6 @@ defineSlots<AppSlots>()
 const configProviderProps = useForwardProps(reactivePick(props, 'dir', 'scrollBody'))
 const tooltipProps = toRef(() => props.tooltip)
 const toasterProps = toRef(() => props.toaster)
-
-extendDevtoolsMeta({ ignore: true })
 </script>
 
 <template>
diff --git a/src/runtime/components/Breadcrumb.vue b/src/runtime/components/Breadcrumb.vue
index fa0ec84bb2..075882cb73 100644
--- a/src/runtime/components/Breadcrumb.vue
+++ b/src/runtime/components/Breadcrumb.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
 import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
diff --git a/src/runtime/components/ButtonGroup.vue b/src/runtime/components/ButtonGroup.vue
index edee53ed85..87d205652c 100644
--- a/src/runtime/components/ButtonGroup.vue
+++ b/src/runtime/components/ButtonGroup.vue
@@ -30,9 +30,7 @@ export interface ButtonGroupSlots {
   default(props?: {}): any
 }
 
-extendDevtoolsMeta({
-  example: 'ButtonGroupExample'
-})
+extendDevtoolsMeta({ example: 'ButtonGroupExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Card.vue b/src/runtime/components/Card.vue
index 9075419c99..220f4bd024 100644
--- a/src/runtime/components/Card.vue
+++ b/src/runtime/components/Card.vue
@@ -25,9 +25,7 @@ export interface CardSlots {
   footer(props?: {}): any
 }
 
-extendDevtoolsMeta({
-  example: 'CardExample'
-})
+extendDevtoolsMeta({ example: 'CardExample' })
 </script>
 
 <script setup lang="ts">
diff --git a/src/runtime/components/Carousel.vue b/src/runtime/components/Carousel.vue
index 2a24528e24..60952b8677 100644
--- a/src/runtime/components/Carousel.vue
+++ b/src/runtime/components/Carousel.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
 import { tv, type VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
diff --git a/src/runtime/components/CommandPalette.vue b/src/runtime/components/CommandPalette.vue
index 7a3da62dd0..272765470f 100644
--- a/src/runtime/components/CommandPalette.vue
+++ b/src/runtime/components/CommandPalette.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
 import { tv } from 'tailwind-variants'
 import type { ComboboxRootProps, ComboboxRootEmits } from 'radix-vue'
diff --git a/src/runtime/components/ContextMenu.vue b/src/runtime/components/ContextMenu.vue
index 94691d5c84..595237499b 100644
--- a/src/runtime/components/ContextMenu.vue
+++ b/src/runtime/components/ContextMenu.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
 import { tv, type VariantProps } from 'tailwind-variants'
 import type { ContextMenuRootProps, ContextMenuRootEmits, ContextMenuContentProps } from 'radix-vue'
@@ -82,60 +81,62 @@ export type ContextMenuSlots<T extends { slot?: string }> = {
 extendDevtoolsMeta({
   example: 'ContextMenuExample',
   ignoreProps: ['items'],
-  defaultProps: { items: [
-    [{
-      label: 'My account',
-      avatar: {
-        src: 'https://avatars.githubusercontent.com/u/739984?v=4'
-      }
-    }],
-    [{
-      label: 'Appearance',
-      children: [{
-        label: 'System',
-        icon: 'i-heroicons-computer-desktop'
+  defaultProps: {
+    items: [
+      [{
+        label: 'My account',
+        avatar: {
+          src: 'https://avatars.githubusercontent.com/u/739984?v=4'
+        }
+      }],
+      [{
+        label: 'Appearance',
+        children: [{
+          label: 'System',
+          icon: 'i-heroicons-computer-desktop'
+        }, {
+          label: 'Light',
+          icon: 'i-heroicons-sun'
+        }, {
+          label: 'Dark',
+          icon: 'i-heroicons-moon'
+        }]
+      }],
+      [{
+        label: 'Show Sidebar',
+        kbds: ['meta', 'S']
       }, {
-        label: 'Light',
-        icon: 'i-heroicons-sun'
+        label: 'Show Toolbar',
+        kbds: ['shift', 'meta', 'D']
       }, {
-        label: 'Dark',
-        icon: 'i-heroicons-moon'
-      }]
-    }],
-    [{
-      label: 'Show Sidebar',
-      kbds: ['meta', 'S']
-    }, {
-      label: 'Show Toolbar',
-      kbds: ['shift', 'meta', 'D']
-    }, {
-      label: 'Collapse Pinned Tabs',
-      disabled: true
-    }], [{
-      label: 'Refresh the Page'
-    }, {
-      label: 'Clear Cookies and Refresh'
-    }, {
-      label: 'Clear Cache and Refresh'
-    }, {
-      type: 'separator'
-    }, {
-      label: 'Developer',
-      children: [[{
-        label: 'View Source',
-        kbds: ['option', 'meta', 'U']
-      }, {
-        label: 'Developer Tools',
-        kbds: ['option', 'meta', 'I']
+        label: 'Collapse Pinned Tabs',
+        disabled: true
       }], [{
-        label: 'Inspect Elements',
-        kbds: ['option', 'meta', 'C']
-      }], [{
-        label: 'JavaScript Console',
-        kbds: ['option', 'meta', 'J']
-      }]]
-    }]
-  ] }
+        label: 'Refresh the Page'
+      }, {
+        label: 'Clear Cookies and Refresh'
+      }, {
+        label: 'Clear Cache and Refresh'
+      }, {
+        type: 'separator'
+      }, {
+        label: 'Developer',
+        children: [[{
+          label: 'View Source',
+          kbds: ['option', 'meta', 'U']
+        }, {
+          label: 'Developer Tools',
+          kbds: ['option', 'meta', 'I']
+        }], [{
+          label: 'Inspect Elements',
+          kbds: ['option', 'meta', 'C']
+        }], [{
+          label: 'JavaScript Console',
+          kbds: ['option', 'meta', 'J']
+        }]]
+      }]
+    ]
+  }
 })
 </script>
 
diff --git a/src/runtime/components/DropdownMenu.vue b/src/runtime/components/DropdownMenu.vue
index 406a74ee9d..e1d0a2ec42 100644
--- a/src/runtime/components/DropdownMenu.vue
+++ b/src/runtime/components/DropdownMenu.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
 import { tv, type VariantProps } from 'tailwind-variants'
 import type { DropdownMenuRootProps, DropdownMenuRootEmits, DropdownMenuContentProps, DropdownMenuArrowProps } from 'radix-vue'
diff --git a/src/runtime/components/Form.vue b/src/runtime/components/Form.vue
index 2795c2a7a5..c1890f0fe8 100644
--- a/src/runtime/components/Form.vue
+++ b/src/runtime/components/Form.vue
@@ -31,9 +31,7 @@ export interface FormSlots {
   default(props?: {}): any
 }
 
-extendDevtoolsMeta({
-  example: 'FormExample'
-})
+extendDevtoolsMeta({ example: 'FormExample' })
 </script>
 
 <script lang="ts" setup generic="T extends object">
diff --git a/src/runtime/components/NavigationMenu.vue b/src/runtime/components/NavigationMenu.vue
index eed4d736d1..719f1491b4 100644
--- a/src/runtime/components/NavigationMenu.vue
+++ b/src/runtime/components/NavigationMenu.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
 import { tv, type VariantProps } from 'tailwind-variants'
 import type { NavigationMenuRootProps, NavigationMenuRootEmits, NavigationMenuContentProps } from 'radix-vue'
@@ -85,39 +84,42 @@ export type NavigationMenuSlots<T extends { slot?: string }> = {
 
 extendDevtoolsMeta({
   ignoreProps: ['items'],
-  defaultProps: { items: [
-    [{
-      label: 'Documentation',
-      icon: 'i-heroicons-book-open',
-      badge: 10,
-      children: [{
-        label: 'Introduction',
-        description: 'Fully styled and customizable components for Nuxt.',
-        icon: 'i-heroicons-home'
+  defaultProps: {
+    items: [
+      [{
+        label: 'Documentation',
+        icon: 'i-heroicons-book-open',
+        badge: 10,
+        children: [{
+          label: 'Introduction',
+          description: 'Fully styled and customizable components for Nuxt.',
+          icon: 'i-heroicons-home'
+        }, {
+          label: 'Installation',
+          description: 'Learn how to install and configure Nuxt UI in your application.',
+          icon: 'i-heroicons-cloud-arrow-down'
+        }, {
+          label: 'Theming',
+          description: 'Learn how to customize the look and feel of the components.',
+          icon: 'i-heroicons-swatch'
+        }, {
+          label: 'Shortcuts',
+          description: 'Learn how to display and define keyboard shortcuts in your app.',
+          icon: 'i-heroicons-computer-desktop'
+        }]
       }, {
-        label: 'Installation',
-        description: 'Learn how to install and configure Nuxt UI in your application.',
-        icon: 'i-heroicons-cloud-arrow-down'
+        label: 'GitHub',
+        icon: 'i-simple-icons-github',
+        to: 'https://github.com/nuxt/ui',
+        target: '_blank'
       }, {
-        label: 'Theming',
-        description: 'Learn how to customize the look and feel of the components.',
-        icon: 'i-heroicons-swatch'
-      }, {
-        label: 'Shortcuts',
-        description: 'Learn how to display and define keyboard shortcuts in your app.',
-        icon: 'i-heroicons-computer-desktop'
+        label: 'Help',
+        icon: 'i-heroicons-question-mark-circle',
+        disabled: true
       }]
-    }, {
-      label: 'GitHub',
-      icon: 'i-simple-icons-github',
-      to: 'https://github.com/nuxt/ui',
-      target: '_blank'
-    }, {
-      label: 'Help',
-      icon: 'i-heroicons-question-mark-circle',
-      disabled: true
-    }]
-  ] } })
+    ]
+  }
+})
 </script>
 
 <script setup lang="ts" generic="T extends NavigationMenuItem">
diff --git a/src/runtime/components/Tabs.vue b/src/runtime/components/Tabs.vue
index 78221fcd17..e4bcaeda0e 100644
--- a/src/runtime/components/Tabs.vue
+++ b/src/runtime/components/Tabs.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
 import { tv, type VariantProps } from 'tailwind-variants'
 import type { TabsRootProps, TabsRootEmits, TabsContentProps } from 'radix-vue'
diff --git a/src/runtime/components/Toaster.vue b/src/runtime/components/Toaster.vue
index accfb65386..349c86bf78 100644
--- a/src/runtime/components/Toaster.vue
+++ b/src/runtime/components/Toaster.vue
@@ -31,9 +31,7 @@ export default {
   name: 'Toaster'
 }
 
-extendDevtoolsMeta({
-  example: 'ToasterExample'
-})
+extendDevtoolsMeta({ example: 'ToasterExample' })
 </script>
 
 <script setup lang="ts">
@@ -94,8 +92,6 @@ const frontHeight = computed(() => refs.value[refs.value.length - 1]?.height ||
 function getOffset(index: number) {
   return refs.value.slice(index + 1).reduce((acc, { height }) => acc + height + 16, 0)
 }
-
-extendDevtoolsMeta({ ignore: true })
 </script>
 
 <template>

From 9dcef0a0f0716a2bae485c44c97b8f095fe3e1f6 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Mon, 21 Oct 2024 21:53:57 +0200
Subject: [PATCH 87/92] chore: remove devtools and docs specific typechecks

---
 .github/workflows/ci-v3.yml | 8 --------
 package.json                | 4 +---
 2 files changed, 1 insertion(+), 11 deletions(-)

diff --git a/.github/workflows/ci-v3.yml b/.github/workflows/ci-v3.yml
index 3b520fa954..f7b020bd28 100644
--- a/.github/workflows/ci-v3.yml
+++ b/.github/workflows/ci-v3.yml
@@ -52,14 +52,6 @@ jobs:
       - name: Typecheck
         run: pnpm run typecheck
 
-      - name: Docs typecheck
-        run: pnpm run docs:typecheck
-        continue-on-error: true
-
-      - name: Devtools typecheck
-        run: pnpm run devtools:typecheck
-        continue-on-error: true
-
       - name: Test
         run: pnpm run test
 
diff --git a/package.json b/package.json
index 8ce5abbf62..89ab133e6f 100644
--- a/package.json
+++ b/package.json
@@ -38,14 +38,12 @@
     "docs": "DEV=true nuxi dev docs",
     "docs:build": "nuxi build docs",
     "docs:prepare": "nuxt-component-meta docs",
-    "docs:typecheck": "nuxi typecheck docs",
     "devtools": "NUXT_UI_DEVTOOLS_LOCAL=true nuxi dev playground",
     "devtools:build": "nuxi generate devtools",
     "devtools:prepare": "nuxt-component-meta playground --outputDir ../src/devtools/.component-meta/",
-    "devtools:typecheck": "nuxi typecheck devtools",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "typecheck": "vue-tsc --noEmit && nuxi typecheck playground",
+    "typecheck": "vue-tsc --noEmit && nuxi typecheck playground && nuxi typecheck docs && nuxi typecheck devtools",
     "test": "vitest",
     "release": "release-it --preRelease=alpha --npm.tag=next"
   },

From 820e672f61b903c31c29b038a5b76b0da188471f Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 1 Nov 2024 17:10:06 +0100
Subject: [PATCH 88/92] refactor(devtools): replace devtools rpc client with
 vite API

---
 devtools/app/app.vue                         | 62 +++++++-------------
 devtools/app/components/ComponentPreview.vue |  2 +-
 src/devtools/meta.ts                         | 17 +++++-
 src/devtools/rpc.ts                          | 46 ---------------
 src/module.ts                                |  5 +-
 5 files changed, 37 insertions(+), 95 deletions(-)
 delete mode 100644 src/devtools/rpc.ts

diff --git a/devtools/app/app.vue b/devtools/app/app.vue
index 48781497ba..941a414c12 100644
--- a/devtools/app/app.vue
+++ b/devtools/app/app.vue
@@ -1,59 +1,37 @@
 <script setup lang="ts">
-import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
-import type { ClientFunctions, ServerFunctions, Component } from '../../src/devtools/rpc'
+import type { Component } from '../../src/devtools/meta'
 import { watchDebounced } from '@vueuse/core'
-import type { DevtoolsMeta } from '../../src/runtime/composables/extendDevtoolsMeta'
-import type { ComponentMeta } from 'vue-component-meta'
 
 // Disable devtools in component renderer iframe
 // @ts-expect-error - Nuxt Devtools internal value
 window.__NUXT_DEVTOOLS_DISABLE__ = true
 
-const components = useState<Array<Component & { value: string }>>('__ui-devtools-components')
 const component = useState<Component | undefined>('__ui-devtools-component')
 const state = useState<Record<string, any>>('__ui-devtools-state', () => ({}))
 
-const loading = ref(true)
-const error = ref<any | null>(null)
+const { data: components, status, error } = useAsyncData<Array<Component>>('__ui-devtools-components', async () => {
+  const componentMeta = await $fetch<Record<string, Component>>('/api/component-meta')
 
-onDevtoolsClientConnected(async (client) => {
-  const rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('nuxt/ui/devtools', { })
-
-  try {
-    const componentMeta = await $fetch<Record<string, { meta: ComponentMeta & { devtools: DevtoolsMeta<any> } }>>('/api/component-meta')
-    components.value = (await rpc.getComponents()).flatMap((component) => {
-      if (componentMeta[component.slug]?.meta.devtools?.ignore) return []
+  if (!component.value || !componentMeta[component.value.slug]) {
+    component.value = componentMeta['button']
+  }
 
-      return [{
-        ...component,
-        value: component.slug,
-        meta: componentMeta[component.slug]?.meta
-      }]
-    })
+  state.value.props = Object.values(componentMeta).reduce((acc, comp) => {
+    const componentDefaultProps = comp.meta?.props.reduce((acc, prop) => {
+      if (prop.default) acc[prop.name] = prop.default
+      return acc
+    }, {} as Record<string, any>)
 
-    if (!component.value || !components.value.find(c => c.slug === component.value?.slug)) {
-      component.value = components.value.find(comp => comp.slug === 'button')
+    acc[comp.slug] = {
+      ...comp.defaultVariants, // Default values from the theme template
+      ...componentDefaultProps, // Default values from vue props
+      ...componentMeta[comp.slug]?.meta?.devtools?.defaultProps // Default values from devtools extended meta
     }
 
-    state.value.props = components.value?.reduce((acc, comp) => {
-      const componentDefaultProps = comp.meta?.props.reduce((acc, prop) => {
-        if (prop.default) acc[prop.name] = prop.default
-        return acc
-      }, {} as Record<string, any>)
+    return acc
+  }, {} as Record<string, any>)
 
-      acc[comp.slug] = {
-        ...comp.defaultVariants, // Default values from the theme template
-        ...componentDefaultProps, // Default values from vue props
-        ...componentMeta[comp.slug]?.meta?.devtools?.defaultProps // Default values from devtools extended meta
-      }
-
-      return acc
-    }, {} as Record<string, any>)
-  } catch (e) {
-    error.value = e
-  } finally {
-    loading.value = false
-  }
+  return Object.values(componentMeta)
 })
 
 const componentProps = computed(() => {
@@ -112,12 +90,12 @@ const isDark = computed({
 
 <template>
   <UApp class="flex justify-center items-center h-screen w-full relative font-sans">
-    <div v-if="loading || error || !component">
+    <div v-if="status === 'pending' || error || !component || !components?.length">
       <div v-if="error" class="flex flex-col justify-center items-center h-screen w-screen text-center text-[var(--ui-color-error-500)]">
         <UILogo class="h-8" />
         <UIcon name="i-heroicons-exclamation-circle" size="20" class="mt-2" />
         <p>
-          {{ error.data?.error ?? 'Unexpected error' }}
+          {{ (error.data as any)?.error ?? 'Unexpected error' }}
         </p>
       </div>
     </div>
diff --git a/devtools/app/components/ComponentPreview.vue b/devtools/app/components/ComponentPreview.vue
index b9ce0de13a..fdc2ff4c63 100644
--- a/devtools/app/components/ComponentPreview.vue
+++ b/devtools/app/components/ComponentPreview.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { Component } from '../../../src/devtools/rpc'
+import type { Component } from '../../../src/devtools/meta'
 import { useClipboard } from '@vueuse/core'
 import { kebabCase } from 'scule'
 import { escapeString } from 'knitwork'
diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index fb1c201de8..1f2fb6edb5 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -3,6 +3,16 @@ import { kebabCase, camelCase } from 'scule'
 import defu from 'defu'
 import fs from 'node:fs'
 import type { Resolver } from '@nuxt/kit'
+import type { ComponentMeta } from 'vue-component-meta'
+import type { DevtoolsMeta } from '../runtime/composables/extendDevtoolsMeta'
+import type { ModuleOptions } from '../module'
+
+export type Component = {
+  slug: string
+  label: string
+  meta?: ComponentMeta & { devtools: DevtoolsMeta<any> }
+  defaultVariants: Record<string, any>
+}
 
 const devtoolsComponentMeta: Record<string, any> = {}
 
@@ -29,7 +39,7 @@ function extractDevtoolsMeta(code: string): string | null {
 }
 
 // A Plugin to parse additional metadata for the Nuxt UI Devtools.
-export function devtoolsMetaPlugin({ resolve, templates }: { resolve: Resolver['resolve'], templates: Record<string, any> }) {
+export function devtoolsMetaPlugin({ resolve, options, templates }: { resolve: Resolver['resolve'], options: ModuleOptions, templates: Record<string, any> }) {
   return {
     name: 'ui-devtools-component-meta',
     enforce: 'pre' as const,
@@ -58,9 +68,11 @@ export function devtoolsMetaPlugin({ resolve, templates }: { resolve: Resolver['
         res.setHeader('Content-Type', 'application/json')
         try {
           const componentMeta = await import('./.component-meta/component-meta')
+
           const meta = defu(
             Object.entries(componentMeta.default).reduce((acc, [key, value]: [string, any]) => {
               if (!key.startsWith('U')) return acc
+
               const name = key.substring(1)
               const slug = kebabCase(name)
               const template = templates?.[camelCase(name)]
@@ -96,7 +108,8 @@ export function devtoolsMetaPlugin({ resolve, templates }: { resolve: Resolver['
                 }
               })
 
-              acc[kebabCase(key.replace(/^U/, ''))] = value
+              const label = kebabCase(key.replace(/^U/, options.prefix ?? 'U'))
+              acc[kebabCase(key.replace(/^U/, ''))] = { ...value, label, slug }
               return acc
             }, {} as Record<string, any>),
             devtoolsComponentMeta
diff --git a/src/devtools/rpc.ts b/src/devtools/rpc.ts
deleted file mode 100644
index ddd2f0e8f6..0000000000
--- a/src/devtools/rpc.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { ComponentMeta } from 'vue-component-meta'
-import { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'
-import * as theme from '../theme'
-import type { ModuleOptions } from '../module'
-import { upperFirst, camelCase, kebabCase } from 'scule'
-import type { DevtoolsMeta } from '../runtime/composables/extendDevtoolsMeta'
-
-export type Component = {
-  slug: string
-  label: string
-  slots: Record<string, string>
-  variants: Record<string, any>
-  defaultVariants: Record<string, any>
-  meta?: ComponentMeta & { devtools: DevtoolsMeta<any> }
-}
-
-export interface ServerFunctions {
-  getComponents: () => Promise<Array<Omit<Component, 'meta'>>>
-}
-
-export interface ClientFunctions {
-
-}
-
-export function setupDevtoolsClient(options: ModuleOptions) {
-  onDevToolsInitialized(async () => {
-    const _rpc = extendServerRpc<ClientFunctions, ServerFunctions>('nuxt/ui/devtools', {
-      async getComponents() {
-        return Object.keys(theme).map((name) => {
-          const slug = kebabCase(name)
-          const camelName = camelCase(name)
-          const label = options.prefix + upperFirst(camelCase(slug))
-          const template = typeof (theme as any)[camelName] === 'function' ? (theme as any)[camelName](options) : theme
-
-          return {
-            slug,
-            label,
-            slots: Array.isArray(template.slots) ? template.slots.join(' ') : template.slots,
-            variants: template.variants,
-            defaultVariants: template.defaultVariants
-          }
-        })
-      }
-    })
-  })
-}
diff --git a/src/module.ts b/src/module.ts
index bde3cd58bc..3cc5df1c1e 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -4,7 +4,6 @@ import { addTemplates, buildTemplates } from './templates'
 import icons from './theme/icons'
 import { addCustomTab, startSubprocess } from '@nuxt/devtools-kit'
 import sirv from 'sirv'
-import { setupDevtoolsClient } from './devtools/rpc'
 import { getPort } from 'get-port-please'
 import { pick } from './runtime/utils'
 import { devtoolsMetaPlugin } from './devtools/meta'
@@ -152,9 +151,7 @@ export default defineNuxtModule<ModuleOptions>({
 
     if (nuxt.options.dev && nuxt.options.devtools.enabled && options.devtools?.enabled) {
       const templates = buildTemplates(options)
-      nuxt.options.vite = defu(nuxt.options?.vite, { plugins: [devtoolsMetaPlugin({ resolve, templates })] })
-
-      setupDevtoolsClient(options)
+      nuxt.options.vite = defu(nuxt.options?.vite, { plugins: [devtoolsMetaPlugin({ resolve, templates, options })] })
 
       // Runs UI devtools in a subprocess for local development
       if (process.env.NUXT_UI_DEVTOOLS_LOCAL) {

From 985864a69e65eb6469615de0482b324d2303e372 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 1 Nov 2024 17:28:40 +0100
Subject: [PATCH 89/92] fix(devtools): component labels

---
 src/devtools/meta.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/devtools/meta.ts b/src/devtools/meta.ts
index 1f2fb6edb5..fa48a29e12 100644
--- a/src/devtools/meta.ts
+++ b/src/devtools/meta.ts
@@ -108,7 +108,7 @@ export function devtoolsMetaPlugin({ resolve, options, templates }: { resolve: R
                 }
               })
 
-              const label = kebabCase(key.replace(/^U/, options.prefix ?? 'U'))
+              const label = key.replace(/^U/, options.prefix ?? 'U')
               acc[kebabCase(key.replace(/^U/, ''))] = { ...value, label, slug }
               return acc
             }, {} as Record<string, any>),

From 5663eb8426554e203f9ed7a2255b8de6aa425d08 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 1 Nov 2024 18:00:45 +0100
Subject: [PATCH 90/92] fix(devtools): downgrade @nuxt/fonts to 0.9.2

---
 package.json   |  2 +-
 pnpm-lock.yaml | 23 +++++++----------------
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index afba8fbdd8..5c9cb83f5c 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
   "dependencies": {
     "@nuxt/devtools-kit": "^1.6.0",
     "@iconify/vue": "^4.1.2",
-    "@nuxt/fonts": "^0.10.2",
+    "@nuxt/fonts": "^0.9.2",
     "@nuxt/icon": "^1.6.1",
     "@nuxt/kit": "^3.13.2",
     "@nuxt/schema": "^3.13.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4408e78a58..3f6aa1be14 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,8 +20,8 @@ importers:
         specifier: ^1.6.0
         version: 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/fonts':
-        specifier: ^0.10.2
-        version: 0.10.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+        specifier: ^0.9.2
+        version: 0.9.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/icon':
         specifier: ^1.6.1
         version: 1.6.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.12(typescript@5.6.3))
@@ -1656,8 +1656,8 @@ packages:
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@nuxt/fonts@0.10.2':
-    resolution: {integrity: sha512-WYsrKBv9tPEgEntNwe4Zov2taKO/cnct+tR/g5EQ1jgADkFeEGkfCsUDwTG/pZFkW0FlKSR/KRLMB3U6O+C6Ow==}
+  '@nuxt/fonts@0.9.2':
+    resolution: {integrity: sha512-RMekoJh5AIaKG3tu0YaCdru3eTqNdXn6v7ggh5cdG4rWugr59HzihZ6n4C2Pkkv6nxOP4DOhxxdOwcZwXZM5vQ==}
 
   '@nuxt/icon@1.6.1':
     resolution: {integrity: sha512-us+nGkMJPZfgj4cT/OAhQLrPt5553wUUBdroPqGvhR/Oyu22FPRlM5kS479skSCjQu+0SJNbpU+A09QL5DRtew==}
@@ -6771,9 +6771,6 @@ packages:
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
-  unifont@0.1.5:
-    resolution: {integrity: sha512-sfSPHFIu50SVyjGJ9zE6lDCqz/axfmsaeeiEQ3+JuzPN1bImtmBuaGdjvsQbksrI8fyWcDOZvlxVt4VSg7tepg==}
-
   unimport@3.13.1:
     resolution: {integrity: sha512-nNrVzcs93yrZQOW77qnyOVHtb68LegvhYFwxFMfuuWScmwQmyVCG/NBuN8tYsaGzgQUVYv34E/af+Cc9u4og4A==}
 
@@ -8483,7 +8480,7 @@ snapshots:
       - supports-color
       - typescript
 
-  '@nuxt/fonts@0.10.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
+  '@nuxt/fonts@0.9.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
     dependencies:
       '@nuxt/devtools-kit': 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -8493,16 +8490,15 @@ snapshots:
       esbuild: 0.24.0
       fontaine: 0.5.0
       h3: 1.13.0
-      jiti: 2.3.3
+      jiti: 1.21.6
       magic-regexp: 0.8.0
       magic-string: 0.30.12
       node-fetch-native: 1.6.4
       ohash: 1.1.4
       pathe: 1.1.2
-      sirv: 3.0.0
+      sirv: 2.0.4
       tinyglobby: 0.2.10
       ufo: 1.5.4
-      unifont: 0.1.5
       unplugin: 1.15.0
       unstorage: 1.12.0(ioredis@5.4.1)
     transitivePeerDependencies:
@@ -14930,11 +14926,6 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
-  unifont@0.1.5:
-    dependencies:
-      css-tree: 3.0.0
-      ohash: 1.1.4
-
   unimport@3.13.1(rollup@4.24.0):
     dependencies:
       '@rollup/pluginutils': 5.1.2(rollup@4.24.0)

From 48bb69ec3119a694602e78b856d6d49d59d3868e Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 1 Nov 2024 18:06:28 +0100
Subject: [PATCH 91/92] fix(devtools): add explicit dependency to
 get-port-please

---
 package.json   |   3 +-
 pnpm-lock.yaml | 170 +++++++++++++++++++++++++++++++++----------------
 2 files changed, 118 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index 5c9cb83f5c..623675c397 100644
--- a/package.json
+++ b/package.json
@@ -67,8 +67,8 @@
     "release": "release-it --preRelease=alpha --npm.tag=next"
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "^1.6.0",
     "@iconify/vue": "^4.1.2",
+    "@nuxt/devtools-kit": "^1.6.0",
     "@nuxt/fonts": "^0.9.2",
     "@nuxt/icon": "^1.6.1",
     "@nuxt/kit": "^3.13.2",
@@ -91,6 +91,7 @@
     "embla-carousel-wheel-gestures": "^8.0.1",
     "fast-deep-equal": "^3.1.3",
     "fuse.js": "^7.0.0",
+    "get-port-please": "^3.1.2",
     "knitwork": "^1.1.0",
     "magic-string": "^0.30.12",
     "mlly": "^1.7.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3f6aa1be14..fe474c676d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,7 +15,7 @@ importers:
     dependencies:
       '@iconify/vue':
         specifier: ^4.1.2
-        version: 4.1.2(vue@3.5.12(typescript@5.6.3))
+        version: 4.1.2(vue@3.5.11(typescript@5.6.3))
       '@nuxt/devtools-kit':
         specifier: ^1.6.0
         version: 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
@@ -24,7 +24,7 @@ importers:
         version: 0.9.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/icon':
         specifier: ^1.6.1
-        version: 1.6.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.12(typescript@5.6.3))
+        version: 1.6.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
       '@nuxt/kit':
         specifier: ^3.13.2
         version: 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -42,16 +42,16 @@ importers:
         version: 4.0.0-alpha.30(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@tanstack/vue-table':
         specifier: ^8.20.5
-        version: 8.20.5(vue@3.5.12(typescript@5.6.3))
+        version: 8.20.5(vue@3.5.11(typescript@5.6.3))
       '@unhead/vue':
         specifier: ^1.11.10
-        version: 1.11.10(vue@3.5.12(typescript@5.6.3))
+        version: 1.11.10(vue@3.5.11(typescript@5.6.3))
       '@vueuse/core':
         specifier: ^11.2.0
-        version: 11.2.0(vue@3.5.12(typescript@5.6.3))
+        version: 11.2.0(vue@3.5.11(typescript@5.6.3))
       '@vueuse/integrations':
         specifier: ^11.2.0
-        version: 11.2.0(fuse.js@7.0.0)(vue@3.5.12(typescript@5.6.3))
+        version: 11.2.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.3))
       consola:
         specifier: ^3.2.3
         version: 3.2.3
@@ -75,7 +75,7 @@ importers:
         version: 8.3.1(embla-carousel@8.3.1)
       embla-carousel-vue:
         specifier: ^8.3.1
-        version: 8.3.1(vue@3.5.12(typescript@5.6.3))
+        version: 8.3.1(vue@3.5.11(typescript@5.6.3))
       embla-carousel-wheel-gestures:
         specifier: ^8.0.1
         version: 8.0.1(embla-carousel@8.3.1)
@@ -85,6 +85,9 @@ importers:
       fuse.js:
         specifier: ^7.0.0
         version: 7.0.0
+      get-port-please:
+        specifier: ^3.1.2
+        version: 3.1.2
       knitwork:
         specifier: ^1.1.0
         version: 1.1.0
@@ -102,7 +105,7 @@ importers:
         version: 1.1.2
       radix-vue:
         specifier: ^1.9.8
-        version: 1.9.8(vue@3.5.12(typescript@5.6.3))
+        version: 1.9.8(vue@3.5.11(typescript@5.6.3))
       scule:
         specifier: ^1.3.0
         version: 1.3.0
@@ -126,13 +129,13 @@ importers:
         version: 1.15.0
       unplugin-auto-import:
         specifier: ^0.18.3
-        version: 0.18.3(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(@vueuse/core@11.2.0(vue@3.5.12(typescript@5.6.3)))(rollup@4.24.0)
+        version: 0.18.3(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(@vueuse/core@11.2.0(vue@3.5.11(typescript@5.6.3)))(rollup@4.24.0)
       unplugin-vue-components:
         specifier: ^0.27.4
-        version: 0.27.4(@babel/parser@7.25.7)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vue@3.5.12(typescript@5.6.3))
+        version: 0.27.4(@babel/parser@7.25.7)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
       vaul-vue:
         specifier: ^0.2.0
-        version: 0.2.0(radix-vue@1.9.8(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+        version: 0.2.0(radix-vue@1.9.8(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
     devDependencies:
       '@nuxt/eslint-config':
         specifier: ^0.6.1
@@ -142,7 +145,7 @@ importers:
         version: 0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.3)(vue-tsc@2.1.10(typescript@5.6.3))
       '@nuxt/test-utils':
         specifier: ^3.14.4
-        version: 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+        version: 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
       '@release-it/conventional-changelog':
         specifier: ^9.0.2
         version: 9.0.2(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.0.0)(release-it@17.10.0(typescript@5.6.3))
@@ -184,7 +187,7 @@ importers:
         version: 2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1)
       vitest-environment-nuxt:
         specifier: ^1.0.1
-        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
       vue-tsc:
         specifier: ^2.1.10
         version: 2.1.10(typescript@5.6.3)
@@ -8146,11 +8149,11 @@ snapshots:
 
   '@floating-ui/utils@0.2.8': {}
 
-  '@floating-ui/vue@1.1.5(vue@3.5.12(typescript@5.6.3))':
+  '@floating-ui/vue@1.1.5(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@floating-ui/dom': 1.6.11
       '@floating-ui/utils': 0.2.8
-      vue-demi: 0.14.10(vue@3.5.12(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -8206,15 +8209,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@iconify/vue@4.1.2(vue@3.5.12(typescript@5.6.3))':
+  '@iconify/vue@4.1.2(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@iconify/types': 2.0.0
-      vue: 3.5.12(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.3)
 
-  '@iconify/vue@4.1.3-beta.1(vue@3.5.12(typescript@5.6.3))':
+  '@iconify/vue@4.1.3-beta.1(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@iconify/types': 2.0.0
-      vue: 3.5.12(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.3)
 
   '@inquirer/figures@1.0.7': {}
 
@@ -8522,12 +8525,12 @@ snapshots:
       - vite
       - webpack-sources
 
-  '@nuxt/icon@1.6.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.12(typescript@5.6.3))':
+  '@nuxt/icon@1.6.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@iconify/collections': 1.0.477
       '@iconify/types': 2.0.0
       '@iconify/utils': 2.1.33
-      '@iconify/vue': 4.1.3-beta.1(vue@3.5.12(typescript@5.6.3))
+      '@iconify/vue': 4.1.3-beta.1(vue@3.5.11(typescript@5.6.3))
       '@nuxt/devtools-kit': 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       consola: 3.2.3
@@ -8671,7 +8674,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/test-utils@3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))':
+  '@nuxt/test-utils@3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
@@ -8698,9 +8701,9 @@ snapshots:
       unenv: 1.10.0
       unplugin: 1.15.0
       vite: 5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
-      vue: 3.5.12(typescript@5.6.3)
-      vue-router: 4.4.5(vue@3.5.12(typescript@5.6.3))
+      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+      vue: 3.5.11(typescript@5.6.3)
+      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.3))
     optionalDependencies:
       '@vue/test-utils': 2.4.6
       happy-dom: 14.12.3
@@ -9446,15 +9449,15 @@ snapshots:
 
   '@tanstack/virtual-core@3.10.8': {}
 
-  '@tanstack/vue-table@8.20.5(vue@3.5.12(typescript@5.6.3))':
+  '@tanstack/vue-table@8.20.5(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@tanstack/table-core': 8.20.5
-      vue: 3.5.12(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.3)
 
-  '@tanstack/vue-virtual@3.10.8(vue@3.5.12(typescript@5.6.3))':
+  '@tanstack/vue-virtual@3.10.8(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@tanstack/virtual-core': 3.10.8
-      vue: 3.5.12(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.3)
 
   '@tootallnate/quickjs-emscripten@0.23.0': {}
 
@@ -9656,14 +9659,14 @@ snapshots:
       '@unhead/schema': 1.11.7
       '@unhead/shared': 1.11.7
 
-  '@unhead/vue@1.11.10(vue@3.5.12(typescript@5.6.3))':
+  '@unhead/vue@1.11.10(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@unhead/schema': 1.11.10
       '@unhead/shared': 1.11.10
       defu: 6.1.4
       hookable: 5.5.3
       unhead: 1.11.10
-      vue: 3.5.12(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.3)
 
   '@unhead/vue@1.11.7(vue@3.5.11(typescript@5.6.3))':
     dependencies:
@@ -10016,12 +10019,22 @@ snapshots:
       js-beautify: 1.15.1
       vue-component-type-helpers: 2.1.6
 
-  '@vueuse/core@10.11.1(vue@3.5.12(typescript@5.6.3))':
+  '@vueuse/core@10.11.1(vue@3.5.11(typescript@5.6.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.11.1
-      '@vueuse/shared': 10.11.1(vue@3.5.12(typescript@5.6.3))
-      vue-demi: 0.14.10(vue@3.5.12(typescript@5.6.3))
+      '@vueuse/shared': 10.11.1(vue@3.5.11(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/core@11.2.0(vue@3.5.11(typescript@5.6.3))':
+    dependencies:
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 11.2.0
+      '@vueuse/shared': 11.2.0(vue@3.5.11(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -10036,11 +10049,11 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/integrations@11.2.0(fuse.js@7.0.0)(vue@3.5.12(typescript@5.6.3))':
+  '@vueuse/integrations@11.2.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.3))':
     dependencies:
-      '@vueuse/core': 11.2.0(vue@3.5.12(typescript@5.6.3))
-      '@vueuse/shared': 11.2.0(vue@3.5.12(typescript@5.6.3))
-      vue-demi: 0.14.10(vue@3.5.12(typescript@5.6.3))
+      '@vueuse/core': 11.2.0(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/shared': 11.2.0(vue@3.5.11(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
     optionalDependencies:
       fuse.js: 7.0.0
     transitivePeerDependencies:
@@ -10067,9 +10080,16 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@vueuse/shared@10.11.1(vue@3.5.12(typescript@5.6.3))':
+  '@vueuse/shared@10.11.1(vue@3.5.11(typescript@5.6.3))':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.12(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+
+  '@vueuse/shared@11.2.0(vue@3.5.11(typescript@5.6.3))':
+    dependencies:
+      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -11018,11 +11038,11 @@ snapshots:
     dependencies:
       embla-carousel: 8.3.1
 
-  embla-carousel-vue@8.3.1(vue@3.5.12(typescript@5.6.3)):
+  embla-carousel-vue@8.3.1(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       embla-carousel: 8.3.1
       embla-carousel-reactive-utils: 8.3.1(embla-carousel@8.3.1)
-      vue: 3.5.12(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.3)
 
   embla-carousel-wheel-gestures@8.0.1(embla-carousel@8.3.1):
     dependencies:
@@ -13907,20 +13927,20 @@ snapshots:
     dependencies:
       inherits: 2.0.4
 
-  radix-vue@1.9.8(vue@3.5.12(typescript@5.6.3)):
+  radix-vue@1.9.8(vue@3.5.11(typescript@5.6.3)):
     dependencies:
       '@floating-ui/dom': 1.6.11
-      '@floating-ui/vue': 1.1.5(vue@3.5.12(typescript@5.6.3))
+      '@floating-ui/vue': 1.1.5(vue@3.5.11(typescript@5.6.3))
       '@internationalized/date': 3.5.6
       '@internationalized/number': 3.5.4
-      '@tanstack/vue-virtual': 3.10.8(vue@3.5.12(typescript@5.6.3))
-      '@vueuse/core': 10.11.1(vue@3.5.12(typescript@5.6.3))
-      '@vueuse/shared': 10.11.1(vue@3.5.12(typescript@5.6.3))
+      '@tanstack/vue-virtual': 3.10.8(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/shared': 10.11.1(vue@3.5.11(typescript@5.6.3))
       aria-hidden: 1.2.4
       defu: 6.1.4
       fast-deep-equal: 3.1.3
       nanoid: 5.0.7
-      vue: 3.5.12(typescript@5.6.3)
+      vue: 3.5.11(typescript@5.6.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -14978,6 +14998,23 @@ snapshots:
 
   universalify@2.0.1: {}
 
+  unplugin-auto-import@0.18.3(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(@vueuse/core@11.2.0(vue@3.5.11(typescript@5.6.3)))(rollup@4.24.0):
+    dependencies:
+      '@antfu/utils': 0.7.10
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.12
+      minimatch: 9.0.5
+      unimport: 3.13.1(rollup@4.24.0)
+      unplugin: 1.15.0
+    optionalDependencies:
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+      '@vueuse/core': 11.2.0(vue@3.5.11(typescript@5.6.3))
+    transitivePeerDependencies:
+      - rollup
+      - webpack-sources
+
   unplugin-auto-import@0.18.3(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(@vueuse/core@11.2.0(vue@3.5.12(typescript@5.6.3)))(rollup@4.24.0):
     dependencies:
       '@antfu/utils': 0.7.10
@@ -14995,6 +15032,27 @@ snapshots:
       - rollup
       - webpack-sources
 
+  unplugin-vue-components@0.27.4(@babel/parser@7.25.7)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3)):
+    dependencies:
+      '@antfu/utils': 0.7.10
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      chokidar: 3.6.0
+      debug: 4.3.7
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.12
+      minimatch: 9.0.5
+      mlly: 1.7.2
+      unplugin: 1.15.0
+      vue: 3.5.11(typescript@5.6.3)
+    optionalDependencies:
+      '@babel/parser': 7.25.7
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+      - webpack-sources
+
   unplugin-vue-components@0.27.4(@babel/parser@7.25.7)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vue@3.5.12(typescript@5.6.3)):
     dependencies:
       '@antfu/utils': 0.7.10
@@ -15133,11 +15191,11 @@ snapshots:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
 
-  vaul-vue@0.2.0(radix-vue@1.9.8(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)):
+  vaul-vue@0.2.0(radix-vue@1.9.8(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.12(typescript@5.6.3))
-      radix-vue: 1.9.8(vue@3.5.12(typescript@5.6.3))
-      vue: 3.5.12(typescript@5.6.3)
+      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
+      radix-vue: 1.9.8(vue@3.5.11(typescript@5.6.3))
+      vue: 3.5.11(typescript@5.6.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -15261,9 +15319,9 @@ snapshots:
       lightningcss: 1.27.0
       terser: 5.34.1
 
-  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)):
+  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
     dependencies:
-      '@nuxt/test-utils': 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+      '@nuxt/test-utils': 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'
@@ -15370,6 +15428,10 @@ snapshots:
 
   vue-component-type-helpers@2.1.6: {}
 
+  vue-demi@0.14.10(vue@3.5.11(typescript@5.6.3)):
+    dependencies:
+      vue: 3.5.11(typescript@5.6.3)
+
   vue-demi@0.14.10(vue@3.5.12(typescript@5.6.3)):
     dependencies:
       vue: 3.5.12(typescript@5.6.3)

From 3d6976230bfa0ae615aaf27a8955b8ff70576bff Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 1 Nov 2024 18:13:26 +0100
Subject: [PATCH 92/92] fix(devtools): upgrade nuxt/fonts to 10.0.2 and disable
 it from the playground

---
 package.json              |   2 +-
 playground/nuxt.config.ts |   4 +
 pnpm-lock.yaml            | 190 ++++++++++++++------------------------
 3 files changed, 75 insertions(+), 121 deletions(-)

diff --git a/package.json b/package.json
index 623675c397..98449fe623 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
   "dependencies": {
     "@iconify/vue": "^4.1.2",
     "@nuxt/devtools-kit": "^1.6.0",
-    "@nuxt/fonts": "^0.9.2",
+    "@nuxt/fonts": "^0.10.2",
     "@nuxt/icon": "^1.6.1",
     "@nuxt/kit": "^3.13.2",
     "@nuxt/schema": "^3.13.2",
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index d5179431d7..48c2f8b5fe 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -7,6 +7,10 @@ export default defineNuxtConfig({
   modules: ['../src/module'],
   devtools: { enabled: true },
 
+  ui: {
+    fonts: false
+  },
+
   future: {
     compatibilityVersion: 4
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fe474c676d..fb77c12cdc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,16 +15,16 @@ importers:
     dependencies:
       '@iconify/vue':
         specifier: ^4.1.2
-        version: 4.1.2(vue@3.5.11(typescript@5.6.3))
+        version: 4.1.2(vue@3.5.12(typescript@5.6.3))
       '@nuxt/devtools-kit':
         specifier: ^1.6.0
         version: 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/fonts':
-        specifier: ^0.9.2
-        version: 0.9.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
+        specifier: ^0.10.2
+        version: 0.10.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/icon':
         specifier: ^1.6.1
-        version: 1.6.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))
+        version: 1.6.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.12(typescript@5.6.3))
       '@nuxt/kit':
         specifier: ^3.13.2
         version: 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -42,16 +42,16 @@ importers:
         version: 4.0.0-alpha.30(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@tanstack/vue-table':
         specifier: ^8.20.5
-        version: 8.20.5(vue@3.5.11(typescript@5.6.3))
+        version: 8.20.5(vue@3.5.12(typescript@5.6.3))
       '@unhead/vue':
         specifier: ^1.11.10
-        version: 1.11.10(vue@3.5.11(typescript@5.6.3))
+        version: 1.11.10(vue@3.5.12(typescript@5.6.3))
       '@vueuse/core':
         specifier: ^11.2.0
-        version: 11.2.0(vue@3.5.11(typescript@5.6.3))
+        version: 11.2.0(vue@3.5.12(typescript@5.6.3))
       '@vueuse/integrations':
         specifier: ^11.2.0
-        version: 11.2.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.3))
+        version: 11.2.0(fuse.js@7.0.0)(vue@3.5.12(typescript@5.6.3))
       consola:
         specifier: ^3.2.3
         version: 3.2.3
@@ -75,7 +75,7 @@ importers:
         version: 8.3.1(embla-carousel@8.3.1)
       embla-carousel-vue:
         specifier: ^8.3.1
-        version: 8.3.1(vue@3.5.11(typescript@5.6.3))
+        version: 8.3.1(vue@3.5.12(typescript@5.6.3))
       embla-carousel-wheel-gestures:
         specifier: ^8.0.1
         version: 8.0.1(embla-carousel@8.3.1)
@@ -105,7 +105,7 @@ importers:
         version: 1.1.2
       radix-vue:
         specifier: ^1.9.8
-        version: 1.9.8(vue@3.5.11(typescript@5.6.3))
+        version: 1.9.8(vue@3.5.12(typescript@5.6.3))
       scule:
         specifier: ^1.3.0
         version: 1.3.0
@@ -129,13 +129,13 @@ importers:
         version: 1.15.0
       unplugin-auto-import:
         specifier: ^0.18.3
-        version: 0.18.3(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(@vueuse/core@11.2.0(vue@3.5.11(typescript@5.6.3)))(rollup@4.24.0)
+        version: 0.18.3(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(@vueuse/core@11.2.0(vue@3.5.12(typescript@5.6.3)))(rollup@4.24.0)
       unplugin-vue-components:
         specifier: ^0.27.4
-        version: 0.27.4(@babel/parser@7.25.7)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3))
+        version: 0.27.4(@babel/parser@7.25.7)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vue@3.5.12(typescript@5.6.3))
       vaul-vue:
         specifier: ^0.2.0
-        version: 0.2.0(radix-vue@1.9.8(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+        version: 0.2.0(radix-vue@1.9.8(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
     devDependencies:
       '@nuxt/eslint-config':
         specifier: ^0.6.1
@@ -145,7 +145,7 @@ importers:
         version: 0.8.4(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(nuxi@3.14.0)(typescript@5.6.3)(vue-tsc@2.1.10(typescript@5.6.3))
       '@nuxt/test-utils':
         specifier: ^3.14.4
-        version: 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+        version: 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
       '@release-it/conventional-changelog':
         specifier: ^9.0.2
         version: 9.0.2(conventional-commits-filter@5.0.0)(conventional-commits-parser@6.0.0)(release-it@17.10.0(typescript@5.6.3))
@@ -187,7 +187,7 @@ importers:
         version: 2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1)
       vitest-environment-nuxt:
         specifier: ^1.0.1
-        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+        version: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
       vue-tsc:
         specifier: ^2.1.10
         version: 2.1.10(typescript@5.6.3)
@@ -1659,8 +1659,8 @@ packages:
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@nuxt/fonts@0.9.2':
-    resolution: {integrity: sha512-RMekoJh5AIaKG3tu0YaCdru3eTqNdXn6v7ggh5cdG4rWugr59HzihZ6n4C2Pkkv6nxOP4DOhxxdOwcZwXZM5vQ==}
+  '@nuxt/fonts@0.10.2':
+    resolution: {integrity: sha512-WYsrKBv9tPEgEntNwe4Zov2taKO/cnct+tR/g5EQ1jgADkFeEGkfCsUDwTG/pZFkW0FlKSR/KRLMB3U6O+C6Ow==}
 
   '@nuxt/icon@1.6.1':
     resolution: {integrity: sha512-us+nGkMJPZfgj4cT/OAhQLrPt5553wUUBdroPqGvhR/Oyu22FPRlM5kS479skSCjQu+0SJNbpU+A09QL5DRtew==}
@@ -6774,6 +6774,9 @@ packages:
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
+  unifont@0.1.5:
+    resolution: {integrity: sha512-sfSPHFIu50SVyjGJ9zE6lDCqz/axfmsaeeiEQ3+JuzPN1bImtmBuaGdjvsQbksrI8fyWcDOZvlxVt4VSg7tepg==}
+
   unimport@3.13.1:
     resolution: {integrity: sha512-nNrVzcs93yrZQOW77qnyOVHtb68LegvhYFwxFMfuuWScmwQmyVCG/NBuN8tYsaGzgQUVYv34E/af+Cc9u4og4A==}
 
@@ -8149,11 +8152,11 @@ snapshots:
 
   '@floating-ui/utils@0.2.8': {}
 
-  '@floating-ui/vue@1.1.5(vue@3.5.11(typescript@5.6.3))':
+  '@floating-ui/vue@1.1.5(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@floating-ui/dom': 1.6.11
       '@floating-ui/utils': 0.2.8
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.12(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -8209,15 +8212,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@iconify/vue@4.1.2(vue@3.5.11(typescript@5.6.3))':
+  '@iconify/vue@4.1.2(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@iconify/types': 2.0.0
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.12(typescript@5.6.3)
 
-  '@iconify/vue@4.1.3-beta.1(vue@3.5.11(typescript@5.6.3))':
+  '@iconify/vue@4.1.3-beta.1(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@iconify/types': 2.0.0
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.12(typescript@5.6.3)
 
   '@inquirer/figures@1.0.7': {}
 
@@ -8483,7 +8486,7 @@ snapshots:
       - supports-color
       - typescript
 
-  '@nuxt/fonts@0.9.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
+  '@nuxt/fonts@0.10.2(ioredis@5.4.1)(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))':
     dependencies:
       '@nuxt/devtools-kit': 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
@@ -8493,15 +8496,16 @@ snapshots:
       esbuild: 0.24.0
       fontaine: 0.5.0
       h3: 1.13.0
-      jiti: 1.21.6
+      jiti: 2.3.3
       magic-regexp: 0.8.0
       magic-string: 0.30.12
       node-fetch-native: 1.6.4
       ohash: 1.1.4
       pathe: 1.1.2
-      sirv: 2.0.4
+      sirv: 3.0.0
       tinyglobby: 0.2.10
       ufo: 1.5.4
+      unifont: 0.1.5
       unplugin: 1.15.0
       unstorage: 1.12.0(ioredis@5.4.1)
     transitivePeerDependencies:
@@ -8525,12 +8529,12 @@ snapshots:
       - vite
       - webpack-sources
 
-  '@nuxt/icon@1.6.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.11(typescript@5.6.3))':
+  '@nuxt/icon@1.6.1(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@iconify/collections': 1.0.477
       '@iconify/types': 2.0.0
       '@iconify/utils': 2.1.33
-      '@iconify/vue': 4.1.3-beta.1(vue@3.5.11(typescript@5.6.3))
+      '@iconify/vue': 4.1.3-beta.1(vue@3.5.12(typescript@5.6.3))
       '@nuxt/devtools-kit': 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       consola: 3.2.3
@@ -8674,7 +8678,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/test-utils@3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))':
+  '@nuxt/test-utils@3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
       '@nuxt/schema': 3.13.2(rollup@4.24.0)
@@ -8701,9 +8705,9 @@ snapshots:
       unenv: 1.10.0
       unplugin: 1.15.0
       vite: 5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1)
-      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
-      vue: 3.5.11(typescript@5.6.3)
-      vue-router: 4.4.5(vue@3.5.11(typescript@5.6.3))
+      vitest-environment-nuxt: 1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
+      vue: 3.5.12(typescript@5.6.3)
+      vue-router: 4.4.5(vue@3.5.12(typescript@5.6.3))
     optionalDependencies:
       '@vue/test-utils': 2.4.6
       happy-dom: 14.12.3
@@ -9449,15 +9453,15 @@ snapshots:
 
   '@tanstack/virtual-core@3.10.8': {}
 
-  '@tanstack/vue-table@8.20.5(vue@3.5.11(typescript@5.6.3))':
+  '@tanstack/vue-table@8.20.5(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@tanstack/table-core': 8.20.5
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.12(typescript@5.6.3)
 
-  '@tanstack/vue-virtual@3.10.8(vue@3.5.11(typescript@5.6.3))':
+  '@tanstack/vue-virtual@3.10.8(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@tanstack/virtual-core': 3.10.8
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.12(typescript@5.6.3)
 
   '@tootallnate/quickjs-emscripten@0.23.0': {}
 
@@ -9659,14 +9663,14 @@ snapshots:
       '@unhead/schema': 1.11.7
       '@unhead/shared': 1.11.7
 
-  '@unhead/vue@1.11.10(vue@3.5.11(typescript@5.6.3))':
+  '@unhead/vue@1.11.10(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@unhead/schema': 1.11.10
       '@unhead/shared': 1.11.10
       defu: 6.1.4
       hookable: 5.5.3
       unhead: 1.11.10
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.12(typescript@5.6.3)
 
   '@unhead/vue@1.11.7(vue@3.5.11(typescript@5.6.3))':
     dependencies:
@@ -10019,22 +10023,12 @@ snapshots:
       js-beautify: 1.15.1
       vue-component-type-helpers: 2.1.6
 
-  '@vueuse/core@10.11.1(vue@3.5.11(typescript@5.6.3))':
+  '@vueuse/core@10.11.1(vue@3.5.12(typescript@5.6.3))':
     dependencies:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.11.1
-      '@vueuse/shared': 10.11.1(vue@3.5.11(typescript@5.6.3))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
-  '@vueuse/core@11.2.0(vue@3.5.11(typescript@5.6.3))':
-    dependencies:
-      '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 11.2.0
-      '@vueuse/shared': 11.2.0(vue@3.5.11(typescript@5.6.3))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/shared': 10.11.1(vue@3.5.12(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.12(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -10049,11 +10043,11 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/integrations@11.2.0(fuse.js@7.0.0)(vue@3.5.11(typescript@5.6.3))':
+  '@vueuse/integrations@11.2.0(fuse.js@7.0.0)(vue@3.5.12(typescript@5.6.3))':
     dependencies:
-      '@vueuse/core': 11.2.0(vue@3.5.11(typescript@5.6.3))
-      '@vueuse/shared': 11.2.0(vue@3.5.11(typescript@5.6.3))
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
+      '@vueuse/core': 11.2.0(vue@3.5.12(typescript@5.6.3))
+      '@vueuse/shared': 11.2.0(vue@3.5.12(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.12(typescript@5.6.3))
     optionalDependencies:
       fuse.js: 7.0.0
     transitivePeerDependencies:
@@ -10080,16 +10074,9 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@vueuse/shared@10.11.1(vue@3.5.11(typescript@5.6.3))':
+  '@vueuse/shared@10.11.1(vue@3.5.12(typescript@5.6.3))':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
-    transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
-
-  '@vueuse/shared@11.2.0(vue@3.5.11(typescript@5.6.3))':
-    dependencies:
-      vue-demi: 0.14.10(vue@3.5.11(typescript@5.6.3))
+      vue-demi: 0.14.10(vue@3.5.12(typescript@5.6.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -11038,11 +11025,11 @@ snapshots:
     dependencies:
       embla-carousel: 8.3.1
 
-  embla-carousel-vue@8.3.1(vue@3.5.11(typescript@5.6.3)):
+  embla-carousel-vue@8.3.1(vue@3.5.12(typescript@5.6.3)):
     dependencies:
       embla-carousel: 8.3.1
       embla-carousel-reactive-utils: 8.3.1(embla-carousel@8.3.1)
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.12(typescript@5.6.3)
 
   embla-carousel-wheel-gestures@8.0.1(embla-carousel@8.3.1):
     dependencies:
@@ -13927,20 +13914,20 @@ snapshots:
     dependencies:
       inherits: 2.0.4
 
-  radix-vue@1.9.8(vue@3.5.11(typescript@5.6.3)):
+  radix-vue@1.9.8(vue@3.5.12(typescript@5.6.3)):
     dependencies:
       '@floating-ui/dom': 1.6.11
-      '@floating-ui/vue': 1.1.5(vue@3.5.11(typescript@5.6.3))
+      '@floating-ui/vue': 1.1.5(vue@3.5.12(typescript@5.6.3))
       '@internationalized/date': 3.5.6
       '@internationalized/number': 3.5.4
-      '@tanstack/vue-virtual': 3.10.8(vue@3.5.11(typescript@5.6.3))
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
-      '@vueuse/shared': 10.11.1(vue@3.5.11(typescript@5.6.3))
+      '@tanstack/vue-virtual': 3.10.8(vue@3.5.12(typescript@5.6.3))
+      '@vueuse/core': 10.11.1(vue@3.5.12(typescript@5.6.3))
+      '@vueuse/shared': 10.11.1(vue@3.5.12(typescript@5.6.3))
       aria-hidden: 1.2.4
       defu: 6.1.4
       fast-deep-equal: 3.1.3
       nanoid: 5.0.7
-      vue: 3.5.11(typescript@5.6.3)
+      vue: 3.5.12(typescript@5.6.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -14946,6 +14933,11 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
+  unifont@0.1.5:
+    dependencies:
+      css-tree: 3.0.0
+      ohash: 1.1.4
+
   unimport@3.13.1(rollup@4.24.0):
     dependencies:
       '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
@@ -14998,23 +14990,6 @@ snapshots:
 
   universalify@2.0.1: {}
 
-  unplugin-auto-import@0.18.3(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(@vueuse/core@11.2.0(vue@3.5.11(typescript@5.6.3)))(rollup@4.24.0):
-    dependencies:
-      '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
-      fast-glob: 3.3.2
-      local-pkg: 0.5.0
-      magic-string: 0.30.12
-      minimatch: 9.0.5
-      unimport: 3.13.1(rollup@4.24.0)
-      unplugin: 1.15.0
-    optionalDependencies:
-      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-      '@vueuse/core': 11.2.0(vue@3.5.11(typescript@5.6.3))
-    transitivePeerDependencies:
-      - rollup
-      - webpack-sources
-
   unplugin-auto-import@0.18.3(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(@vueuse/core@11.2.0(vue@3.5.12(typescript@5.6.3)))(rollup@4.24.0):
     dependencies:
       '@antfu/utils': 0.7.10
@@ -15032,27 +15007,6 @@ snapshots:
       - rollup
       - webpack-sources
 
-  unplugin-vue-components@0.27.4(@babel/parser@7.25.7)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vue@3.5.11(typescript@5.6.3)):
-    dependencies:
-      '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
-      chokidar: 3.6.0
-      debug: 4.3.7
-      fast-glob: 3.3.2
-      local-pkg: 0.5.0
-      magic-string: 0.30.12
-      minimatch: 9.0.5
-      mlly: 1.7.2
-      unplugin: 1.15.0
-      vue: 3.5.11(typescript@5.6.3)
-    optionalDependencies:
-      '@babel/parser': 7.25.7
-      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
-      - webpack-sources
-
   unplugin-vue-components@0.27.4(@babel/parser@7.25.7)(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0))(rollup@4.24.0)(vue@3.5.12(typescript@5.6.3)):
     dependencies:
       '@antfu/utils': 0.7.10
@@ -15191,11 +15145,11 @@ snapshots:
       spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
 
-  vaul-vue@0.2.0(radix-vue@1.9.8(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
+  vaul-vue@0.2.0(radix-vue@1.9.8(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)):
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.11(typescript@5.6.3))
-      radix-vue: 1.9.8(vue@3.5.11(typescript@5.6.3))
-      vue: 3.5.11(typescript@5.6.3)
+      '@vueuse/core': 10.11.1(vue@3.5.12(typescript@5.6.3))
+      radix-vue: 1.9.8(vue@3.5.12(typescript@5.6.3))
+      vue: 3.5.12(typescript@5.6.3)
     transitivePeerDependencies:
       - '@vue/composition-api'
 
@@ -15319,9 +15273,9 @@ snapshots:
       lightningcss: 1.27.0
       terser: 5.34.1
 
-  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3)):
+  vitest-environment-nuxt@1.0.1(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3)):
     dependencies:
-      '@nuxt/test-utils': 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.11(typescript@5.6.3)))(vue@3.5.11(typescript@5.6.3))
+      '@nuxt/test-utils': 3.14.4(@vue/test-utils@2.4.6)(h3@1.13.0)(happy-dom@14.12.3)(magicast@0.3.5)(nitropack@2.9.7(magicast@0.3.5))(playwright-core@1.48.2)(rollup@4.24.0)(vite@5.4.10(@types/node@22.7.4)(lightningcss@1.27.0)(terser@5.34.1))(vitest@2.1.4(@types/node@22.7.4)(happy-dom@14.12.3)(lightningcss@1.27.0)(terser@5.34.1))(vue-router@4.4.5(vue@3.5.12(typescript@5.6.3)))(vue@3.5.12(typescript@5.6.3))
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'
@@ -15428,10 +15382,6 @@ snapshots:
 
   vue-component-type-helpers@2.1.6: {}
 
-  vue-demi@0.14.10(vue@3.5.11(typescript@5.6.3)):
-    dependencies:
-      vue: 3.5.11(typescript@5.6.3)
-
   vue-demi@0.14.10(vue@3.5.12(typescript@5.6.3)):
     dependencies:
       vue: 3.5.12(typescript@5.6.3)