From 217906f3fe5053d5ba91ebd952a748c71e05635b Mon Sep 17 00:00:00 2001
From: productdevbook <hi@productdevbook.com>
Date: Sun, 10 Dec 2023 09:55:06 +0300
Subject: [PATCH] refactor: add DevTools integration and update dependencies

---
 packages/nuxt/client/app.vue              |   3 +
 packages/nuxt/client/composables/rpc.ts   |  18 +
 packages/nuxt/client/composables/state.ts |   4 +
 packages/nuxt/client/nuxt.config.ts       |   3 +-
 packages/nuxt/client/pages/index.vue      |  82 ++---
 packages/nuxt/package.json                |   5 +-
 packages/nuxt/playground/nuxt.config.ts   |  13 +-
 packages/nuxt/src/constants/index.ts      |   8 +
 packages/nuxt/src/devtools.ts             |  59 +++-
 packages/nuxt/src/module.ts               |  59 ++--
 packages/nuxt/src/moduleType.ts           |  10 -
 packages/nuxt/src/rpc-types.ts            |   9 -
 packages/nuxt/src/rpc/index.ts            |  13 +
 packages/nuxt/src/types/index.ts          |  18 +
 packages/nuxt/src/utils/index.ts          |  10 +
 pnpm-lock.yaml                            | 396 +++++++++++++++++++---
 16 files changed, 513 insertions(+), 197 deletions(-)
 create mode 100644 packages/nuxt/client/composables/rpc.ts
 create mode 100644 packages/nuxt/client/composables/state.ts
 create mode 100644 packages/nuxt/src/constants/index.ts
 delete mode 100644 packages/nuxt/src/moduleType.ts
 delete mode 100644 packages/nuxt/src/rpc-types.ts
 create mode 100644 packages/nuxt/src/rpc/index.ts
 create mode 100644 packages/nuxt/src/types/index.ts
 create mode 100644 packages/nuxt/src/utils/index.ts

diff --git a/packages/nuxt/client/app.vue b/packages/nuxt/client/app.vue
index f8eacfa7..c2823262 100644
--- a/packages/nuxt/client/app.vue
+++ b/packages/nuxt/client/app.vue
@@ -1,3 +1,6 @@
+<script lang="ts" setup>
+</script>
+
 <template>
   <NuxtLayout>
     <NuxtPage />
diff --git a/packages/nuxt/client/composables/rpc.ts b/packages/nuxt/client/composables/rpc.ts
new file mode 100644
index 00000000..ff396a57
--- /dev/null
+++ b/packages/nuxt/client/composables/rpc.ts
@@ -0,0 +1,18 @@
+import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
+import type { BirpcReturn } from 'birpc'
+import { ref } from 'vue'
+import type { NuxtDevtoolsClient } from '@nuxt/devtools-kit/dist/types'
+import type { ClientFunctions, ServerFunctions } from '../../src/types'
+import { DEVTOOLS_RPC_NAMESPACE } from '../../src/constants'
+
+export const devtools = ref<NuxtDevtoolsClient>()
+export const devtoolsRpc = ref<NuxtDevtoolsClient['rpc']>()
+export const rpc = ref<BirpcReturn<ServerFunctions, ClientFunctions>>()
+
+onDevtoolsClientConnected(async (client) => {
+  devtoolsRpc.value = client.devtools.rpc
+  devtools.value = client.devtools
+
+  rpc.value = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>(DEVTOOLS_RPC_NAMESPACE, {
+  })
+})
diff --git a/packages/nuxt/client/composables/state.ts b/packages/nuxt/client/composables/state.ts
new file mode 100644
index 00000000..321edb47
--- /dev/null
+++ b/packages/nuxt/client/composables/state.ts
@@ -0,0 +1,4 @@
+import { ref } from 'vue'
+import type { ModuleOptions } from '../../src/module'
+
+export const options = ref<ModuleOptions>()
diff --git a/packages/nuxt/client/nuxt.config.ts b/packages/nuxt/client/nuxt.config.ts
index fe915a6f..4d23a782 100644
--- a/packages/nuxt/client/nuxt.config.ts
+++ b/packages/nuxt/client/nuxt.config.ts
@@ -1,4 +1,5 @@
 import { resolve } from 'pathe'
+import { DEVTOOLS_UI_PATH } from '../src/constants'
 
 export default defineNuxtConfig({
   ssr: false,
@@ -11,6 +12,6 @@ export default defineNuxtConfig({
     },
   },
   app: {
-    baseURL: '/__pergel',
+    baseURL: DEVTOOLS_UI_PATH,
   },
 })
diff --git a/packages/nuxt/client/pages/index.vue b/packages/nuxt/client/pages/index.vue
index 83ce19cf..62a8d87f 100644
--- a/packages/nuxt/client/pages/index.vue
+++ b/packages/nuxt/client/pages/index.vue
@@ -1,75 +1,33 @@
-<script setup lang="ts">
-import { onDevtoolsClientConnected, useDevtoolsClient } from '@nuxt/devtools-kit/iframe-client'
-import type { ClientFunctions, ServerFunctions } from '../../src/rpc-types'
+<script lang="ts" setup>
+import { useDevtoolsClient } from '@nuxt/devtools-kit/iframe-client'
+
+import { rpc } from '../composables/rpc'
+import { options } from '../composables/state'
 
 const client = useDevtoolsClient()
-onDevtoolsClientConnected(async (client) => {
-  const rpc = client.devtools.extendClientRpc<ServerFunctions, ClientFunctions>('pergel-rpc', {
-    showNotification: (message) => {
-      console.log('showNotification')
-      console.log('showNotification', message)
-    },
-  })
-  const dd = await rpc.getMyModuleOptions()
-  console.log(dd)
-})
+
+async function getOptions() {
+  options.value = await rpc.value?.getOptions()
+  console.warn(client.value, 'client')
+}
 </script>
 
 <template>
-  <NSectionBlock
-    icon="carbon-3d-mpr-toggle"
-    text="Active Modules"
-    container-class="grid grid-cols-minmax-400px gap3 px4"
-    :padding="false"
-    description="Total modules: "
-  >
-    asdasdas
-  </NSectionBlock>
   <div class="relative p-10 n-bg-base flex flex-col h-screen">
     <h1 class="text-3xl font-bold">
-      Pergel Module
+      My Module
     </h1>
     <div class="opacity-50 mb-4">
-      Powered by oku
-    </div>
-    <div
-      v-if="client"
-      class="flex flex-col gap-2"
-    >
-      <NTip
-        n="green"
-        icon="carbon-checkmark"
-      >
-        Nuxt DevTools is connected
-      </NTip>
-      <div>
-        The current app is using
-        <code class="text-green">vue@{{ client.host.nuxt.vueApp.version }}</code>
-      </div>
-      <div>
-        <NButton
-          n="green"
-          class="mt-4"
-          @click="client!.host.devtools.close()"
-        >
-          Close DevTools
-        </NButton>
-      </div>
+      Nuxt DevTools Integration
     </div>
-    <div v-else>
-      <NTip n="yellow">
-        Failed to connect to the client. Did you open this page inside Nuxt DevTools?
-      </NTip>
-    </div>
-
-    <NuxtLink
-      to="/s3"
-      class="absolute top-0 right-0 p-4"
-    >
-      Go to S3
-    </NuxtLink>
+    <div flex="~ gap-2">
+      <NButton n="green" class="mt-4" @click="client!.host.devtools.close()">
+        Close DevTools
+      </NButton>
 
-    <div class="flex-auto" />
-    <ModuleAuthorNote class="mt-5 " />
+      <NButton n="green" class="mt-4" @click="getOptions()">
+        Get DevTools Options
+      </NButton>
+    </div>
   </div>
 </template>
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index ebe18803..8b47651f 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -36,13 +36,16 @@
     "client:dev": "nuxi dev client --port 3300"
   },
   "dependencies": {
+    "@nuxt/devtools": "^1.0.5",
     "@nuxt/devtools-kit": "^1.0.5",
     "@nuxt/kit": "^3.8.2",
+    "@vueuse/core": "^10.7.0",
+    "defu": "^6.1.3",
+    "pathe": "^1.1.1",
     "sirv": "^2.0.3"
   },
   "devDependencies": {
     "@iconify-json/carbon": "^1.1.24",
-    "@nuxt/devtools": "^1.0.5",
     "@nuxt/devtools-ui-kit": "^1.0.5",
     "@nuxt/module-builder": "^0.5.4",
     "@nuxt/schema": "^3.8.2",
diff --git a/packages/nuxt/playground/nuxt.config.ts b/packages/nuxt/playground/nuxt.config.ts
index d5bc7ce5..d0b77a35 100644
--- a/packages/nuxt/playground/nuxt.config.ts
+++ b/packages/nuxt/playground/nuxt.config.ts
@@ -2,9 +2,13 @@ import { resolve } from 'node:path'
 import { defineNuxtModule } from '@nuxt/kit'
 import { startSubprocess } from '@nuxt/devtools-kit'
 
+import { DEVTOOLS_UI_PORT } from '../src/constants'
+
 export default defineNuxtConfig({
+  devtools: {
+    enabled: true,
+  },
   modules: [
-    '@nuxt/devtools',
     /**
      * My module
      */
@@ -22,16 +26,17 @@ export default defineNuxtConfig({
         const subprocess = startSubprocess(
           {
             command: 'npx',
-            args: ['nuxi', 'dev', '--port', '3300'],
+            args: ['nuxi', 'dev', '--port', DEVTOOLS_UI_PORT.toString()],
             cwd: resolve(__dirname, '../client'),
           },
           {
-            id: 'pergel:client',
-            name: 'My Module Client Dev',
+            id: 'nuxt-pergel:client',
+            name: 'Pergel Devtools RPC Client',
           },
         )
 
         subprocess.getProcess().stdout?.on('data', (data) => {
+          // eslint-disable-next-line no-console
           console.log(` sub: ${data.toString()}`)
         })
 
diff --git a/packages/nuxt/src/constants/index.ts b/packages/nuxt/src/constants/index.ts
new file mode 100644
index 00000000..820a494a
--- /dev/null
+++ b/packages/nuxt/src/constants/index.ts
@@ -0,0 +1,8 @@
+export const DEVTOOLS_UI_PATH = '/__nuxt-pergel-rpc'
+export const DEVTOOLS_UI_PORT = 3300
+export const DEVTOOLS_RPC_NAMESPACE = 'nuxt-pergel-rpc'
+
+export const DEVTOOLS_MODULE_NAME = 'nuxt-pergel'
+export const DEVTOOLS_MODULE_KEY = 'pergel'
+export const DEVTOOLS_MODULE_TITLE = 'Pergel'
+export const DEVTOOLS_MODULE_ICON = 'carbon:hinton-plot'
diff --git a/packages/nuxt/src/devtools.ts b/packages/nuxt/src/devtools.ts
index 1033961c..1d2dcb3e 100644
--- a/packages/nuxt/src/devtools.ts
+++ b/packages/nuxt/src/devtools.ts
@@ -1,50 +1,73 @@
 import { existsSync } from 'node:fs'
 import type { Nuxt } from 'nuxt/schema'
 import type { Resolver } from '@nuxt/kit'
+import {
+  extendServerRpc,
+  onDevToolsInitialized,
+} from '@nuxt/devtools-kit'
+import type {
+  ClientFunctions,
+  ServerFunctions,
+} from './types'
+import type { ModuleOptions } from './module'
+import { useViteWebSocket } from './utils'
 
-const DEVTOOLS_UI_ROUTE = '/__pergel'
-const DEVTOOLS_UI_LOCAL_PORT = 3300
+import { setupRPC } from './rpc'
+import {
+  DEVTOOLS_MODULE_ICON,
+  DEVTOOLS_MODULE_NAME,
+  DEVTOOLS_MODULE_TITLE,
+  DEVTOOLS_RPC_NAMESPACE,
+  DEVTOOLS_UI_PATH,
+  DEVTOOLS_UI_PORT,
+} from './constants'
 
-export function setupDevToolsUI(nuxt: Nuxt, resolver: Resolver) {
-  const clientPath = resolver.resolve('./client')
+export function setupDevToolsUI(
+  options: ModuleOptions,
+  resolve: Resolver['resolve'],
+  nuxt: Nuxt,
+) {
+  const clientPath = resolve('./client')
   const isProductionBuild = existsSync(clientPath)
-  // Serve production-built client (used when package is published)
+
   if (isProductionBuild) {
     nuxt.hook('vite:serverCreated', async (server) => {
       const sirv = await import('sirv').then(r => r.default || r)
       server.middlewares.use(
-        DEVTOOLS_UI_ROUTE,
+        DEVTOOLS_UI_PATH,
         sirv(clientPath, { dev: true, single: true }),
       )
     })
   }
-  // In local development, start a separate Nuxt Server and proxy to serve the client
   else {
     nuxt.hook('vite:extendConfig', (config) => {
       config.server = config.server || {}
       config.server.proxy = config.server.proxy || {}
-      config.server.proxy[DEVTOOLS_UI_ROUTE] = {
-        target: `http://localhost:${DEVTOOLS_UI_LOCAL_PORT}${DEVTOOLS_UI_ROUTE}`,
+      config.server.proxy[DEVTOOLS_UI_PATH] = {
+        target: `http://localhost:${DEVTOOLS_UI_PORT}${DEVTOOLS_UI_PATH}`,
         changeOrigin: true,
         followRedirects: true,
-        rewrite: path => path.replace(DEVTOOLS_UI_ROUTE, ''),
+        rewrite: path => path.replace(DEVTOOLS_UI_PATH, ''),
       }
     })
   }
 
   nuxt.hook('devtools:customTabs', (tabs) => {
     tabs.push({
-      // unique identifier
-      name: 'pergel',
-      // title to display in the tab
-      title: 'Pergel',
-      // any icon from Iconify, or a URL to an image
-      icon: 'carbon:apps',
-      // iframe view
+      name: DEVTOOLS_MODULE_NAME,
+      title: DEVTOOLS_MODULE_TITLE,
+      icon: DEVTOOLS_MODULE_ICON,
       view: {
         type: 'iframe',
-        src: DEVTOOLS_UI_ROUTE,
+        src: DEVTOOLS_UI_PATH,
       },
     })
   })
+
+  const wsServer = useViteWebSocket(nuxt)
+  onDevToolsInitialized(async () => {
+    const rpcFunctions = setupRPC({ options, wsServer, nuxt })
+
+    extendServerRpc<ClientFunctions, ServerFunctions>(DEVTOOLS_RPC_NAMESPACE, rpcFunctions)
+  })
 }
diff --git a/packages/nuxt/src/module.ts b/packages/nuxt/src/module.ts
index 4d47e217..ffec409e 100644
--- a/packages/nuxt/src/module.ts
+++ b/packages/nuxt/src/module.ts
@@ -1,51 +1,30 @@
-import { addPlugin, createResolver, defineNuxtModule } from '@nuxt/kit'
-import { extendServerRpc, onDevToolsInitialized } from '@nuxt/devtools-kit'
-import type { BirpcGroup } from 'birpc'
+import {
+  createResolver,
+  defineNuxtModule,
+  logger,
+} from '@nuxt/kit'
 import { setupDevToolsUI } from './devtools'
-import type { ModuleOptions } from './moduleType'
-import type { ClientFunctions, ServerFunctions } from './rpc-types'
+import { DEVTOOLS_MODULE_KEY, DEVTOOLS_MODULE_NAME } from './constants'
+
+export interface ModuleOptions {
+}
 
 export default defineNuxtModule<ModuleOptions>({
   meta: {
-    name: 'pergel',
-    configKey: 'pergel',
-  },
-  // Default configuration options of the Nuxt module
-  defaults: {
-    devtools: true,
-    test: 'test',
+    name: DEVTOOLS_MODULE_NAME,
+    configKey: DEVTOOLS_MODULE_KEY,
   },
+  defaults: {},
   async setup(options, nuxt) {
-    const resolver = createResolver(import.meta.url)
-
-    // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`
-    addPlugin(resolver.resolve('./runtime/plugin'))
-
-    let rpc: BirpcGroup<ClientFunctions, ServerFunctions> | undefined
-    if (options.devtools) {
-      setupDevToolsUI(nuxt, resolver)
+    const { resolve } = createResolver(import.meta.url)
 
-      const RPC_NAMESPACE = 'pergel-rpc'
+    const isDevToolsEnabled = typeof nuxt.options.devtools === 'boolean'
+      ? nuxt.options.devtools
+      : nuxt.options.devtools.enabled
 
-      const setupRpc = () => {
-        rpc = extendServerRpc<ClientFunctions, ServerFunctions>(RPC_NAMESPACE, {
-          // register server RPC functions
-          getMyModuleOptions() {
-            return options
-          },
-        })
-      }
+    if (nuxt.options.dev && isDevToolsEnabled)
+      setupDevToolsUI(options, resolve, nuxt)
 
-      try {
-        setupRpc()
-      }
-      catch (error) {
-        // wait for DevTools to be initialized
-        onDevToolsInitialized(async () => {
-          setupRpc()
-        })
-      }
-      await rpc?.broadcast.showNotification('Hello from Nuxt module!')
-    }
+    logger.success(`${DEVTOOLS_MODULE_NAME} is ready!`)
   },
 })
diff --git a/packages/nuxt/src/moduleType.ts b/packages/nuxt/src/moduleType.ts
deleted file mode 100644
index 2cf79066..00000000
--- a/packages/nuxt/src/moduleType.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// Module options TypeScript interface definition
-export interface ModuleOptions {
-  /**
-   * Enable Nuxt Devtools integration
-   *
-   * @default true
-   */
-  devtools: boolean
-  test: string
-}
diff --git a/packages/nuxt/src/rpc-types.ts b/packages/nuxt/src/rpc-types.ts
deleted file mode 100644
index 7ac8d18e..00000000
--- a/packages/nuxt/src/rpc-types.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { ModuleOptions } from './moduleType'
-
-export interface ServerFunctions {
-  getMyModuleOptions(): ModuleOptions
-}
-
-export interface ClientFunctions {
-  showNotification(message: string): void
-}
diff --git a/packages/nuxt/src/rpc/index.ts b/packages/nuxt/src/rpc/index.ts
new file mode 100644
index 00000000..60f03156
--- /dev/null
+++ b/packages/nuxt/src/rpc/index.ts
@@ -0,0 +1,13 @@
+import type { DevtoolsServerContext, ServerFunctions } from '../types'
+
+export function setupRPC(ctx: DevtoolsServerContext): ServerFunctions {
+  return {
+    getOptions() {
+      return ctx.options
+    },
+    async reset() {
+      const ws = await ctx.wsServer
+      ws.send('nuxt-pergel:reset')
+    },
+  }
+}
diff --git a/packages/nuxt/src/types/index.ts b/packages/nuxt/src/types/index.ts
new file mode 100644
index 00000000..c36aeec1
--- /dev/null
+++ b/packages/nuxt/src/types/index.ts
@@ -0,0 +1,18 @@
+import type { Nuxt } from 'nuxt/schema'
+import type { WebSocketServer } from 'vite'
+import type { ModuleOptions } from '../module'
+
+export interface ServerFunctions {
+  getOptions(): ModuleOptions
+
+  reset(): void
+}
+
+export interface ClientFunctions {
+}
+
+export interface DevtoolsServerContext {
+  nuxt: Nuxt
+  options: ModuleOptions
+  wsServer: Promise<WebSocketServer>
+}
diff --git a/packages/nuxt/src/utils/index.ts b/packages/nuxt/src/utils/index.ts
new file mode 100644
index 00000000..8a8a9ac0
--- /dev/null
+++ b/packages/nuxt/src/utils/index.ts
@@ -0,0 +1,10 @@
+import type { WebSocketServer } from 'vite'
+import type { Nuxt } from 'nuxt/schema'
+
+export function useViteWebSocket(nuxt: Nuxt) {
+  return new Promise<WebSocketServer>((_resolve) => {
+    nuxt.hooks.hook('vite:serverCreated', (viteServer) => {
+      _resolve(viteServer.ws)
+    })
+  })
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 536690df..4b5f6020 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -166,12 +166,24 @@ importers:
 
   packages/nuxt:
     dependencies:
+      '@nuxt/devtools':
+        specifier: ^1.0.5
+        version: 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@4.5.1)
       '@nuxt/devtools-kit':
         specifier: ^1.0.5
-        version: 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@5.0.4)
+        version: 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@4.5.1)
       '@nuxt/kit':
         specifier: ^3.8.2
         version: 3.8.2(rollup@3.29.4)
+      '@vueuse/core':
+        specifier: ^10.7.0
+        version: 10.7.0(vue@3.3.11)
+      defu:
+        specifier: ^6.1.3
+        version: 6.1.3
+      pathe:
+        specifier: ^1.1.1
+        version: 1.1.1
       sirv:
         specifier: ^2.0.3
         version: 2.0.3
@@ -179,12 +191,9 @@ importers:
       '@iconify-json/carbon':
         specifier: ^1.1.24
         version: 1.1.24
-      '@nuxt/devtools':
-        specifier: ^1.0.5
-        version: 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@5.0.4)
       '@nuxt/devtools-ui-kit':
         specifier: ^1.0.5
-        version: 1.0.5(@nuxt/devtools@1.0.5)(@vue/compiler-core@3.3.11)(nuxt@3.8.2)(postcss@8.4.32)(rollup@3.29.4)(vite@5.0.4)(vue@3.3.11)(webpack@5.89.0)
+        version: 1.0.5(@nuxt/devtools@1.0.5)(@vue/compiler-core@3.3.11)(nuxt@3.8.2)(postcss@8.4.32)(rollup@3.29.4)(vite@4.5.1)(vue@3.3.11)(webpack@5.89.0)
       '@nuxt/module-builder':
         specifier: ^0.5.4
         version: 0.5.4(@nuxt/kit@3.8.2)(nuxi@3.10.0)(typescript@5.3.3)
@@ -199,7 +208,7 @@ importers:
         version: 20.10.4
       nuxt:
         specifier: ^3.8.2
-        version: 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vite@5.0.4)
+        version: 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vite@4.5.1)
       vitest:
         specifier: ^0.33.0
         version: 0.33.0
@@ -3383,7 +3392,7 @@ packages:
   /@nuxt/devalue@2.0.2:
     resolution: {integrity: sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==}
 
-  /@nuxt/devtools-kit@1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@5.0.4):
+  /@nuxt/devtools-kit@1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@4.5.1):
     resolution: {integrity: sha512-2SbsYZngD0r6nZCXhEKQ8E6sc10uaYMiN3VicoHj0fZSXNEYjJjLRQ3xD+hbmiqM4dRMGeR06IU6E/Ff0asDcQ==}
     peerDependencies:
       nuxt: ^3.8.1
@@ -3392,8 +3401,8 @@ packages:
       '@nuxt/kit': 3.8.2(rollup@3.29.4)
       '@nuxt/schema': 3.8.2(rollup@3.29.4)
       execa: 7.2.0
-      nuxt: 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vite@5.0.4)
-      vite: 5.0.4(@types/node@20.10.4)
+      nuxt: 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vite@4.5.1)
+      vite: 4.5.1(@types/node@20.10.4)
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -3404,8 +3413,8 @@ packages:
       nuxt: ^3.8.1
       vite: '*'
     dependencies:
-      '@nuxt/kit': 3.8.2(rollup@3.29.4)
-      '@nuxt/schema': 3.8.2(rollup@3.29.4)
+      '@nuxt/kit': 3.8.2
+      '@nuxt/schema': 3.8.2
       execa: 7.2.0
       nuxt: 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(typescript@5.3.3)(vite@5.0.4)
       vite: 5.0.4(@types/node@20.10.4)
@@ -3414,7 +3423,7 @@ packages:
       - supports-color
     dev: true
 
-  /@nuxt/devtools-ui-kit@1.0.5(@nuxt/devtools@1.0.5)(@vue/compiler-core@3.3.11)(nuxt@3.8.2)(postcss@8.4.32)(rollup@3.29.4)(vite@5.0.4)(vue@3.3.11)(webpack@5.89.0):
+  /@nuxt/devtools-ui-kit@1.0.5(@nuxt/devtools@1.0.5)(@vue/compiler-core@3.3.11)(nuxt@3.8.2)(postcss@8.4.32)(rollup@3.29.4)(vite@4.5.1)(vue@3.3.11)(webpack@5.89.0):
     resolution: {integrity: sha512-O3kID3IBd8A2YmMK5DvqD0wDBuW1FwMjQF/GJB67jaX/Lo75iSzEMaGnY58WAxeVM+yVmVus5rfogkq+0Bm5/Q==}
     peerDependencies:
       '@nuxt/devtools': 1.0.5
@@ -3423,12 +3432,12 @@ packages:
       '@iconify-json/logos': 1.1.40
       '@iconify-json/ri': 1.1.15
       '@iconify-json/tabler': 1.1.100
-      '@nuxt/devtools': 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@5.0.4)
-      '@nuxt/devtools-kit': 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@5.0.4)
+      '@nuxt/devtools': 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@4.5.1)
+      '@nuxt/devtools-kit': 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@4.5.1)
       '@nuxt/kit': 3.8.2(rollup@3.29.4)
       '@nuxtjs/color-mode': 3.3.2(rollup@3.29.4)
       '@unocss/core': 0.58.0
-      '@unocss/nuxt': 0.58.0(postcss@8.4.32)(rollup@3.29.4)(vite@5.0.4)(webpack@5.89.0)
+      '@unocss/nuxt': 0.58.0(postcss@8.4.32)(rollup@3.29.4)(vite@4.5.1)(webpack@5.89.0)
       '@unocss/preset-attributify': 0.58.0
       '@unocss/preset-icons': 0.58.0
       '@unocss/preset-mini': 0.58.0
@@ -3439,7 +3448,7 @@ packages:
       defu: 6.1.3
       focus-trap: 7.5.4
       splitpanes: 3.1.5
-      unocss: 0.58.0(@unocss/webpack@0.58.0)(postcss@8.4.32)(rollup@3.29.4)(vite@5.0.4)
+      unocss: 0.58.0(@unocss/webpack@0.58.0)(postcss@8.4.32)(rollup@3.29.4)(vite@4.5.1)
       v-lazy-show: 0.2.4(@vue/compiler-core@3.3.11)
     transitivePeerDependencies:
       - '@unocss/webpack'
@@ -3480,7 +3489,7 @@ packages:
       rc9: 2.1.1
       semver: 7.5.4
 
-  /@nuxt/devtools@1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@5.0.4):
+  /@nuxt/devtools@1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@4.5.1):
     resolution: {integrity: sha512-kGgxDFD3/Zw0HqCRl+S+ZIZ0NxGJoiseTzKreD2sW8q7otnqSSjte3z4qhGWI2HpvwN0Gwu/C4FtfkAVGUxPTQ==}
     hasBin: true
     peerDependencies:
@@ -3488,7 +3497,7 @@ packages:
       vite: '*'
     dependencies:
       '@antfu/utils': 0.7.6
-      '@nuxt/devtools-kit': 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@5.0.4)
+      '@nuxt/devtools-kit': 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@4.5.1)
       '@nuxt/devtools-wizard': 1.0.5
       '@nuxt/kit': 3.8.2(rollup@3.29.4)
       birpc: 0.2.14
@@ -3507,7 +3516,7 @@ packages:
       local-pkg: 0.5.0
       magicast: 0.3.2
       nitropack: 2.8.1
-      nuxt: 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vite@5.0.4)
+      nuxt: 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vite@4.5.1)
       nypm: 0.3.3
       ofetch: 1.3.3
       ohash: 1.1.3
@@ -3521,9 +3530,9 @@ packages:
       simple-git: 3.21.0
       sirv: 2.0.3
       unimport: 3.6.1(rollup@3.29.4)
-      vite: 5.0.4(@types/node@20.10.4)
-      vite-plugin-inspect: 0.8.1(@nuxt/kit@3.8.2)(rollup@3.29.4)(vite@5.0.4)
-      vite-plugin-vue-inspector: 4.0.2(vite@5.0.4)
+      vite: 4.5.1(@types/node@20.10.4)
+      vite-plugin-inspect: 0.8.1(@nuxt/kit@3.8.2)(rollup@3.29.4)(vite@4.5.1)
+      vite-plugin-vue-inspector: 4.0.2(vite@4.5.1)
       which: 3.0.1
       ws: 8.14.2
     transitivePeerDependencies:
@@ -3557,7 +3566,7 @@ packages:
       '@antfu/utils': 0.7.6
       '@nuxt/devtools-kit': 1.0.5(nuxt@3.8.2)(vite@5.0.4)
       '@nuxt/devtools-wizard': 1.0.5
-      '@nuxt/kit': 3.8.2(rollup@3.29.4)
+      '@nuxt/kit': 3.8.2
       birpc: 0.2.14
       consola: 3.2.3
       destr: 2.0.2
@@ -3587,9 +3596,9 @@ packages:
       semver: 7.5.4
       simple-git: 3.21.0
       sirv: 2.0.3
-      unimport: 3.6.1(rollup@3.29.4)
+      unimport: 3.6.1
       vite: 5.0.4(@types/node@20.10.4)
-      vite-plugin-inspect: 0.8.1(@nuxt/kit@3.8.2)(rollup@3.29.4)(vite@5.0.4)
+      vite-plugin-inspect: 0.8.1(@nuxt/kit@3.8.2)(vite@5.0.4)
       vite-plugin-vue-inspector: 4.0.2(vite@5.0.4)
       which: 3.0.1
       ws: 8.14.2
@@ -3642,6 +3651,33 @@ packages:
       - supports-color
     dev: true
 
+  /@nuxt/kit@3.8.2:
+    resolution: {integrity: sha512-LrXCm8hAkw+zpX8teUSD/LqXRarlXjbRiYxDkaqw739JSHFReWzBFgJbojsJqL4h1XIEScDGGOWiEgO4QO1sMg==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+    dependencies:
+      '@nuxt/schema': 3.8.2
+      c12: 1.5.1
+      consola: 3.2.3
+      defu: 6.1.3
+      globby: 14.0.0
+      hash-sum: 2.0.0
+      ignore: 5.3.0
+      jiti: 1.21.0
+      knitwork: 1.0.0
+      mlly: 1.4.2
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      scule: 1.1.1
+      semver: 7.5.4
+      ufo: 1.3.2
+      unctx: 2.3.1
+      unimport: 3.6.1
+      untyped: 1.4.0
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    dev: true
+
   /@nuxt/kit@3.8.2(rollup@3.29.4):
     resolution: {integrity: sha512-LrXCm8hAkw+zpX8teUSD/LqXRarlXjbRiYxDkaqw739JSHFReWzBFgJbojsJqL4h1XIEScDGGOWiEgO4QO1sMg==}
     engines: {node: ^14.18.0 || >=16.10.0}
@@ -3707,6 +3743,26 @@ packages:
       - supports-color
     dev: true
 
+  /@nuxt/schema@3.8.2:
+    resolution: {integrity: sha512-AMpysQ/wHK2sOujLShqYdC4OSj/S3fFJGjhYXqA2g6dgmz+FNQWJRG/ie5sI9r2EX9Ela1wt0GN1jZR3wYNE8Q==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+    dependencies:
+      '@nuxt/ui-templates': 1.3.1
+      consola: 3.2.3
+      defu: 6.1.3
+      hookable: 5.5.3
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      scule: 1.1.1
+      std-env: 3.6.0
+      ufo: 1.3.2
+      unimport: 3.6.1
+      untyped: 1.4.0
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    dev: true
+
   /@nuxt/schema@3.8.2(rollup@3.29.4):
     resolution: {integrity: sha512-AMpysQ/wHK2sOujLShqYdC4OSj/S3fFJGjhYXqA2g6dgmz+FNQWJRG/ie5sI9r2EX9Ela1wt0GN1jZR3wYNE8Q==}
     engines: {node: ^14.18.0 || >=16.10.0}
@@ -3726,6 +3782,32 @@ packages:
       - rollup
       - supports-color
 
+  /@nuxt/telemetry@2.5.3:
+    resolution: {integrity: sha512-Ghv2MgWbJcUM9G5Dy3oQP0cJkUwEgaiuQxEF61FXJdn0a69Q4StZEP/hLF0MWPM9m6EvAwI7orxkJHM7MrmtVg==}
+    hasBin: true
+    dependencies:
+      '@nuxt/kit': 3.8.2
+      ci-info: 4.0.0
+      consola: 3.2.3
+      create-require: 1.1.1
+      defu: 6.1.3
+      destr: 2.0.2
+      dotenv: 16.3.1
+      git-url-parse: 13.1.1
+      is-docker: 3.0.0
+      jiti: 1.21.0
+      mri: 1.2.0
+      nanoid: 4.0.2
+      ofetch: 1.3.3
+      parse-git-config: 3.0.0
+      pathe: 1.1.1
+      rc9: 2.1.1
+      std-env: 3.6.0
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    dev: true
+
   /@nuxt/telemetry@2.5.3(rollup@3.29.4):
     resolution: {integrity: sha512-Ghv2MgWbJcUM9G5Dy3oQP0cJkUwEgaiuQxEF61FXJdn0a69Q4StZEP/hLF0MWPM9m6EvAwI7orxkJHM7MrmtVg==}
     hasBin: true
@@ -3845,6 +3927,66 @@ packages:
       - vti
       - vue-tsc
 
+  /@nuxt/vite-builder@3.8.2(@types/node@20.10.4)(eslint@8.55.0)(typescript@5.3.3)(vue@3.3.11):
+    resolution: {integrity: sha512-l/lzDDTbd3M89BpmWqjhVLgLVRqfkKp0tyYgV5seJQjj3SX+IeqI7k6k8+dMEifdeO34jUajVWptNpITXQryyg==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+    peerDependencies:
+      vue: ^3.3.4
+    dependencies:
+      '@nuxt/kit': 3.8.2
+      '@rollup/plugin-replace': 5.0.5
+      '@vitejs/plugin-vue': 4.5.2(vite@4.5.1)(vue@3.3.11)
+      '@vitejs/plugin-vue-jsx': 3.1.0(vite@4.5.1)(vue@3.3.11)
+      autoprefixer: 10.4.16(postcss@8.4.32)
+      clear: 0.1.0
+      consola: 3.2.3
+      cssnano: 6.0.1(postcss@8.4.32)
+      defu: 6.1.3
+      esbuild: 0.19.8
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      externality: 1.0.2
+      fs-extra: 11.2.0
+      get-port-please: 3.1.1
+      h3: 1.9.0
+      knitwork: 1.0.0
+      magic-string: 0.30.5
+      mlly: 1.4.2
+      ohash: 1.1.3
+      pathe: 1.1.1
+      perfect-debounce: 1.0.0
+      pkg-types: 1.0.3
+      postcss: 8.4.32
+      rollup-plugin-visualizer: 5.10.0(rollup@3.29.4)
+      std-env: 3.6.0
+      strip-literal: 1.3.0
+      ufo: 1.3.2
+      unplugin: 1.5.1
+      vite: 4.5.1(@types/node@20.10.4)
+      vite-node: 0.33.0(@types/node@20.10.4)
+      vite-plugin-checker: 0.6.2(eslint@8.55.0)(typescript@5.3.3)(vite@4.5.1)
+      vue: 3.3.11(typescript@5.3.3)
+      vue-bundle-renderer: 2.0.0
+    transitivePeerDependencies:
+      - '@types/node'
+      - eslint
+      - less
+      - lightningcss
+      - meow
+      - optionator
+      - rollup
+      - sass
+      - stylelint
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - typescript
+      - vls
+      - vti
+      - vue-tsc
+    dev: true
+
   /@nuxtjs/color-mode@3.3.2(rollup@3.29.4):
     resolution: {integrity: sha512-BLpBfrYZngV2QWFQ4HNEFwAXa3Pno43Ge+2XHcZJTTa1Z4KzRLvOwku8yiyV3ovIaaXKGwduBdv3Z5Ocdp0/+g==}
     dependencies:
@@ -4169,6 +4311,19 @@ packages:
       resolve: 1.22.8
       rollup: 4.7.0
 
+  /@rollup/plugin-replace@5.0.5:
+    resolution: {integrity: sha512-rYO4fOi8lMaTg/z5Jb+hKnrHHVn8j2lwkqwyS4kTRhKyWOLf2wST2sWXr4WzWiTcoHTp2sTjqUbqIj2E39slKQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@4.7.0)
+      magic-string: 0.30.5
+    dev: true
+
   /@rollup/plugin-replace@5.0.5(rollup@3.29.4):
     resolution: {integrity: sha512-rYO4fOi8lMaTg/z5Jb+hKnrHHVn8j2lwkqwyS4kTRhKyWOLf2wST2sWXr4WzWiTcoHTp2sTjqUbqIj2E39slKQ==}
     engines: {node: '>=14.0.0'}
@@ -5010,7 +5165,6 @@ packages:
 
   /@types/web-bluetooth@0.0.20:
     resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
-    dev: true
 
   /@types/whatwg-mimetype@3.0.2:
     resolution: {integrity: sha512-c2AKvDT8ToxLIOUlN51gTiHXflsfIFisS4pO7pDPoKouJCESkhZnEy623gwP9laCy5lnLDAw1vAzu2vM2YLOrA==}
@@ -5194,7 +5348,7 @@ packages:
       unhead: 1.8.9
       vue: 3.3.11(typescript@5.3.3)
 
-  /@unocss/astro@0.58.0(rollup@3.29.4)(vite@5.0.4):
+  /@unocss/astro@0.58.0(rollup@3.29.4)(vite@4.5.1):
     resolution: {integrity: sha512-df+tEFO5eKXjQOwSWQhS9IdjD0sfLHLtn8U09sEKR2Nmh5CvpwyBxmvLQgOCilPou7ehmyKfsyGRLZg7IMp+Ew==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
@@ -5204,8 +5358,8 @@ packages:
     dependencies:
       '@unocss/core': 0.58.0
       '@unocss/reset': 0.58.0
-      '@unocss/vite': 0.58.0(rollup@3.29.4)(vite@5.0.4)
-      vite: 5.0.4(@types/node@20.10.4)
+      '@unocss/vite': 0.58.0(rollup@3.29.4)(vite@4.5.1)
+      vite: 4.5.1(@types/node@20.10.4)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -5259,7 +5413,7 @@ packages:
       sirv: 2.0.3
     dev: true
 
-  /@unocss/nuxt@0.58.0(postcss@8.4.32)(rollup@3.29.4)(vite@5.0.4)(webpack@5.89.0):
+  /@unocss/nuxt@0.58.0(postcss@8.4.32)(rollup@3.29.4)(vite@4.5.1)(webpack@5.89.0):
     resolution: {integrity: sha512-5tkV4HdmOjYNkZz2wl+c9HZJxer3SL9NrU2zpWxYNYtdZHk2HIwNJfBsHHnZR6iR4cqL+IGHk9J6gyBOKal6+A==}
     dependencies:
       '@nuxt/kit': 3.8.2(rollup@3.29.4)
@@ -5273,9 +5427,9 @@ packages:
       '@unocss/preset-web-fonts': 0.58.0
       '@unocss/preset-wind': 0.58.0
       '@unocss/reset': 0.58.0
-      '@unocss/vite': 0.58.0(rollup@3.29.4)(vite@5.0.4)
+      '@unocss/vite': 0.58.0(rollup@3.29.4)(vite@4.5.1)
       '@unocss/webpack': 0.58.0(rollup@3.29.4)(webpack@5.89.0)
-      unocss: 0.58.0(@unocss/webpack@0.58.0)(postcss@8.4.32)(rollup@3.29.4)(vite@5.0.4)
+      unocss: 0.58.0(@unocss/webpack@0.58.0)(postcss@8.4.32)(rollup@3.29.4)(vite@4.5.1)
     transitivePeerDependencies:
       - postcss
       - rollup
@@ -5413,7 +5567,7 @@ packages:
       '@unocss/core': 0.58.0
     dev: true
 
-  /@unocss/vite@0.58.0(rollup@3.29.4)(vite@5.0.4):
+  /@unocss/vite@0.58.0(rollup@3.29.4)(vite@4.5.1):
     resolution: {integrity: sha512-OCUOLMSOBEtXOEyBbAvMI3/xdR175BWRzmvV9Wc34ANZclEvCdVH8+WU725ibjY4VT0gVIuX68b13fhXdHV41A==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
@@ -5428,7 +5582,7 @@ packages:
       chokidar: 3.5.3
       fast-glob: 3.3.2
       magic-string: 0.30.5
-      vite: 5.0.4(@types/node@20.10.4)
+      vite: 4.5.1(@types/node@20.10.4)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -5621,6 +5775,26 @@ packages:
     transitivePeerDependencies:
       - rollup
 
+  /@vue-macros/common@1.9.0(vue@3.3.11):
+    resolution: {integrity: sha512-LbfRHDkceuokkLlVuQW9Wq3ZLmRs6KIDPzCjUvvL14HB4GslWdtvBB1suFfNs6VMvh9Zj30cEKF/EAP7QBCZ6Q==}
+    engines: {node: '>=16.14.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    peerDependenciesMeta:
+      vue:
+        optional: true
+    dependencies:
+      '@babel/types': 7.23.5
+      '@rollup/pluginutils': 5.1.0(rollup@4.7.0)
+      '@vue/compiler-sfc': 3.3.11
+      ast-kit: 0.11.3
+      local-pkg: 0.5.0
+      magic-string-ast: 0.3.0
+      vue: 3.3.11(typescript@5.3.3)
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
   /@vue/babel-helper-vue-transform-on@1.1.5:
     resolution: {integrity: sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==}
 
@@ -5728,7 +5902,6 @@ packages:
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
-    dev: true
 
   /@vueuse/integrations@10.7.0(focus-trap@7.5.4)(vue@3.3.11):
     resolution: {integrity: sha512-rxiMYgS+91n93qXpHZF9NbHhppWY6IJyVTDxt4acyChL0zZVx7P8FAAfpF1qVK8e4wfjerhpEiMJ0IZ1GWUZ2A==}
@@ -5782,7 +5955,6 @@ packages:
 
   /@vueuse/metadata@10.7.0:
     resolution: {integrity: sha512-GlaH7tKP2iBCZ3bHNZ6b0cl9g0CJK8lttkBNUX156gWvNYhTKEtbweWLm9rxCPIiwzYcr/5xML6T8ZUEt+DkvA==}
-    dev: true
 
   /@vueuse/nuxt@10.7.0(nuxt@3.8.2)(rollup@3.29.4)(vue@3.3.11):
     resolution: {integrity: sha512-CYKMFRwTlZmfUuopC2jGJZ03s7RL5H1L/Xoz9xhQfs7seMS6kCSsVUT9iB0LqiuLxeP7WiInThgFnBbBc6LMTw==}
@@ -5793,7 +5965,7 @@ packages:
       '@vueuse/core': 10.7.0(vue@3.3.11)
       '@vueuse/metadata': 10.7.0
       local-pkg: 0.5.0
-      nuxt: 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vite@5.0.4)
+      nuxt: 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vite@4.5.1)
       vue-demi: 0.14.6(vue@3.3.11)
     transitivePeerDependencies:
       - '@vue/composition-api'
@@ -5809,7 +5981,6 @@ packages:
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
-    dev: true
 
   /@webassemblyjs/ast@1.11.6:
     resolution: {integrity: sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==}
@@ -6194,6 +6365,17 @@ packages:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
     dev: true
 
+  /ast-kit@0.11.3:
+    resolution: {integrity: sha512-qdwwKEhckRk0XE22/xDdmU3v/60E8Edu4qFhgTLIhGGDs/PAJwLw9pQn8Rj99PitlbBZbYpx0k/lbir4kg0SuA==}
+    engines: {node: '>=16.14.0'}
+    dependencies:
+      '@babel/parser': 7.23.5
+      '@rollup/pluginutils': 5.1.0(rollup@4.7.0)
+      pathe: 1.1.1
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
   /ast-kit@0.11.3(rollup@3.29.4):
     resolution: {integrity: sha512-qdwwKEhckRk0XE22/xDdmU3v/60E8Edu4qFhgTLIhGGDs/PAJwLw9pQn8Rj99PitlbBZbYpx0k/lbir4kg0SuA==}
     engines: {node: '>=16.14.0'}
@@ -6204,6 +6386,17 @@ packages:
     transitivePeerDependencies:
       - rollup
 
+  /ast-kit@0.9.5:
+    resolution: {integrity: sha512-kbL7ERlqjXubdDd+szuwdlQ1xUxEz9mCz1+m07ftNVStgwRb2RWw+U6oKo08PAvOishMxiqz1mlJyLl8yQx2Qg==}
+    engines: {node: '>=16.14.0'}
+    dependencies:
+      '@babel/parser': 7.23.5
+      '@rollup/pluginutils': 5.1.0(rollup@4.7.0)
+      pathe: 1.1.1
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
   /ast-kit@0.9.5(rollup@3.29.4):
     resolution: {integrity: sha512-kbL7ERlqjXubdDd+szuwdlQ1xUxEz9mCz1+m07ftNVStgwRb2RWw+U6oKo08PAvOishMxiqz1mlJyLl8yQx2Qg==}
     engines: {node: '>=16.14.0'}
@@ -6214,6 +6407,16 @@ packages:
     transitivePeerDependencies:
       - rollup
 
+  /ast-walker-scope@0.5.0:
+    resolution: {integrity: sha512-NsyHMxBh4dmdEHjBo1/TBZvCKxffmZxRYhmclfu0PP6Aftre47jOHYaYaNqJcV0bxihxFXhDkzLHUwHc0ocd0Q==}
+    engines: {node: '>=16.14.0'}
+    dependencies:
+      '@babel/parser': 7.23.5
+      ast-kit: 0.9.5
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
   /ast-walker-scope@0.5.0(rollup@3.29.4):
     resolution: {integrity: sha512-NsyHMxBh4dmdEHjBo1/TBZvCKxffmZxRYhmclfu0PP6Aftre47jOHYaYaNqJcV0bxihxFXhDkzLHUwHc0ocd0Q==}
     engines: {node: '>=16.14.0'}
@@ -10334,7 +10537,7 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /nuxt@3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vite@5.0.4):
+  /nuxt@3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vite@4.5.1):
     resolution: {integrity: sha512-HUAyifmqTs2zcQBGvcby3KNs2pBAk+l7ZbLjD1oCNqQQ+wBuZ1qgLC4Ebu++y4g3o3Y8WAWSvpafbKRLQZziPw==}
     engines: {node: ^14.18.0 || >=16.10.0}
     hasBin: true
@@ -10348,7 +10551,7 @@ packages:
         optional: true
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@5.0.4)
+      '@nuxt/devtools': 1.0.5(nuxt@3.8.2)(rollup@3.29.4)(vite@4.5.1)
       '@nuxt/kit': 3.8.2(rollup@3.29.4)
       '@nuxt/schema': 3.8.2(rollup@3.29.4)
       '@nuxt/telemetry': 2.5.3(rollup@3.29.4)
@@ -10454,11 +10657,11 @@ packages:
     dependencies:
       '@nuxt/devalue': 2.0.2
       '@nuxt/devtools': 1.0.5(nuxt@3.8.2)(vite@5.0.4)
-      '@nuxt/kit': 3.8.2(rollup@3.29.4)
-      '@nuxt/schema': 3.8.2(rollup@3.29.4)
-      '@nuxt/telemetry': 2.5.3(rollup@3.29.4)
+      '@nuxt/kit': 3.8.2
+      '@nuxt/schema': 3.8.2
+      '@nuxt/telemetry': 2.5.3
       '@nuxt/ui-templates': 1.3.1
-      '@nuxt/vite-builder': 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(rollup@3.29.4)(typescript@5.3.3)(vue@3.3.11)
+      '@nuxt/vite-builder': 3.8.2(@types/node@20.10.4)(eslint@8.55.0)(typescript@5.3.3)(vue@3.3.11)
       '@types/node': 20.10.4
       '@unhead/dom': 1.8.9
       '@unhead/ssr': 1.8.9
@@ -10500,9 +10703,9 @@ packages:
       uncrypto: 0.1.3
       unctx: 2.3.1
       unenv: 1.8.0
-      unimport: 3.6.1(rollup@3.29.4)
+      unimport: 3.6.1
       unplugin: 1.5.1
-      unplugin-vue-router: 0.7.0(rollup@3.29.4)(vue-router@4.2.5)(vue@3.3.11)
+      unplugin-vue-router: 0.7.0(vue-router@4.2.5)(vue@3.3.11)
       untyped: 1.4.0
       vue: 3.3.11(typescript@5.3.3)
       vue-bundle-renderer: 2.0.0
@@ -12630,6 +12833,24 @@ packages:
     resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
     engines: {node: '>=18'}
 
+  /unimport@3.6.1:
+    resolution: {integrity: sha512-zKzbp8AQ+l8QK3XrONtUBdgBbMI8TkGh8hBYF77ZkVqMLLIAHwGSwJRFolPQMBx/5pezeRKvmu2gzlqnxRZeqQ==}
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@4.7.0)
+      escape-string-regexp: 5.0.0
+      fast-glob: 3.3.2
+      local-pkg: 0.5.0
+      magic-string: 0.30.5
+      mlly: 1.4.2
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      scule: 1.1.1
+      strip-literal: 1.3.0
+      unplugin: 1.5.1
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
   /unimport@3.6.1(rollup@3.29.4):
     resolution: {integrity: sha512-zKzbp8AQ+l8QK3XrONtUBdgBbMI8TkGh8hBYF77ZkVqMLLIAHwGSwJRFolPQMBx/5pezeRKvmu2gzlqnxRZeqQ==}
     dependencies:
@@ -12693,7 +12914,7 @@ packages:
       normalize-path: 2.1.1
     dev: false
 
-  /unocss@0.58.0(@unocss/webpack@0.58.0)(postcss@8.4.32)(rollup@3.29.4)(vite@5.0.4):
+  /unocss@0.58.0(@unocss/webpack@0.58.0)(postcss@8.4.32)(rollup@3.29.4)(vite@4.5.1):
     resolution: {integrity: sha512-MSPRHxBqWN+1AHGV+J5uUy4//e6ZBK6O+ISzD0qrXcCD/GNtxk1+lYjOK2ltkUiKX539+/KF91vNxzhhwEf+xA==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -12705,7 +12926,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      '@unocss/astro': 0.58.0(rollup@3.29.4)(vite@5.0.4)
+      '@unocss/astro': 0.58.0(rollup@3.29.4)(vite@4.5.1)
       '@unocss/cli': 0.58.0(rollup@3.29.4)
       '@unocss/core': 0.58.0
       '@unocss/extractor-arbitrary-variants': 0.58.0
@@ -12724,9 +12945,9 @@ packages:
       '@unocss/transformer-compile-class': 0.58.0
       '@unocss/transformer-directives': 0.58.0
       '@unocss/transformer-variant-group': 0.58.0
-      '@unocss/vite': 0.58.0(rollup@3.29.4)(vite@5.0.4)
+      '@unocss/vite': 0.58.0(rollup@3.29.4)(vite@4.5.1)
       '@unocss/webpack': 0.58.0(rollup@3.29.4)(webpack@5.89.0)
-      vite: 5.0.4(@types/node@20.10.4)
+      vite: 4.5.1(@types/node@20.10.4)
     transitivePeerDependencies:
       - postcss
       - rollup
@@ -12759,6 +12980,33 @@ packages:
       - rollup
       - vue
 
+  /unplugin-vue-router@0.7.0(vue-router@4.2.5)(vue@3.3.11):
+    resolution: {integrity: sha512-ddRreGq0t5vlSB7OMy4e4cfU1w2AwBQCwmvW3oP/0IHQiokzbx4hd3TpwBu3eIAFVuhX2cwNQwp1U32UybTVCw==}
+    peerDependencies:
+      vue-router: ^4.1.0
+    peerDependenciesMeta:
+      vue-router:
+        optional: true
+    dependencies:
+      '@babel/types': 7.23.5
+      '@rollup/pluginutils': 5.1.0(rollup@4.7.0)
+      '@vue-macros/common': 1.9.0(vue@3.3.11)
+      ast-walker-scope: 0.5.0
+      chokidar: 3.5.3
+      fast-glob: 3.3.2
+      json5: 2.2.3
+      local-pkg: 0.4.3
+      mlly: 1.4.2
+      pathe: 1.1.1
+      scule: 1.1.1
+      unplugin: 1.5.1
+      vue-router: 4.2.5(vue@3.3.11)
+      yaml: 2.3.4
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
   /unplugin@1.5.1:
     resolution: {integrity: sha512-0QkvG13z6RD+1L1FoibQqnvTwVBXvS4XSPwAyinVgoOCl2jAgwzdUKmEj05o4Lt8xwQI85Hb6mSyYkcAGwZPew==}
     dependencies:
@@ -13059,7 +13307,7 @@ packages:
       vscode-languageserver-textdocument: 1.0.11
       vscode-uri: 3.0.8
 
-  /vite-plugin-inspect@0.8.1(@nuxt/kit@3.8.2)(rollup@3.29.4)(vite@5.0.4):
+  /vite-plugin-inspect@0.8.1(@nuxt/kit@3.8.2)(rollup@3.29.4)(vite@4.5.1):
     resolution: {integrity: sha512-oPBPVGp6tBd5KdY/qY6lrbLXqrbHRG0hZLvEaJfiZ/GQfDB+szRuLHblQh1oi1Hhh8GeLit/50l4xfs2SA+TCA==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -13078,10 +13326,53 @@ packages:
       open: 9.1.0
       picocolors: 1.0.0
       sirv: 2.0.3
+      vite: 4.5.1(@types/node@20.10.4)
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+
+  /vite-plugin-inspect@0.8.1(@nuxt/kit@3.8.2)(vite@5.0.4):
+    resolution: {integrity: sha512-oPBPVGp6tBd5KdY/qY6lrbLXqrbHRG0hZLvEaJfiZ/GQfDB+szRuLHblQh1oi1Hhh8GeLit/50l4xfs2SA+TCA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@nuxt/kit': '*'
+      vite: ^3.1.0 || ^4.0.0 || ^5.0.0-0
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+    dependencies:
+      '@antfu/utils': 0.7.6
+      '@nuxt/kit': 3.8.2
+      '@rollup/pluginutils': 5.1.0(rollup@4.7.0)
+      debug: 4.3.4
+      error-stack-parser-es: 0.1.1
+      fs-extra: 11.2.0
+      open: 9.1.0
+      picocolors: 1.0.0
+      sirv: 2.0.3
       vite: 5.0.4(@types/node@20.10.4)
     transitivePeerDependencies:
       - rollup
       - supports-color
+    dev: true
+
+  /vite-plugin-vue-inspector@4.0.2(vite@4.5.1):
+    resolution: {integrity: sha512-KPvLEuafPG13T7JJuQbSm5PwSxKFnVS965+MP1we2xGw9BPkkc/+LPix5MMWenpKWqtjr0ws8THrR+KuoDC8hg==}
+    peerDependencies:
+      vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
+    dependencies:
+      '@babel/core': 7.23.5
+      '@babel/plugin-proposal-decorators': 7.23.5(@babel/core@7.23.5)
+      '@babel/plugin-syntax-import-attributes': 7.23.3(@babel/core@7.23.5)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.23.5)
+      '@babel/plugin-transform-typescript': 7.23.5(@babel/core@7.23.5)
+      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.5)
+      '@vue/compiler-dom': 3.3.11
+      kolorist: 1.8.0
+      magic-string: 0.30.5
+      vite: 4.5.1(@types/node@20.10.4)
+    transitivePeerDependencies:
+      - supports-color
 
   /vite-plugin-vue-inspector@4.0.2(vite@5.0.4):
     resolution: {integrity: sha512-KPvLEuafPG13T7JJuQbSm5PwSxKFnVS965+MP1we2xGw9BPkkc/+LPix5MMWenpKWqtjr0ws8THrR+KuoDC8hg==}
@@ -13100,6 +13391,7 @@ packages:
       vite: 5.0.4(@types/node@20.10.4)
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
   /vite@4.5.1(@types/node@20.10.4):
     resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
@@ -13170,6 +13462,7 @@ packages:
       rollup: 4.7.0
     optionalDependencies:
       fsevents: 2.3.3
+    dev: true
 
   /vitest@0.33.0:
     resolution: {integrity: sha512-1CxaugJ50xskkQ0e969R/hW47za4YXDUfWJDxip1hwbnhUjYolpfUn2AMOulqG/Dtd9WYAtkHmM/m3yKVrEejQ==}
@@ -13352,7 +13645,6 @@ packages:
         optional: true
     dependencies:
       vue: 3.3.11(typescript@5.3.3)
-    dev: true
 
   /vue-devtools-stub@0.1.0:
     resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}