diff --git a/packages/devtools-kit/src/_types/integrations.ts b/packages/devtools-kit/src/_types/integrations.ts
index ce7f0e3ab..5d131a673 100644
--- a/packages/devtools-kit/src/_types/integrations.ts
+++ b/packages/devtools-kit/src/_types/integrations.ts
@@ -81,7 +81,7 @@ export interface BasicModuleInfo {
   }
 }
 
-export interface ModuleMetric {
+export interface ModuleStaticInfo {
   name: string
   description: string
   repo: string
diff --git a/packages/devtools-kit/src/_types/rpc.ts b/packages/devtools-kit/src/_types/rpc.ts
index 1d1af6e6b..3c9a31103 100644
--- a/packages/devtools-kit/src/_types/rpc.ts
+++ b/packages/devtools-kit/src/_types/rpc.ts
@@ -5,6 +5,7 @@ import type { ModuleCustomTab } from './custom-tabs'
 import type { AssetInfo, AutoImportsWithMetadata, ComponentRelationship, HookInfo, ImageMeta, NpmCommandOptions, NpmCommandType, PackageManagerName, PackageUpdateInfo, ServerRouteInfo } from './integrations'
 import type { TerminalAction, TerminalInfo } from './terminals'
 import type { GetWizardArgs, WizardActions } from './wizard'
+import type { InstallModuleReturn } from './server-ctx'
 
 export interface ServerFunctions {
   // Static RPCs (can be provide on production build in the future)
@@ -48,6 +49,7 @@ export interface ServerFunctions {
   runWizard<T extends WizardActions>(name: T, ...args: GetWizardArgs<T>): Promise<void>
   openInEditor(filepath: string): Promise<boolean>
   restartNuxt(hard?: boolean): Promise<void>
+  installNuxtModule(name: string, dry?: boolean): Promise<InstallModuleReturn>
 }
 
 export interface ClientFunctions {
diff --git a/packages/devtools-kit/src/_types/server-ctx.ts b/packages/devtools-kit/src/_types/server-ctx.ts
index cd6cffde0..29a470009 100644
--- a/packages/devtools-kit/src/_types/server-ctx.ts
+++ b/packages/devtools-kit/src/_types/server-ctx.ts
@@ -30,3 +30,10 @@ export interface NuxtDevtoolsInfo {
   packagePath: string
   isGlobalInstall: boolean
 }
+
+export interface InstallModuleReturn {
+  configOriginal: string
+  configGenerated: string
+  commands: string[]
+  processId: string
+}
diff --git a/packages/devtools-ui-kit/playground/components/ShowSource.vue b/packages/devtools-ui-kit/playground/components/ShowSource.vue
index 6fc5329ed..fa4a69399 100644
--- a/packages/devtools-ui-kit/playground/components/ShowSource.vue
+++ b/packages/devtools-ui-kit/playground/components/ShowSource.vue
@@ -19,7 +19,7 @@ watch(show, async () => {
 
 <template>
   <div class="mt-2">
-    <span n="xs" class="n-link cursor-pointer hover:n-link-hover text-gray n-transition n-link-base" @click="show = !show">
+    <span n="xs" class="n-link cursor-pointer text-gray n-transition hover:n-link-hover n-link-base" @click="show = !show">
       {{ show ? 'Hide' : 'Show' }} source
     </span>
     <div v-if="show" ref="embed" class="dark:filter-invert-100" />
diff --git a/packages/devtools-ui-kit/src/assets/styles.css b/packages/devtools-ui-kit/src/assets/styles.css
index bd2945cfe..7dc3e398c 100644
--- a/packages/devtools-ui-kit/src/assets/styles.css
+++ b/packages/devtools-ui-kit/src/assets/styles.css
@@ -16,6 +16,62 @@ html.dark {
   background: #8884;
 }
 
+/* Shiki */
+.shiki .line {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+
+.shiki.diff .line > span {
+  opacity: 0.75;
+  filter: saturate(0.75);
+}
+
+.shiki.diff .line-added,
+.shiki.diff .line-removed {
+  scroll-margin: 5em;
+}
+
+.shiki.diff .line-added > span,
+.shiki.diff .line-removed > span {
+  opacity: 1 !important;
+  z-index: 100;
+  position: inherit;
+  scroll-margin: 20px;
+}
+
+.shiki.diff .line-added > span {
+  color: #218c3b !important;
+}
+
+.shiki.diff .line-removed > span {
+  color: #8c2c21 !important;
+}
+
+.shiki .line-added:after {
+  content: "";
+  background-color: #43885440;
+  display: block;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+
+.shiki .line-removed:after {
+  content: "";
+  background-color: #8f4b3950;
+  display: block;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+
+/* Color Mode transition */
 ::view-transition-old(root),
 ::view-transition-new(root) {
   animation: none;
diff --git a/packages/devtools-ui-kit/src/components/NCodeBlock.vue b/packages/devtools-ui-kit/src/components/NCodeBlock.vue
index 8ea2a812f..a36eaa909 100644
--- a/packages/devtools-ui-kit/src/components/NCodeBlock.vue
+++ b/packages/devtools-ui-kit/src/components/NCodeBlock.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 // This components requires to run in DevTools to render correctly
-import { computed } from 'vue'
+import { computed, nextTick } from 'vue'
 import { devToolsClient } from '../runtime/client'
 
 const props = withDefaults(
@@ -8,11 +8,22 @@ const props = withDefaults(
     code: string
     lang?: string
     lines?: boolean
+    transformRendered?: (code: string) => string
   }>(), {
     lines: true,
   },
 )
-const rendered = computed(() => devToolsClient.value?.devtools.renderCodeHighlight(props.code, props.lang as string) || { code: props.code, supported: false })
+
+const emit = defineEmits(['loaded'])
+
+const rendered = computed(() => {
+  const result = devToolsClient.value?.devtools.renderCodeHighlight(props.code, props.lang as string) || { code: props.code, supported: false }
+  if (result.supported && props.transformRendered)
+    result.code = props.transformRendered(result.code)
+  if (result.supported)
+    nextTick(() => emit('loaded'))
+  return result
+})
 </script>
 
 <template>
diff --git a/packages/devtools-ui-kit/src/components/NDialog.vue b/packages/devtools-ui-kit/src/components/NDialog.vue
index 5edd9c850..2bf38a62c 100644
--- a/packages/devtools-ui-kit/src/components/NDialog.vue
+++ b/packages/devtools-ui-kit/src/components/NDialog.vue
@@ -59,7 +59,7 @@ export default {
         ]"
         @click="close()"
       />
-      <NCard v-bind="$attrs" ref="card">
+      <NCard v-bind="$attrs" ref="card" class="max-h-screen of-auto">
         <slot />
       </NCard>
     </div>
diff --git a/packages/devtools-ui-kit/src/components/NLink.vue b/packages/devtools-ui-kit/src/components/NLink.vue
index 4ce7693dd..5fc1d3530 100644
--- a/packages/devtools-ui-kit/src/components/NLink.vue
+++ b/packages/devtools-ui-kit/src/components/NLink.vue
@@ -14,7 +14,7 @@ defineProps<{
   <Component
     :is="(href || target) ? 'a' : NuxtLink"
     v-bind="$props"
-    class="n-link hover:n-link-hover n-transition n-link-base"
+    class="n-link n-transition hover:n-link-hover n-link-base"
   >
     <slot />
   </Component>
diff --git a/packages/devtools-wizard/package.json b/packages/devtools-wizard/package.json
index 663241869..68ff0f5d0 100644
--- a/packages/devtools-wizard/package.json
+++ b/packages/devtools-wizard/package.json
@@ -24,7 +24,7 @@
     "diff": "^5.1.0",
     "execa": "^7.1.1",
     "global-dirs": "^3.0.1",
-    "magicast": "^0.2.5",
+    "magicast": "^0.2.6",
     "pathe": "^1.1.0",
     "picocolors": "^1.0.0",
     "pkg-types": "^1.0.3",
diff --git a/packages/devtools/client/app.vue b/packages/devtools/client/app.vue
index bc8d6d7a4..d7a9f296e 100644
--- a/packages/devtools/client/app.vue
+++ b/packages/devtools/client/app.vue
@@ -2,6 +2,7 @@
 import 'floating-vue/dist/style.css'
 import 'vanilla-jsoneditor/themes/jse-theme-dark.css'
 import 'splitpanes/dist/splitpanes.css'
+import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 import './styles/global.css'
 import { setupClientRPC } from './setup/client-rpc'
 
diff --git a/packages/devtools/client/components/CodeDiff.vue b/packages/devtools/client/components/CodeDiff.vue
new file mode 100644
index 000000000..ba59f1956
--- /dev/null
+++ b/packages/devtools/client/components/CodeDiff.vue
@@ -0,0 +1,76 @@
+<script setup lang="ts">
+import { diffLines } from 'diff'
+import { unrefElement } from '@vueuse/core'
+
+const props = defineProps<{
+  from: string
+  to: string
+  lang: string
+}>()
+
+function calculateDiff(from: string, to: string) {
+  const diffs = diffLines(from.trim(), to.trim())
+
+  const added: number[] = []
+  const removed: number[] = []
+  const result = []
+
+  for (const diff of diffs) {
+    const lines = diff.value.trimEnd().split('\n')
+    for (const line of lines) {
+      if (diff.added) {
+        added.push(result.length)
+        result.push(line)
+      }
+      else if (diff.removed) {
+        removed.push(result.length)
+        result.push(line)
+      }
+      else {
+        result.push(line)
+      }
+    }
+  }
+
+  return {
+    added,
+    removed,
+    result: result.join('\n'),
+  }
+}
+
+const diff = computed(() => calculateDiff(props.from, props.to))
+
+function transformRendered(code: string) {
+  let count = 0
+  return code
+    .replace(/class="shiki/, 'class="shiki diff')
+    .replace(/class="line"/g, (_) => {
+      count++
+      if (diff.value.added.includes(count - 1))
+        return 'class="line line-added"'
+      if (diff.value.removed.includes(count - 1))
+        return 'class="line line-removed"'
+      return _
+    })
+}
+
+const elRef = ref<HTMLDivElement>()
+onMounted(scrollTo)
+
+function scrollTo() {
+  const el = unrefElement(elRef)
+  if (el)
+    el.querySelector('.line-added,.line-removed')?.scrollIntoView()
+}
+</script>
+
+<template>
+  <NCodeBlock
+    ref="elRef"
+    :code="diff.result"
+    :lang="lang"
+    :transform-rendered="transformRendered"
+    @loaded="scrollTo"
+  />
+</template>
diff --git a/packages/devtools/client/components/ModuleInstallList.vue b/packages/devtools/client/components/ModuleInstallList.vue
new file mode 100644
index 000000000..58e13df1e
--- /dev/null
+++ b/packages/devtools/client/components/ModuleInstallList.vue
@@ -0,0 +1,124 @@
+<script setup lang="ts">
+// @ts-expect-error missing types
+import { RecycleScroller } from 'vue-virtual-scroller'
+import type { InstallModuleReturn, ModuleStaticInfo } from '@nuxt/devtools-kit/types'
+import Fuse from 'fuse.js'
+
+const Dialog = createTemplatePromise<boolean, [info: ModuleStaticInfo, result: InstallModuleReturn]>()
+const collection = await useModulesInfo()
+const nuxt3only = collection.filter(i => i.compatibility.nuxt.includes('^3'))
+
+const config = useServerConfig()
+const router = useRouter()
+const search = ref('')
+const fuse = computed(() => new Fuse(nuxt3only, {
+  keys: [
+    'name',
+    'description',
+    'npm',
+    'category',
+  ],
+}))
+
+const items = computed(() => {
+  if (!search.value)
+    return nuxt3only
+  return fuse.value.search(search.value).map(r => r.item)
+})
+
+async function install(item: ModuleStaticInfo) {
+  const result = await rpc.installNuxtModule(item.npm, true)
+
+  if (!result.commands)
+    return
+
+  if (!await Dialog.start(item, result))
+    return
+
+  router.push(`/modules/terminals?id=${encodeURIComponent(result.processId)}`)
+  await rpc.installNuxtModule(item.npm, false)
+}
+
+const openInEditor = useOpenInEditor()
+</script>
+
+<template>
+  <div h-full flex="~ col gap-4">
+    <NIconTitle
+      mx6 mt6
+      text-xl op75
+      icon="i-carbon-3d-mpr-toggle"
+      text="Install Module"
+    />
+
+    <NTextInput
+      v-model="search"
+      placeholder="Search..."
+      icon="carbon-search" n="primary"
+      mx6 px-5 py-2
+    />
+
+    <div flex-auto of-auto flex="~ col gap-2" pl6 pr4>
+      <RecycleScroller
+        v-slot="{ item }"
+        class="scroller"
+        :items="items"
+        :item-size="160"
+        key-field="name"
+      >
+        <ModuleItemBase
+          :mod="{}"
+          role="button"
+          :info="item"
+          mb2 h-full class="hover:bg-active!"
+          :compact="true"
+          @click="install(item)"
+        />
+      </RecycleScroller>
+    </div>
+  </div>
+
+  <Dialog v-slot="{ resolve, args }">
+    <NDialog :model-value="true" @close="resolve(false)">
+      <ModuleItemBase :mod="{}" :info="args[0]" border="none" w-150 n-panel-grids />
+      <div flex="~ col gap-2" w-150 p4 border="t base">
+        <h2 text-xl>
+          Installing <span capitalize text-primary>{{ args[0].name }}</span> module?
+        </h2>
+
+        <p op50>
+          Following command will be executed in your terminal:
+        </p>
+        <NCodeBlock :code="args[1].commands.join(' ')" lang="bash" px4 py2 border="~ base rounded" :lines="false" />
+
+        <p op50>
+          Then your <NLink role="button" n="primary" @click="openInEditor(config?._nuxtConfigFile)" v-text="'Nuxt config'" /> will be updated as:
+        </p>
+
+        <CodeDiff
+          :from="args[1].configOriginal"
+          :to="args[1].configGenerated"
+          max-h-80 of-auto py2 border="~ base rounded"
+          lang="ts"
+        />
+
+        <p>
+          <span op50>After module installed, Nuxt will </span><span text-orange>restart automatically</span>.
+        </p>
+
+        <div flex="~ gap-3" mt2 justify-end>
+          <NTip n="sm purple" flex-auto icon="carbon-chemistry">
+            Experimental. Make sure to backup your project.
+          </NTip>
+
+          <NButton @click="resolve(false)">
+            Cancel
+          </NButton>
+          <NButton n="solid primary" @click="resolve(true)">
+            Install
+          </NButton>
+        </div>
+      </div>
+    </NDialog>
+  </Dialog>
+</template>
diff --git a/packages/devtools/client/components/ModuleItem.vue b/packages/devtools/client/components/ModuleItem.vue
index ef67f2ac2..1d8447cc3 100644
--- a/packages/devtools/client/components/ModuleItem.vue
+++ b/packages/devtools/client/components/ModuleItem.vue
@@ -20,75 +20,17 @@ const name = computed(() => {
   return ''
 })
 const collection = await useModulesInfo()
+const staticInfo = computed(() => (collection || []).find?.(i => i.npm === name.value || i.name === name.value))
 const data = computed(() => ({
   name,
   ...props.mod?.meta,
-  ...(collection || []).find?.(i => i.npm === name.value || i.name === name.value),
+  ...staticInfo.value,
 }))
-
-const iconBase = 'https://api.nuxtjs.org/api/ipx/s_80,f_webp/gh/nuxt/modules/main/icons/'
-const avatarBase = 'https://api.nuxtjs.org/api/ipx/s_44,f_webp/gh_avatar/'
-const githubBase = 'https://github.com/'
-const npmBase = 'https://www.npmjs.com/package/'
-
-const openInEditor = useOpenInEditor()
 </script>
 
 <template>
-  <NCard p4 flex="~ gap2">
-    <div flex="~ col gap2" flex-auto of-hidden px1>
-      <div
-        of-hidden text-ellipsis ws-nowrap text-lg
-      >
-        <NuxtLink
-          v-if="isPackageModule"
-          :to="npmBase + (data.npm || data.name)"
-          target="_blank"
-          hover="underline text-primary"
-        >
-          {{ data.name }}
-        </NuxtLink>
-        <button
-          v-else-if="mod.entryPath"
-          role="button"
-          hover="underline text-primary"
-          @click="openInEditor(mod.entryPath!)"
-        >
-          {{ data.name }}
-        </button>
-        <span v-else>
-          {{ data.name }}
-        </span>
-      </div>
-
-      <div v-if="data.description " line-clamp-2 mt--1 text-sm op50>
-        {{ data.description }}
-      </div>
-
-      <div flex-auto />
-
-      <div v-if="data.website" flex="~ gap-2" title="Documentation">
-        <span i-carbon-link text-lg op50 />
-        <NuxtLink
-          :to="data.website"
-          target="_blank"
-          text-sm op50
-          hover="op100 underline text-primary"
-        >
-          {{ data.website.replace(/^https?:\/\//, '') }}
-        </NuxtLink>
-      </div>
-      <div v-if="data.github" flex="~ gap-2">
-        <span i-carbon-logo-github text-lg op50 />
-        <NuxtLink
-          :to="data.github"
-          target="_blank"
-          text-sm op50
-          hover="op100 underline text-primary"
-        >
-          {{ data.github.replace(/^https?:\/\/github.com\//, '') }}
-        </NuxtLink>
-      </div>
+  <ModuleItemBase :mod="mod" :info="staticInfo">
+    <template #items>
       <div v-if="mod.entryPath" flex="~ gap-2" title="Open on filesystem">
         <span i-carbon-folder-move-to text-lg op50 />
         <FilepathItem :filepath="mod.entryPath" text-sm op50 hover="text-primary op100" />
@@ -134,27 +76,6 @@ const openInEditor = useOpenInEditor()
           </div>
         </template>
       </NpmVersionCheck>
-    </div>
-    <div flex="~ col">
-      <div
-        v-if="data.icon || isPackageModule"
-
-        h-20 w-20 flex flex-none rounded bg-gray:3 p4
-      >
-        <img v-if="data.icon" :src="iconBase + data.icon" :alt="name" ma>
-        <div i-carbon-circle-dash ma text-4xl op50 />
-      </div>
-      <div v-if="data.maintainers?.length" flex="~" mt2 flex-auto items-end justify-end>
-        <NuxtLink
-          v-for="m of data.maintainers"
-          :key="m.name"
-          target="_blank"
-          :to="githubBase + m.github"
-          :title="m.name"
-        >
-          <img :src="avatarBase + m.github" h-6 w-6 rounded-full>
-        </NuxtLink>
-      </div>
-    </div>
-  </NCard>
+    </template>
+  </ModuleItemBase>
 </template>
diff --git a/packages/devtools/client/components/ModuleItemBase.vue b/packages/devtools/client/components/ModuleItemBase.vue
new file mode 100644
index 000000000..d11962406
--- /dev/null
+++ b/packages/devtools/client/components/ModuleItemBase.vue
@@ -0,0 +1,122 @@
+<script setup lang="ts">
+import type { BasicModuleInfo, ModuleStaticInfo } from '../../src/types'
+
+const props = defineProps<{
+  mod: BasicModuleInfo
+  info?: ModuleStaticInfo
+  compact?: boolean
+}>()
+
+const config = useServerConfig()
+const isPackageModule = computed(() => props.mod.entryPath && isNodeModulePath(props.mod.entryPath))
+const name = computed(() => {
+  if (props.mod.meta?.name)
+    return props.mod.meta.name
+  if (props.mod.entryPath) {
+    return isPackageModule.value
+      ? getModuleNameFromPath(props.mod.entryPath)
+      : config.value?.rootDir
+        ? parseReadablePath(props.mod.entryPath, config.value?.rootDir).path
+        : ''
+  }
+  return ''
+})
+const data = computed(() => ({
+  name,
+  ...props.mod?.meta,
+  ...props.info,
+}))
+
+const iconBase = 'https://api.nuxtjs.org/api/ipx/s_80,f_webp/gh/nuxt/modules/main/icons/'
+const avatarBase = 'https://api.nuxtjs.org/api/ipx/s_44,f_webp/gh_avatar/'
+const githubBase = 'https://github.com/'
+const npmBase = 'https://www.npmjs.com/package/'
+
+const openInEditor = useOpenInEditor()
+</script>
+
+<template>
+  <NCard p4 flex="~ gap2">
+    <div flex="~ col gap2" flex-auto of-hidden px1>
+      <div
+        of-hidden text-ellipsis ws-nowrap text-lg
+      >
+        <NuxtLink
+          v-if="isPackageModule"
+          :to="npmBase + (data.npm || data.name)"
+          target="_blank"
+          hover="underline text-primary"
+        >
+          {{ data.name }}
+        </NuxtLink>
+        <button
+          v-else-if="mod.entryPath"
+          role="button"
+          hover="underline text-primary"
+          @click="openInEditor(mod.entryPath!)"
+        >
+          {{ data.name }}
+        </button>
+        <span v-else>
+          {{ data.name }}
+        </span>
+      </div>
+
+      <div
+        v-if="data.description "
+        :class="compact ? 'ws-nowrap of-hidden truncate' : 'line-clamp-2'"
+        mt--1 text-sm op50
+      >
+        {{ data.description }}
+      </div>
+
+      <div flex-auto />
+
+      <div v-if="data.website" flex="~ gap-2" title="Documentation">
+        <span i-carbon-link text-lg op50 />
+        <NuxtLink
+          :to="data.website"
+          target="_blank"
+          of-hidden truncate ws-nowrap text-sm op50
+          hover="op100 underline text-primary"
+        >
+          {{ data.website.replace(/^https?:\/\//, '') }}
+        </NuxtLink>
+      </div>
+      <div v-if="data.github" flex="~ gap-2">
+        <span i-carbon-logo-github text-lg op50 />
+        <NuxtLink
+          :to="data.github"
+          target="_blank"
+          of-hidden truncate ws-nowrap text-sm op50
+          hover="op100 underline text-primary"
+        >
+          {{ data.github.replace(/^https?:\/\/github.com\//, '') }}
+        </NuxtLink>
+      </div>
+
+      <slot name="items" />
+    </div>
+    <div flex="~ col">
+      <div
+        v-if="data.icon || isPackageModule"
+
+        h-20 w-20 flex flex-none rounded bg-gray:3 p4
+      >
+        <img v-if="data.icon" :src="iconBase + data.icon" :alt="name" ma>
+        <div i-carbon-circle-dash ma text-4xl op50 />
+      </div>
+      <div v-if="data.maintainers?.length" flex="~" mt2 flex-auto items-end justify-end>
+        <NuxtLink
+          v-for="m of data.maintainers"
+          :key="m.name"
+          target="_blank"
+          :to="githubBase + m.github"
+          :title="m.name"
+        >
+          <img :src="avatarBase + m.github" h-6 w-6 rounded-full>
+        </NuxtLink>
+      </div>
+    </div>
+  </NCard>
+</template>
diff --git a/packages/devtools/client/composables/client-services/shiki.ts b/packages/devtools/client/composables/client-services/shiki.ts
index 34111e314..cecb09174 100644
--- a/packages/devtools/client/composables/client-services/shiki.ts
+++ b/packages/devtools/client/composables/client-services/shiki.ts
@@ -23,6 +23,7 @@ export function renderCodeHighlight(code: string, lang: Lang) {
         'vue',
         'vue-html',
         'bash',
+        'diff',
       ],
     }).then((i) => {
       shiki.value = i
diff --git a/packages/devtools/client/composables/state.ts b/packages/devtools/client/composables/state.ts
index 7aaa8ba9e..1c1ac9ce9 100644
--- a/packages/devtools/client/composables/state.ts
+++ b/packages/devtools/client/composables/state.ts
@@ -2,14 +2,14 @@ import type { Component } from 'nuxt/schema'
 import { $fetch } from 'ofetch'
 import type { Ref } from 'vue'
 import { objectPick } from '@antfu/utils'
-import type { HookInfo, ModuleBuiltinTab, ModuleCustomTab, ModuleMetric, RouteInfo, TabCategory } from '../../src/types'
+import type { HookInfo, ModuleBuiltinTab, ModuleCustomTab, ModuleStaticInfo, RouteInfo, TabCategory } from '../../src/types'
 
-let modules: ModuleMetric[] | undefined
+let modules: Promise<ModuleStaticInfo[]> | undefined
 
 export async function useModulesInfo() {
   if (modules)
     return modules
-  modules = await $fetch('https://cdn.jsdelivr.net/npm/@nuxt/modules@latest/modules.json')
+  modules = $fetch('https://cdn.jsdelivr.net/npm/@nuxt/modules@latest/modules.json')
   return modules
 }
 
diff --git a/packages/devtools/client/nuxt.config.ts b/packages/devtools/client/nuxt.config.ts
index b69914e8e..b1f23fea1 100644
--- a/packages/devtools/client/nuxt.config.ts
+++ b/packages/devtools/client/nuxt.config.ts
@@ -9,7 +9,7 @@ function r(p: string) {
 export default defineNuxtConfig({
   modules: [
     'nuxt-vitest',
-    // '@nuxt/content',
+    '@vue-macros/nuxt',
     '~/modules/custom-tabs',
     '~/modules/markdown',
     DevToolsUiKit,
diff --git a/packages/devtools/client/pages/modules/modules.vue b/packages/devtools/client/pages/modules/modules.vue
index af8130c44..c0be111c0 100644
--- a/packages/devtools/client/pages/modules/modules.vue
+++ b/packages/devtools/client/pages/modules/modules.vue
@@ -19,6 +19,8 @@ const config = useServerConfig()
 const modules = computed(() => config.value?._installedModules || [])
 const packageModules = ref<any[]>([])
 const userModules = ref<any[]>([])
+const installModuleOpen = ref(false)
+const { showExperimentalFeatures } = useDevToolsSettings()
 
 watchEffect(() => {
   packageModules.value.length = 0
@@ -43,16 +45,26 @@ watchEffect(() => {
       :padding="false"
       :description="`Total modules: ${packageModules.length}`"
     >
-      <template #footer>
-        <div px4>
-          <span op50>Find more modules at </span><a href="https://nuxt.com/modules" target="_blank" hover="text-primary underline">nuxt.com/modules</a>
-        </div>
-      </template>
       <ModuleItem
         v-for="m of packageModules"
         :key="m.meta?.name || m.entryPath"
         :mod="m"
       />
+      <NCard
+        v-if="showExperimentalFeatures"
+        border="1.5 dashed"
+        min-h-30 p4 transition
+        hover="border-primary"
+        flex="~ col gap-2 items-center justify-center"
+        role="button"
+        class="group"
+        @click="installModuleOpen = true"
+      >
+        <div i-carbon-new-tab text-4xl op40 group-hover="op75 text-primary" transition />
+        <div text-lg op40 group-hover="op75 text-primary" transition>
+          Install New Module
+        </div>
+      </NCard>
     </NSectionBlock>
     <NSectionBlock
       v-if="userModules.length"
@@ -69,6 +81,31 @@ watchEffect(() => {
         />
       </template>
     </NSectionBlock>
+
+    <template v-if="showExperimentalFeatures">
+      <Transition name="fade-in">
+        <div
+          v-if="installModuleOpen"
+          class="fixed bottom-0 left-0 right-0 top-0 z-100"
+          bg-black:20 backdrop-blur-2 @click="installModuleOpen = false"
+        />
+      </Transition>
+      <Transition name="slide-in">
+        <div
+          v-if="installModuleOpen" border="l base"
+          pos="fixed bottom-0 right-0 top-0" z-200 w-150 bg-base
+        >
+          <NIconButton
+            icon="carbon-close"
+            pos="absolute top-3 right-3"
+            rounded-full text-xl
+            @click="installModuleOpen = false"
+          />
+
+          <ModuleInstallList />
+        </div>
+      </Transition>
+    </template>
   </div>
 
   <HelpFab>
diff --git a/packages/devtools/client/styles/global.css b/packages/devtools/client/styles/global.css
index 9a44f6468..54ae5ada0 100644
--- a/packages/devtools/client/styles/global.css
+++ b/packages/devtools/client/styles/global.css
@@ -58,11 +58,6 @@ html.dark {
   --uno: border-solid border-1 border-b border-base h-1px w-full block my-2 op50;
 }
 
-/* Shiki */
-pre code .line {
-  display: initial;
-}
-
 /* Splitpanes */
 .splitpanes__splitter {
   position: relative;
@@ -132,6 +127,10 @@ textarea {
   height: 6px;
 }
 
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
 ::-webkit-scrollbar-track {
   background: var(--c-border);
   border-radius: 1px;
diff --git a/packages/devtools/package.json b/packages/devtools/package.json
index 1d8f08d1d..60191e511 100644
--- a/packages/devtools/package.json
+++ b/packages/devtools/package.json
@@ -54,6 +54,7 @@
     "is-installed-globally": "^0.4.0",
     "launch-editor": "^2.6.0",
     "local-pkg": "^0.4.3",
+    "magicast": "^0.2.6",
     "nypm": "^0.2.0",
     "pacote": "^15.1.3",
     "pathe": "^1.1.0",
@@ -88,6 +89,7 @@
     "@unocss/preset-icons": "^0.51.12",
     "@unocss/preset-uno": "^0.51.12",
     "@unocss/runtime": "^0.51.12",
+    "@vue-macros/nuxt": "^1.3.5",
     "@vueuse/nuxt": "^10.1.2",
     "esno": "^0.16.3",
     "flatted": "^3.2.7",
@@ -111,6 +113,7 @@
     "vis-network": "^9.1.6",
     "vite-plugin-vue-markdown": "^0.23.3",
     "vue-tsc": "^1.6.4",
+    "vue-virtual-scroller": "2.0.0-beta.8",
     "xterm": "^5.1.0",
     "xterm-addon-fit": "^0.7.0"
   }
diff --git a/packages/devtools/src/server-rpc/npm.ts b/packages/devtools/src/server-rpc/npm.ts
index 0ef9d4300..743875ed6 100644
--- a/packages/devtools/src/server-rpc/npm.ts
+++ b/packages/devtools/src/server-rpc/npm.ts
@@ -1,6 +1,9 @@
+import fs from 'node:fs/promises'
 import { startSubprocess } from '@nuxt/devtools-kit'
 import isInstalledGlobally from 'is-installed-globally'
 import { detectPackageManager } from 'nypm'
+import { parseModule } from 'magicast'
+import { addNuxtModule } from 'magicast/helpers'
 import { checkForUpdateOf } from '../npm'
 import type { NpmCommandOptions, NpmCommandType, NuxtDevtoolsServerContext, PackageManagerName, PackageUpdateInfo, ServerFunctions } from '../types'
 
@@ -57,5 +60,44 @@ export function setupNpmRPC({ nuxt }: NuxtDevtoolsServerContext) {
     getPackageManager,
     getNpmCommand,
     runNpmCommand,
+    async installNuxtModule(name: string, dry = true) {
+      const commands = (await getNpmCommand('install', name, { dev: true }))!
+
+      const filepath = nuxt.options._nuxtConfigFile
+      const source = await fs.readFile(filepath, 'utf-8')
+      const mod = await parseModule(source, { sourceFileName: filepath })
+
+      addNuxtModule(mod, name)
+
+      const generated = mod.generate().code
+
+      const processId = `nuxt:add-module:${name}`
+
+      if (!dry) {
+        const process = startSubprocess({
+          command: commands[0],
+          args: commands.slice(1),
+        }, {
+          id: processId,
+          name: `Install ${name}`,
+          icon: 'carbon:new-tab',
+          restartable: false,
+        })
+
+        await process.getProcess()
+
+        if (process.getProcess().exitCode !== 0)
+          throw new Error('Failed to install module')
+
+        await fs.writeFile(filepath, generated, 'utf-8')
+      }
+
+      return {
+        configOriginal: source,
+        configGenerated: generated,
+        commands,
+        processId,
+      }
+    },
   } satisfies Partial<ServerFunctions>
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4bbe169d3..f39195aad 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -75,7 +75,7 @@ importers:
         version: 5.0.4
       unocss:
         specifier: ^0.51.12
-        version: 0.51.12(@unocss/webpack@0.51.12)(postcss@8.4.23)(rollup@3.21.2)(vite@4.1.4)
+        version: 0.51.12(@unocss/webpack@0.51.12)(postcss@8.4.23)(rollup@3.21.2)(vite@4.3.3)
       vue-tsc:
         specifier: ^1.6.4
         version: 1.6.4(typescript@5.0.4)
@@ -139,6 +139,9 @@ importers:
       local-pkg:
         specifier: ^0.4.3
         version: 0.4.3
+      magicast:
+        specifier: ^0.2.6
+        version: 0.2.6
       nypm:
         specifier: ^0.2.0
         version: 0.2.0
@@ -174,13 +177,13 @@ importers:
         version: 3.0.6(rollup@3.21.2)
       vite:
         specifier: '*'
-        version: 4.1.4(@types/node@18.16.5)
+        version: 4.3.3(@types/node@18.16.5)
       vite-plugin-inspect:
         specifier: ^0.7.25
-        version: 0.7.25(rollup@3.21.2)(vite@4.1.4)
+        version: 0.7.25(rollup@3.21.2)(vite@4.3.3)
       vite-plugin-vue-inspector:
         specifier: ^3.4.1
-        version: 3.4.1(vite@4.1.4)
+        version: 3.4.1(vite@4.3.3)
       wait-on:
         specifier: ^7.0.1
         version: 7.0.1
@@ -229,7 +232,7 @@ importers:
         version: 3.0.1
       '@unocss/nuxt':
         specifier: ^0.51.12
-        version: 0.51.12(postcss@8.4.23)(rollup@3.21.2)(vite@4.1.4)(webpack@5.79.0)
+        version: 0.51.12(postcss@8.4.23)(rollup@3.21.2)(vite@4.3.3)(webpack@5.79.0)
       '@unocss/preset-icons':
         specifier: ^0.51.12
         version: 0.51.12
@@ -239,6 +242,9 @@ importers:
       '@unocss/runtime':
         specifier: ^0.51.12
         version: 0.51.12
+      '@vue-macros/nuxt':
+        specifier: ^1.3.5
+        version: 1.3.5(@vue-macros/reactivity-transform@0.3.6)(nuxt@3.4.3)(rollup@3.21.2)(vite@4.3.3)(vue-tsc@1.6.4)(vue@3.2.47)(webpack@5.79.0)
       '@vueuse/nuxt':
         specifier: ^10.1.2
         version: 10.1.2(nuxt@3.4.3)(rollup@3.21.2)(vue@3.2.47)
@@ -271,7 +277,7 @@ importers:
         version: 3.4.3(@types/node@18.16.5)(eslint@8.39.0)(rollup@3.21.2)(typescript@5.0.4)(vue-tsc@1.6.4)
       nuxt-vitest:
         specifier: ^0.6.12
-        version: 0.6.12(@vitejs/plugin-vue-jsx@3.0.1)(@vitejs/plugin-vue@4.2.1)(rollup@3.21.2)(vite@4.1.4)(vue@3.2.47)
+        version: 0.6.12(@vitejs/plugin-vue-jsx@3.0.1)(@vitejs/plugin-vue@4.2.1)(rollup@3.21.2)(vite@4.3.3)(vue@3.2.47)
       ofetch:
         specifier: ^1.0.1
         version: 1.0.1
@@ -292,7 +298,7 @@ importers:
         version: 0.6.4
       unocss:
         specifier: ^0.51.12
-        version: 0.51.12(@unocss/webpack@0.51.12)(postcss@8.4.23)(rollup@3.21.2)(vite@4.1.4)
+        version: 0.51.12(@unocss/webpack@0.51.12)(postcss@8.4.23)(rollup@3.21.2)(vite@4.3.3)
       vanilla-jsoneditor:
         specifier: ^0.17.3
         version: 0.17.3
@@ -304,10 +310,13 @@ importers:
         version: 9.1.6(@egjs/hammerjs@2.0.17)(component-emitter@1.3.0)(keycharm@0.4.0)(timsort@0.3.0)(uuid@9.0.0)(vis-data@7.1.6)(vis-util@5.0.3)
       vite-plugin-vue-markdown:
         specifier: ^0.23.3
-        version: 0.23.3(rollup@3.21.2)(vite@4.1.4)
+        version: 0.23.3(rollup@3.21.2)(vite@4.3.3)
       vue-tsc:
         specifier: ^1.6.4
         version: 1.6.4(typescript@5.0.4)
+      vue-virtual-scroller:
+        specifier: 2.0.0-beta.8
+        version: 2.0.0-beta.8(vue@3.2.47)
       xterm:
         specifier: ^5.1.0
         version: 5.1.0
@@ -401,7 +410,7 @@ importers:
         version: 7.4.0
       unocss:
         specifier: ^0.51.12
-        version: 0.51.12(@unocss/webpack@0.51.12)(postcss@8.4.23)(rollup@3.21.2)(vite@4.1.4)
+        version: 0.51.12(@unocss/webpack@0.51.12)(postcss@8.4.23)(rollup@3.21.2)(vite@4.3.3)
       v-lazy-show:
         specifier: ^0.2.3
         version: 0.2.3
@@ -425,8 +434,8 @@ importers:
         specifier: ^3.0.1
         version: 3.0.1
       magicast:
-        specifier: ^0.2.5
-        version: 0.2.5
+        specifier: ^0.2.6
+        version: 0.2.6
       pathe:
         specifier: ^1.1.0
         version: 1.1.0
@@ -607,10 +616,10 @@ packages:
       '@babel/helper-compilation-targets': 7.20.7(@babel/core@7.21.3)
       '@babel/helper-module-transforms': 7.21.2
       '@babel/helpers': 7.21.0
-      '@babel/parser': 7.21.4
+      '@babel/parser': 7.21.8
       '@babel/template': 7.20.7
       '@babel/traverse': 7.21.3
-      '@babel/types': 7.21.4
+      '@babel/types': 7.21.5
       convert-source-map: 1.9.0
       debug: 4.3.4
       gensync: 1.0.0-beta.2
@@ -632,7 +641,7 @@ packages:
     resolution: {integrity: sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.4
+      '@babel/types': 7.21.5
 
   /@babel/helper-compilation-targets@7.20.7(@babel/core@7.21.3):
     resolution: {integrity: sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==}
@@ -674,7 +683,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.20.7
-      '@babel/types': 7.21.4
+      '@babel/types': 7.21.5
 
   /@babel/helper-hoist-variables@7.18.6:
     resolution: {integrity: sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==}
@@ -686,13 +695,13 @@ packages:
     resolution: {integrity: sha512-Muu8cdZwNN6mRRNG6lAYErJ5X3bRevgYR2O8wN0yn7jJSnGDu6eG59RfT29JHxGUovyfrh6Pj0XzmR7drNVL3Q==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.4
+      '@babel/types': 7.21.5
 
   /@babel/helper-module-imports@7.18.6:
     resolution: {integrity: sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.4
+      '@babel/types': 7.21.5
 
   /@babel/helper-module-transforms@7.21.2:
     resolution: {integrity: sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==}
@@ -713,7 +722,7 @@ packages:
     resolution: {integrity: sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.4
+      '@babel/types': 7.21.5
 
   /@babel/helper-plugin-utils@7.20.2:
     resolution: {integrity: sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==}
@@ -728,7 +737,7 @@ packages:
       '@babel/helper-optimise-call-expression': 7.18.6
       '@babel/template': 7.20.7
       '@babel/traverse': 7.21.3
-      '@babel/types': 7.21.4
+      '@babel/types': 7.21.5
     transitivePeerDependencies:
       - supports-color
 
@@ -742,17 +751,13 @@ packages:
     resolution: {integrity: sha512-5y1JYeNKfvnT8sZcK9DVRtpTbGiomYIHviSP3OQWmDPU3DeH4a1ZlT/N2lyQ5P8egjcRaT/Y9aNqUxK0WsnIIg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.4
+      '@babel/types': 7.21.5
 
   /@babel/helper-split-export-declaration@7.18.6:
     resolution: {integrity: sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.4
-
-  /@babel/helper-string-parser@7.19.4:
-    resolution: {integrity: sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==}
-    engines: {node: '>=6.9.0'}
+      '@babel/types': 7.21.5
 
   /@babel/helper-string-parser@7.21.5:
     resolution: {integrity: sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==}
@@ -784,13 +789,6 @@ packages:
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  /@babel/parser@7.21.4:
-    resolution: {integrity: sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dependencies:
-      '@babel/types': 7.21.5
-
   /@babel/parser@7.21.8:
     resolution: {integrity: sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==}
     engines: {node: '>=6.0.0'}
@@ -868,14 +866,6 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/types@7.21.4:
-    resolution: {integrity: sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': 7.19.4
-      '@babel/helper-validator-identifier': 7.19.1
-      to-fast-properties: 2.0.0
-
   /@babel/types@7.21.5:
     resolution: {integrity: sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==}
     engines: {node: '>=6.9.0'}
@@ -945,6 +935,7 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/android-arm64@0.17.18:
@@ -969,6 +960,7 @@ packages:
     cpu: [arm]
     os: [android]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/android-arm@0.17.18:
@@ -985,6 +977,7 @@ packages:
     cpu: [x64]
     os: [android]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/android-x64@0.17.18:
@@ -1001,6 +994,7 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/darwin-arm64@0.17.18:
@@ -1017,6 +1011,7 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/darwin-x64@0.17.18:
@@ -1033,6 +1028,7 @@ packages:
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/freebsd-arm64@0.17.18:
@@ -1049,6 +1045,7 @@ packages:
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/freebsd-x64@0.17.18:
@@ -1065,6 +1062,7 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-arm64@0.17.18:
@@ -1081,6 +1079,7 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-arm@0.17.18:
@@ -1097,6 +1096,7 @@ packages:
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-ia32@0.17.18:
@@ -1121,6 +1121,7 @@ packages:
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-loong64@0.17.18:
@@ -1137,6 +1138,7 @@ packages:
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-mips64el@0.17.18:
@@ -1153,6 +1155,7 @@ packages:
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-ppc64@0.17.18:
@@ -1169,6 +1172,7 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-riscv64@0.17.18:
@@ -1185,6 +1189,7 @@ packages:
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-s390x@0.17.18:
@@ -1201,6 +1206,7 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/linux-x64@0.17.18:
@@ -1217,6 +1223,7 @@ packages:
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/netbsd-x64@0.17.18:
@@ -1233,6 +1240,7 @@ packages:
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/openbsd-x64@0.17.18:
@@ -1249,6 +1257,7 @@ packages:
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/sunos-x64@0.17.18:
@@ -1265,6 +1274,7 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/win32-arm64@0.17.18:
@@ -1281,6 +1291,7 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/win32-ia32@0.17.18:
@@ -1297,6 +1308,7 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
+    dev: false
     optional: true
 
   /@esbuild/win32-x64@0.17.18:
@@ -2143,6 +2155,21 @@ packages:
       picomatch: 2.3.1
       rollup: 3.21.2
 
+  /@rollup/pluginutils@5.0.2(rollup@3.21.5):
+    resolution: {integrity: sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.1
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+      rollup: 3.21.5
+    dev: true
+
   /@sideway/address@4.1.4:
     resolution: {integrity: sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==}
     dependencies:
@@ -2610,16 +2637,6 @@ packages:
       unhead: 1.1.26
       vue: 3.2.47
 
-  /@unocss/astro@0.51.12(rollup@3.21.2)(vite@4.1.4):
-    resolution: {integrity: sha512-za+gcEZzS1lXOestMHu7/3IAk5l+sgA8jCM1SmA7fpt1qEGpIBGZCNr/MyBRY+HVWPfqAu7Bgc8Gr6pm6gvLYA==}
-    dependencies:
-      '@unocss/core': 0.51.12
-      '@unocss/reset': 0.51.12
-      '@unocss/vite': 0.51.12(rollup@3.21.2)(vite@4.1.4)
-    transitivePeerDependencies:
-      - rollup
-      - vite
-
   /@unocss/astro@0.51.12(rollup@3.21.2)(vite@4.3.3):
     resolution: {integrity: sha512-za+gcEZzS1lXOestMHu7/3IAk5l+sgA8jCM1SmA7fpt1qEGpIBGZCNr/MyBRY+HVWPfqAu7Bgc8Gr6pm6gvLYA==}
     dependencies:
@@ -2629,7 +2646,6 @@ packages:
     transitivePeerDependencies:
       - rollup
       - vite
-    dev: false
 
   /@unocss/cli@0.51.12(rollup@3.21.2):
     resolution: {integrity: sha512-KLcFmuwORPmEEJ/n4+hJhEESt5JghKiskCAsHtW8oqyc56zzQC4ahhJ1Tjok5ehrASCRBsvqU2PClNosDwc1pQ==}
@@ -2699,31 +2715,6 @@ packages:
       gzip-size: 6.0.0
       sirv: 2.0.3
 
-  /@unocss/nuxt@0.51.12(postcss@8.4.23)(rollup@3.21.2)(vite@4.1.4)(webpack@5.79.0):
-    resolution: {integrity: sha512-8K+pqB5wg5DcfcnVglAYIxW3nnkRF4bau8q0knqKHKQBMLgQHclRNFR+S5Xos3JZf/Fj9BLVlY2DEtWUD7cc6g==}
-    dependencies:
-      '@nuxt/kit': 3.4.3(rollup@3.21.2)
-      '@unocss/config': 0.51.12
-      '@unocss/core': 0.51.12
-      '@unocss/preset-attributify': 0.51.12
-      '@unocss/preset-icons': 0.51.12
-      '@unocss/preset-tagify': 0.51.12
-      '@unocss/preset-typography': 0.51.12
-      '@unocss/preset-uno': 0.51.12
-      '@unocss/preset-web-fonts': 0.51.12
-      '@unocss/preset-wind': 0.51.12
-      '@unocss/reset': 0.51.12
-      '@unocss/vite': 0.51.12(rollup@3.21.2)(vite@4.1.4)
-      '@unocss/webpack': 0.51.12(rollup@3.21.2)(webpack@5.79.0)
-      unocss: 0.51.12(@unocss/webpack@0.51.12)(postcss@8.4.23)(rollup@3.21.2)(vite@4.1.4)
-    transitivePeerDependencies:
-      - postcss
-      - rollup
-      - supports-color
-      - vite
-      - webpack
-    dev: true
-
   /@unocss/nuxt@0.51.12(postcss@8.4.23)(rollup@3.21.2)(vite@4.3.3)(webpack@5.79.0):
     resolution: {integrity: sha512-8K+pqB5wg5DcfcnVglAYIxW3nnkRF4bau8q0knqKHKQBMLgQHclRNFR+S5Xos3JZf/Fj9BLVlY2DEtWUD7cc6g==}
     dependencies:
@@ -2747,7 +2738,6 @@ packages:
       - supports-color
       - vite
       - webpack
-    dev: false
 
   /@unocss/postcss@0.51.12(postcss@8.4.23):
     resolution: {integrity: sha512-d/EIwAOhnqcswZtq941GOJFwJj0rVyTQDqWa9YFH+9CkwmH92FcsBPEs8uEaQCyq7ZZEPgrg1UE2oa7Dn0fAxw==}
@@ -2856,25 +2846,6 @@ packages:
     dependencies:
       '@unocss/core': 0.51.12
 
-  /@unocss/vite@0.51.12(rollup@3.21.2)(vite@4.1.4):
-    resolution: {integrity: sha512-ipy0ZVDV1sTX9sM1r0SZ3m3CiJtxYKe8TyL+E9ayE8Pppm0wKM3mnrVzc3Ga5SI9aRy5Zs7Prrc+cZIYCS/x1g==}
-    peerDependencies:
-      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
-    dependencies:
-      '@ampproject/remapping': 2.2.1
-      '@rollup/pluginutils': 5.0.2(rollup@3.21.2)
-      '@unocss/config': 0.51.12
-      '@unocss/core': 0.51.12
-      '@unocss/inspector': 0.51.12
-      '@unocss/scope': 0.51.12
-      '@unocss/transformer-directives': 0.51.12
-      chokidar: 3.5.3
-      fast-glob: 3.2.12
-      magic-string: 0.30.0
-      vite: 4.1.4(@types/node@18.16.5)
-    transitivePeerDependencies:
-      - rollup
-
   /@unocss/vite@0.51.12(rollup@3.21.2)(vite@4.3.3):
     resolution: {integrity: sha512-ipy0ZVDV1sTX9sM1r0SZ3m3CiJtxYKe8TyL+E9ayE8Pppm0wKM3mnrVzc3Ga5SI9aRy5Zs7Prrc+cZIYCS/x1g==}
     peerDependencies:
@@ -2893,7 +2864,6 @@ packages:
       vite: 4.3.3(@types/node@18.16.5)
     transitivePeerDependencies:
       - rollup
-    dev: false
 
   /@unocss/webpack@0.51.12(rollup@3.21.2)(webpack@5.79.0):
     resolution: {integrity: sha512-mG/dSwSYNLoJk5y+lWc3W9xc3imHMDt5GzdVz9v55PPdtoTOEYGD3sMBbvtpPy9cJdwVz34frJiaJiUIeNLlHA==}
@@ -2933,22 +2903,6 @@ packages:
       - encoding
       - supports-color
 
-  /@vitejs/plugin-vue-jsx@3.0.1(vite@4.1.4)(vue@3.2.47):
-    resolution: {integrity: sha512-+Jb7ggL48FSPS1uhPnJbJwWa9Sr90vQ+d0InW+AhBM22n+cfuYqJZDckBc+W3QSHe1WDvewMZfa4wZOtk5pRgw==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.0.0
-      vue: ^3.0.0
-    dependencies:
-      '@babel/core': 7.21.3
-      '@babel/plugin-transform-typescript': 7.21.3(@babel/core@7.21.3)
-      '@vue/babel-plugin-jsx': 1.1.1(@babel/core@7.21.3)
-      vite: 4.1.4(@types/node@18.16.5)
-      vue: 3.2.47
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@vitejs/plugin-vue-jsx@3.0.1(vite@4.3.3)(vue@3.2.47):
     resolution: {integrity: sha512-+Jb7ggL48FSPS1uhPnJbJwWa9Sr90vQ+d0InW+AhBM22n+cfuYqJZDckBc+W3QSHe1WDvewMZfa4wZOtk5pRgw==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -2964,17 +2918,6 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@vitejs/plugin-vue@4.2.1(vite@4.1.4)(vue@3.2.47):
-    resolution: {integrity: sha512-ZTZjzo7bmxTRTkb8GSTwkPOYDIP7pwuyV+RV53c9PYUouwcbkIZIvWvNWlX2b1dYZqtOv7D6iUAnJLVNGcLrSw==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.0.0
-      vue: ^3.2.25
-    dependencies:
-      vite: 4.1.4(@types/node@18.16.5)
-      vue: 3.2.47
-    dev: true
-
   /@vitejs/plugin-vue@4.2.1(vite@4.3.3)(vue@3.2.47):
     resolution: {integrity: sha512-ZTZjzo7bmxTRTkb8GSTwkPOYDIP7pwuyV+RV53c9PYUouwcbkIZIvWvNWlX2b1dYZqtOv7D6iUAnJLVNGcLrSw==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -3047,6 +2990,12 @@ packages:
     dependencies:
       '@volar/source-map': 1.4.1
 
+  /@volar/language-core@1.5.4:
+    resolution: {integrity: sha512-l0pmKb/DPPjcD2IUwK3myYuTQW7qLLfXYBHKSGVZ7cnC168V55ecpddTA5a9AYsbCFSWx8neRj5r4JWq93QpZQ==}
+    dependencies:
+      '@volar/source-map': 1.5.4
+    dev: true
+
   /@volar/source-map@1.3.0-alpha.0:
     resolution: {integrity: sha512-jSdizxWFvDTvkPYZnO6ew3sBZUnS0abKCbuopkc0JrIlFbznWC/fPH3iPFIMS8/IIkRxq1Jh9VVG60SmtsdaMQ==}
     dependencies:
@@ -3058,6 +3007,12 @@ packages:
     dependencies:
       muggle-string: 0.2.2
 
+  /@volar/source-map@1.5.4:
+    resolution: {integrity: sha512-BkvouUYFFLPxof2q6kKAZtyUKRqlS2O/WZKmzTVfPIo5uqqmZTR0+SwN1Xa1qpuezMVUOg61wkqmWP7cY2ezJg==}
+    dependencies:
+      muggle-string: 0.2.2
+    dev: true
+
   /@volar/typescript@1.4.1(typescript@5.0.4):
     resolution: {integrity: sha512-phTy6p9yG6bgMIKQWEeDOi/aeT0njZsb1a/G1mrEuDsLmAn24Le4gDwSsGNhea6Uhu+3gdpUZn2PmZXa+WG2iQ==}
     peerDependencies:
@@ -3102,6 +3057,342 @@ packages:
       '@volar/vue-language-core': 1.6.4
       typescript: 5.0.4
 
+  /@vue-macros/api@0.6.2(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-ao0R6tDTCkq+amaO6jz9OV7KBaCKtqybFqW698lE6f0MKVAzttLyqESfZ44MH3ANnZuCfiIzRTbCBjaSQ/rviQ==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@babel/types': 7.21.5
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/api@0.6.2(rollup@3.21.5)(vue@3.2.47):
+    resolution: {integrity: sha512-ao0R6tDTCkq+amaO6jz9OV7KBaCKtqybFqW698lE6f0MKVAzttLyqESfZ44MH3ANnZuCfiIzRTbCBjaSQ/rviQ==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@babel/types': 7.21.5
+      '@vue-macros/common': 1.3.1(rollup@3.21.5)(vue@3.2.47)
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/better-define@1.5.4(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-5UwX8eLUaE8LKZQ5p6VDvacAnjBa0LXhGyNGuQGmxJ/bC8LnJjNxnPNc6Eyl9X/554XWlP+jHc1ep/Ud50zlrg==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@vue-macros/api': 0.6.2(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/common@1.3.1(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-Lc5aP/8HNJD1XrnvpeNuWcCf82bZdR3auN/chA1b/1rKZgSnmQkH9f33tKO9qLwXSy+u4hpCi8Rw+oUuF1KCeg==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    peerDependenciesMeta:
+      vue:
+        optional: true
+    dependencies:
+      '@babel/types': 7.21.5
+      '@rollup/pluginutils': 5.0.2(rollup@3.21.2)
+      '@vue/compiler-sfc': 3.3.0-beta.5
+      local-pkg: 0.4.3
+      magic-string-ast: 0.1.2
+      vue: 3.2.47
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@vue-macros/common@1.3.1(rollup@3.21.5)(vue@3.2.47):
+    resolution: {integrity: sha512-Lc5aP/8HNJD1XrnvpeNuWcCf82bZdR3auN/chA1b/1rKZgSnmQkH9f33tKO9qLwXSy+u4hpCi8Rw+oUuF1KCeg==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    peerDependenciesMeta:
+      vue:
+        optional: true
+    dependencies:
+      '@babel/types': 7.21.5
+      '@rollup/pluginutils': 5.0.2(rollup@3.21.5)
+      '@vue/compiler-sfc': 3.3.0-beta.5
+      local-pkg: 0.4.3
+      magic-string-ast: 0.1.2
+      vue: 3.2.47
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@vue-macros/define-emit@0.1.2(vue@3.2.47):
+    resolution: {integrity: sha512-qsS3UJdgHNtFQepxGWYLroKDNf5TivD/qCK0FlYmwJVBr/Fuax+PJzNqoWXLlpXXR3vFNYt0AguKHVz2qGd9bg==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    dependencies:
+      '@vue-macros/api': 0.6.2(rollup@3.21.5)(vue@3.2.47)
+      '@vue-macros/common': 1.3.1(rollup@3.21.5)(vue@3.2.47)
+      rollup: 3.21.5
+      unplugin: 1.3.1
+      vue: 3.2.47
+    dev: true
+
+  /@vue-macros/define-models@1.0.3(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-DXbzsmoTmTo0D/u74azqcuFvQSHj8fm92jT06Z2mrzsm1qpc3xlXMAP1ncdp6PjvXLP4+Z4Dg3h1sQ02TqD9ew==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      '@vueuse/core': '>=9.0.0'
+    peerDependenciesMeta:
+      '@vueuse/core':
+        optional: true
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      ast-walker-scope: 0.4.1
+      unplugin: 1.3.1
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/define-prop@0.1.2(vue@3.2.47):
+    resolution: {integrity: sha512-dJRQZGNpDN2Yyt5hwv3KzTdW3cFSzcsBxBWsb/moslez7u9oBuTheMRde14ZZA4WYXilzjliJL7m85ubKqQ3TQ==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    dependencies:
+      '@vue-macros/api': 0.6.2(rollup@3.21.5)(vue@3.2.47)
+      '@vue-macros/common': 1.3.1(rollup@3.21.5)(vue@3.2.47)
+      rollup: 3.21.5
+      unplugin: 1.3.1
+      vue: 3.2.47
+    dev: true
+
+  /@vue-macros/define-props-refs@1.0.3(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-SeWngdR0IAi1P5TLHTOiLABNP2PNPU2vHQHCE9159OcAn+73obblUNhyggTi+HVQfeEtIbBtiiRU4U1Rmrr8Eg==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+      vue: 3.2.47
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@vue-macros/define-props@1.0.5(@vue-macros/reactivity-transform@0.3.6)(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-dSpM2KiSC6tTzV5RrqDwcgo16lJpuBerbLqKwh4ETVXIIKM0YOTnALo4XrLP3Lg2HzC2ZAF20wuHyPHLMekftQ==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      '@vue-macros/reactivity-transform': ^0.3.6
+      vue: ^2.7.0 || ^3.2.25
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/reactivity-transform': 0.3.6(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+      vue: 3.2.47
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@vue-macros/define-render@1.3.6(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-sY/T68nCyTqFTLp6YXVyLbCXJL3uWPrK7ZjAyTixINBjaHmUZcLr0X+ep+lLdmn9xWAhxFicMs2gm9JUM/ykFg==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.0.0
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+      vue: 3.2.47
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@vue-macros/define-slots@1.0.2(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-f2yD9F+VD1KNJcytw/JxC9f7fZC1L15PfpAT8mg9PQxTb5nyp6aRBwmVlMaRvLzg9HQaJkut2bjO/QEEbDFSDw==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.0.0
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+      vue: 3.2.47
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@vue-macros/devtools@0.1.2(vite@4.3.3):
+    resolution: {integrity: sha512-LhWTb0pPoTcFmK8GZb80+q83ypEK8QS1sS2i+kKbrfvjTYnb4wQ6W3ee53WHX9+sC/Tm3HNmzhjWEBQO0Ybcqg==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vite: ^4.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      sirv: 2.0.3
+      vite: 4.3.3(@types/node@18.16.5)
+      vue: 3.2.47
+    dev: true
+
+  /@vue-macros/export-props@0.3.5(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-P+NlkVvN82xIjkkQl50SZTUjDlpGUyQDDuZnUHSSqwvlIW9OXYfO4NbtN+7QKdGBAirdk3cUuHqMXE/28wnmWA==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+      vue: 3.2.47
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@vue-macros/hoist-static@1.3.5(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-bbh04Zm8468f6DJ7QkDUVSyMHD2haDD04ZWO18vb8ZCKBJYyuu9Uz3bDhpmRvWHpFzXD+AlVTtydwHRmBgRkqA==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/named-template@0.3.6(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-OYNK/+RIsd1N4GrYE2iboWN0yr8SR7uZSV4BrG+DANhB5SiVGCbvpI+jGhjd4/TggWNztH35OByk2WBHNWydGQ==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      '@vue/compiler-dom': 3.3.0-beta.5
+      unplugin: 1.3.1
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/nuxt@1.3.5(@vue-macros/reactivity-transform@0.3.6)(nuxt@3.4.3)(rollup@3.21.2)(vite@4.3.3)(vue-tsc@1.6.4)(vue@3.2.47)(webpack@5.79.0):
+    resolution: {integrity: sha512-d3T1CSKkcAf09W1ibtV7UUfXflC/21Eet8IFTIUxDUzc5kraUnGXPytPwl6iGKhwmHzR+gPVglocrW0twR0ARA==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      nuxt: ^3.0.0
+    dependencies:
+      '@nuxt/kit': 3.4.3(rollup@3.21.2)
+      '@vue-macros/short-vmodel': 1.2.6(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/volar': 0.9.8(@vue-macros/reactivity-transform@0.3.6)(rollup@3.21.2)(vue-tsc@1.6.4)(vue@3.2.47)
+      nuxt: 3.4.3(@types/node@18.16.5)(eslint@8.39.0)(rollup@3.21.2)(typescript@5.0.4)(vue-tsc@1.6.4)
+      unplugin-vue-macros: 2.1.4(rollup@3.21.2)(vite@4.3.3)(vue@3.2.47)(webpack@5.79.0)
+    transitivePeerDependencies:
+      - '@vue-macros/reactivity-transform'
+      - '@vueuse/core'
+      - esbuild
+      - rollup
+      - supports-color
+      - vite
+      - vue
+      - vue-tsc
+      - webpack
+    dev: true
+
+  /@vue-macros/reactivity-transform@0.3.6(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-PFJRXHEdIP03LeNnfcwjUk8pKWjvyeOZjCNwbLgfqunI9tknG4IQMfl86qswK83f+DoOTMCoeMFoUnmlbr+yUw==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    dependencies:
+      '@babel/parser': 7.21.8
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      '@vue/compiler-core': 3.3.0-beta.5
+      '@vue/shared': 3.3.0-beta.5
+      magic-string: 0.30.0
+      unplugin: 1.3.1
+      vue: 3.2.47
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@vue-macros/setup-block@0.2.5(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-vjqW1S4XudQb/bqQCT5QWAEumzmQu01xLYTxQUebtXB3J3QT/lVuOm1eNStEmj2DeR7OpATR+pizD+bXHQc1WQ==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      '@vue/compiler-dom': 3.3.0-beta.5
+      unplugin: 1.3.1
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/setup-component@0.16.6(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-VoEcIjXLCKdST3l/8Pv/WWuau09E+a2UGP0t87ShAZezEN5r66zY66ey9UH3xbKMADYDkPOYtC99imI/g+vjmQ==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/setup-sfc@0.15.6(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-DulJfXfH9ZFuvRWnuvWXGpFxnKfGBeTWnxX9hUM6CR/mak6NZNsB/9y8o6TVuFrGtQWTDrLz/PeAtVPf2ehLFw==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/short-emits@1.3.5(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-mOoVRDzq8aaY+USulBe1XIbAC4CqckWRFi+h1t6iulHvG8UWXkdzwSlYwLDPUOcbx+2chr6g83hInOwORQ5BuQ==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/short-vmodel@1.2.6(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-iNtN+0ml89poEm1dMIIMSvWQEumaLaCf+VABZBNhMrch9g4H/et41QdU0sXAl+I2NRL1y3GbUoYu5/Gkd7X3zQ==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      '@vue/compiler-core': 3.3.0-beta.5
+    transitivePeerDependencies:
+      - rollup
+      - vue
+    dev: true
+
+  /@vue-macros/volar@0.9.8(@vue-macros/reactivity-transform@0.3.6)(rollup@3.21.2)(vue-tsc@1.6.4)(vue@3.2.47):
+    resolution: {integrity: sha512-alet6OtYuGtGUZQ/VQOHbkpvp75dSzjip4sD5hFqd3xRJXXroGzhs1O6H9LEj20q6WhLKzdAX0hYG3D4vtLAsQ==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue-tsc: '>=1.6.0'
+    peerDependenciesMeta:
+      vue-tsc:
+        optional: true
+    dependencies:
+      '@volar/language-core': 1.5.4
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/define-props': 1.0.5(@vue-macros/reactivity-transform@0.3.6)(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/short-vmodel': 1.2.6(rollup@3.21.2)(vue@3.2.47)
+      muggle-string: 0.2.2
+      vue-tsc: 1.6.4(typescript@5.0.4)
+    transitivePeerDependencies:
+      - '@vue-macros/reactivity-transform'
+      - rollup
+      - vue
+    dev: true
+
   /@vue/babel-helper-vue-transform-on@1.0.2:
     resolution: {integrity: sha512-hz4R8tS5jMn8lDq6iD+yWL6XNB699pGIVLk7WSJnn1dbpjaazsjZQkieJoRX6gW5zpYSCFqQ7jUquPNY65tQYA==}
 
@@ -3112,7 +3403,7 @@ packages:
       '@babel/plugin-syntax-jsx': 7.18.6(@babel/core@7.21.3)
       '@babel/template': 7.20.7
       '@babel/traverse': 7.21.3
-      '@babel/types': 7.21.4
+      '@babel/types': 7.21.5
       '@vue/babel-helper-vue-transform-on': 1.0.2
       camelcase: 6.3.0
       html-tags: 3.2.0
@@ -3124,7 +3415,7 @@ packages:
   /@vue/compiler-core@3.2.47:
     resolution: {integrity: sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==}
     dependencies:
-      '@babel/parser': 7.21.4
+      '@babel/parser': 7.21.8
       '@vue/shared': 3.2.47
       estree-walker: 2.0.2
       source-map: 0.6.1
@@ -3137,6 +3428,15 @@ packages:
       estree-walker: 2.0.2
       source-map-js: 1.0.2
 
+  /@vue/compiler-core@3.3.0-beta.5:
+    resolution: {integrity: sha512-rwKXIMPDKBzKypcZ7Zc+i4e7ItnhlMEu9QZveek2yLxzMG0QimvZnVKB7eD21cQ9MCwEYW4bb8zjisPMJNNaqQ==}
+    dependencies:
+      '@babel/parser': 7.21.8
+      '@vue/shared': 3.3.0-beta.5
+      estree-walker: 2.0.2
+      source-map-js: 1.0.2
+    dev: true
+
   /@vue/compiler-dom@3.2.47:
     resolution: {integrity: sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==}
     dependencies:
@@ -3149,6 +3449,13 @@ packages:
       '@vue/compiler-core': 3.3.0-beta.3
       '@vue/shared': 3.3.0-beta.3
 
+  /@vue/compiler-dom@3.3.0-beta.5:
+    resolution: {integrity: sha512-OsYuAzl8zHRym5TfDhCLrcTSBt71BFJXnTC9uWO+SfgqadadWZxv1piPebjtwJcODkks5OAGfdhxzKdNzzddXw==}
+    dependencies:
+      '@vue/compiler-core': 3.3.0-beta.5
+      '@vue/shared': 3.3.0-beta.5
+    dev: true
+
   /@vue/compiler-sfc@3.2.47:
     resolution: {integrity: sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==}
     dependencies:
@@ -3177,6 +3484,21 @@ packages:
       postcss: 8.4.23
       source-map-js: 1.0.2
 
+  /@vue/compiler-sfc@3.3.0-beta.5:
+    resolution: {integrity: sha512-CbiY2dkzU5IG652ygLUSufLGvXPKI12TQp1PeHs9acjgFjhvSJCSKmAOaCWnXgFsAgpbipPHgAMfWJ8B0h6Sjw==}
+    dependencies:
+      '@babel/parser': 7.21.8
+      '@vue/compiler-core': 3.3.0-beta.5
+      '@vue/compiler-dom': 3.3.0-beta.5
+      '@vue/compiler-ssr': 3.3.0-beta.5
+      '@vue/reactivity-transform': 3.3.0-beta.5
+      '@vue/shared': 3.3.0-beta.5
+      estree-walker: 2.0.2
+      magic-string: 0.30.0
+      postcss: 8.4.23
+      source-map-js: 1.0.2
+    dev: true
+
   /@vue/compiler-ssr@3.2.47:
     resolution: {integrity: sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==}
     dependencies:
@@ -3189,6 +3511,13 @@ packages:
       '@vue/compiler-dom': 3.3.0-beta.3
       '@vue/shared': 3.3.0-beta.3
 
+  /@vue/compiler-ssr@3.3.0-beta.5:
+    resolution: {integrity: sha512-16njciFrQ8ejVdH5tsaPbJwpkpBB2z2VWCxfC69UOylCgPxiW01syE9S/mozRvv5Ken9Sr9bd2MjebG/SEpPNg==}
+    dependencies:
+      '@vue/compiler-dom': 3.3.0-beta.5
+      '@vue/shared': 3.3.0-beta.5
+    dev: true
+
   /@vue/devtools-api@6.4.5:
     resolution: {integrity: sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ==}
 
@@ -3210,6 +3539,16 @@ packages:
       estree-walker: 2.0.2
       magic-string: 0.30.0
 
+  /@vue/reactivity-transform@3.3.0-beta.5:
+    resolution: {integrity: sha512-v/PCri6+vL8WwwgowHlIopwiqonCj9wV60ZYDdX8AMDxk9Q01h2cWh61JF4XOX7qDs7NdJ7zSVyKSz4B98OXBw==}
+    dependencies:
+      '@babel/parser': 7.21.8
+      '@vue/compiler-core': 3.3.0-beta.5
+      '@vue/shared': 3.3.0-beta.5
+      estree-walker: 2.0.2
+      magic-string: 0.30.0
+    dev: true
+
   /@vue/reactivity@3.2.47:
     resolution: {integrity: sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==}
     dependencies:
@@ -3248,6 +3587,10 @@ packages:
   /@vue/shared@3.3.0-beta.3:
     resolution: {integrity: sha512-st1SnB/Bkbb9TsieeI4TRX9TqHYIR5wvIma3ZtEben55EYSWa1q5u2BhTNgABSdH+rv3Xwfrvpwh5PmCw6Y53g==}
 
+  /@vue/shared@3.3.0-beta.5:
+    resolution: {integrity: sha512-ImwhHfOzuQrfA05Kx4s7J9g7QJt0sZqSlPvPdd6xj5tTEnPNNJYZOHaIP973mtuEuv4Zfh9v+CLiER6E6gtSqg==}
+    dev: true
+
   /@vue/test-utils@2.3.1(vue@3.2.47):
     resolution: {integrity: sha512-tRtHRPEETQSUrqXgAewNZHm5iypxDFxwenfdcvMRm1kbGo4bcqHb1XHHlsaIjoDbLkuE2NYiF8vBQDNYrzlrSA==}
     peerDependencies:
@@ -3277,7 +3620,7 @@ packages:
       '@types/web-bluetooth': 0.0.16
       '@vueuse/metadata': 9.13.0
       '@vueuse/shared': 9.13.0(vue@3.2.47)
-      vue-demi: 0.14.0(vue@3.2.47)
+      vue-demi: 0.14.1(vue@3.2.47)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -3360,7 +3703,7 @@ packages:
   /@vueuse/shared@10.1.2(vue@3.2.47):
     resolution: {integrity: sha512-1uoUTPBlgyscK9v6ScGeVYDDzlPSFXBlxuK7SfrDGyUTBiznb3mNceqhwvZHjtDRELZEN79V5uWPTF1VDV8svA==}
     dependencies:
-      vue-demi: 0.14.0(vue@3.2.47)
+      vue-demi: 0.14.1(vue@3.2.47)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -3368,7 +3711,7 @@ packages:
   /@vueuse/shared@9.13.0(vue@3.2.47):
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
     dependencies:
-      vue-demi: 0.14.0(vue@3.2.47)
+      vue-demi: 0.14.1(vue@3.2.47)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -3730,6 +4073,14 @@ packages:
     dependencies:
       tslib: 2.5.0
 
+  /ast-walker-scope@0.4.1:
+    resolution: {integrity: sha512-Ro3nmapMxi/remlJdzFH0tiA7A59KDbxVoLlKWaLDrPELiftb9b8w+CCyWRM+sXZH5KHRAgv8feedW6mihvCHA==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@babel/parser': 7.21.8
+      '@babel/types': 7.21.5
+    dev: true
+
   /astral-regex@2.0.0:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
     engines: {node: '>=8'}
@@ -5278,6 +5629,7 @@ packages:
       '@esbuild/win32-arm64': 0.16.17
       '@esbuild/win32-ia32': 0.16.17
       '@esbuild/win32-x64': 0.16.17
+    dev: false
 
   /esbuild@0.17.18:
     resolution: {integrity: sha512-z1lix43jBs6UKjcZVKOw2xx69ffE2aG0PygLL5qJ9OS/gy0Ewd1gW/PUQIOIQGXBHWNywSc0floSKoMFF8aK2w==}
@@ -7094,7 +7446,7 @@ packages:
       lodash-es: 4.17.21
       vanilla-jsoneditor: 0.17.3
       vue: 3.2.47
-      vue-demi: 0.14.0(vue@3.2.47)
+      vue-demi: 0.14.1(vue@3.2.47)
       vue-global-config: 0.4.0(vue@3.2.47)
     dev: true
 
@@ -7429,6 +7781,13 @@ packages:
     resolution: {integrity: sha512-qFXQEwchrZcMVen2uIDceR8Tii6kCJak5rzDStfEM0qA3YLMswaxIEZO0DhIbJ3aqaJiDjt+3crlplOb0tDtKQ==}
     engines: {node: 14 || >=16.14}
 
+  /magic-string-ast@0.1.2:
+    resolution: {integrity: sha512-P53AZrzq7hclCU6HWj88xNZHmP15DKjMmK/vBytO1qnpYP3ul4IEZlyCE0aU3JRnmgWmZPmoTKj4Bls7v0pMyA==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      magic-string: 0.30.0
+    dev: true
+
   /magic-string@0.25.9:
     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
     dependencies:
@@ -7446,8 +7805,8 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /magicast@0.2.5:
-    resolution: {integrity: sha512-S+koFYbW06QWAOqNk3dW+p4NILvvmuV9tG6oOxJ9QHsmkIA+lClm+0GO1OxPZ26BvJasC0a67jkPPM/QkkSmPg==}
+  /magicast@0.2.6:
+    resolution: {integrity: sha512-6bX0nVjGrA41o+qHSv9Duiv3VuF7jUyjT7dIb3E61YW/5mucvCBMgyZssUznRc+xlUMPYyXZZluZjE1k5z+2yQ==}
     dependencies:
       '@babel/parser': 7.21.8
       '@babel/types': 7.21.5
@@ -8173,6 +8532,10 @@ packages:
       minipass: 3.3.6
       yallist: 4.0.0
 
+  /mitt@2.1.0:
+    resolution: {integrity: sha512-ILj2TpLiysu2wkBbWjAmww7TkZb65aiQO+DkVdUTBpBXq+MHYiETENkKFMtsJZX1Lf4pe4QOrTSjIfUwN5lRdg==}
+    dev: true
+
   /mkdirp@1.0.4:
     resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
     engines: {node: '>=10'}
@@ -8601,7 +8964,7 @@ packages:
       - vue
     dev: true
 
-  /nuxt-vitest@0.6.12(@vitejs/plugin-vue-jsx@3.0.1)(@vitejs/plugin-vue@4.2.1)(rollup@3.21.2)(vite@4.1.4)(vue@3.2.47):
+  /nuxt-vitest@0.6.12(@vitejs/plugin-vue-jsx@3.0.1)(@vitejs/plugin-vue@4.2.1)(rollup@3.21.2)(vite@4.3.3)(vue@3.2.47):
     resolution: {integrity: sha512-WDGucS11nrb0z5UZjiYYYb9QDJFU/z5WefcXBHcV1pE/k0nz0e035L3PTAQ//F3QT7dmT9a0Dkqhn0XOYleJ4A==}
     peerDependencies:
       '@vitejs/plugin-vue': '*'
@@ -8609,13 +8972,13 @@ packages:
       vite: '*'
     dependencies:
       '@nuxt/kit': 3.4.3(rollup@3.21.2)
-      '@vitejs/plugin-vue': 4.2.1(vite@4.1.4)(vue@3.2.47)
-      '@vitejs/plugin-vue-jsx': 3.0.1(vite@4.1.4)(vue@3.2.47)
+      '@vitejs/plugin-vue': 4.2.1(vite@4.3.3)(vue@3.2.47)
+      '@vitejs/plugin-vue-jsx': 3.0.1(vite@4.3.3)(vue@3.2.47)
       '@vitest/ui': 0.30.1
       get-port-please: 3.0.1
       perfect-debounce: 0.1.3
       std-env: 3.3.2
-      vite: 4.1.4(@types/node@18.16.5)
+      vite: 4.3.3(@types/node@18.16.5)
       vitest: 0.30.1(@vitest/ui@0.30.1)
       vitest-environment-nuxt: 0.6.12(rollup@3.21.2)(vitest@0.30.1)(vue@3.2.47)
     transitivePeerDependencies:
@@ -9936,6 +10299,14 @@ packages:
     optionalDependencies:
       fsevents: 2.3.2
 
+  /rollup@3.21.5:
+    resolution: {integrity: sha512-a4NTKS4u9PusbUJcfF4IMxuqjFzjm6ifj76P54a7cKnvVzJaG12BLVR+hgU2YDGHzyMMQNxLAZWuALsn8q2oQg==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
   /run-async@2.4.1:
     resolution: {integrity: sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==}
     engines: {node: '>=0.12.0'}
@@ -11020,7 +11391,7 @@ packages:
     resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
     engines: {node: '>= 10.0.0'}
 
-  /unocss@0.51.12(@unocss/webpack@0.51.12)(postcss@8.4.23)(rollup@3.21.2)(vite@4.1.4):
+  /unocss@0.51.12(@unocss/webpack@0.51.12)(postcss@8.4.23)(rollup@3.21.2)(vite@4.3.3):
     resolution: {integrity: sha512-TjCrFnRq73iU/pxMSMgeWsCm9VPTcg41KEvjZWKJMglROJC+cQ99A7/tiOlamf1Y+TpJxv06K/hUZp+34j8Fmw==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -11029,7 +11400,7 @@ packages:
       '@unocss/webpack':
         optional: true
     dependencies:
-      '@unocss/astro': 0.51.12(rollup@3.21.2)(vite@4.1.4)
+      '@unocss/astro': 0.51.12(rollup@3.21.2)(vite@4.3.3)
       '@unocss/cli': 0.51.12(rollup@3.21.2)
       '@unocss/core': 0.51.12
       '@unocss/extractor-arbitrary-variants': 0.51.12
@@ -11048,7 +11419,7 @@ packages:
       '@unocss/transformer-compile-class': 0.51.12
       '@unocss/transformer-directives': 0.51.12
       '@unocss/transformer-variant-group': 0.51.12
-      '@unocss/vite': 0.51.12(rollup@3.21.2)(vite@4.1.4)
+      '@unocss/vite': 0.51.12(rollup@3.21.2)(vite@4.3.3)
       '@unocss/webpack': 0.51.12(rollup@3.21.2)(webpack@5.79.0)
     transitivePeerDependencies:
       - postcss
@@ -11056,42 +11427,78 @@ packages:
       - supports-color
       - vite
 
-  /unocss@0.51.12(@unocss/webpack@0.51.12)(postcss@8.4.23)(rollup@3.21.2)(vite@4.3.3):
-    resolution: {integrity: sha512-TjCrFnRq73iU/pxMSMgeWsCm9VPTcg41KEvjZWKJMglROJC+cQ99A7/tiOlamf1Y+TpJxv06K/hUZp+34j8Fmw==}
-    engines: {node: '>=14'}
+  /unplugin-combine@0.6.0(rollup@3.21.2)(vite@4.3.3)(webpack@5.79.0):
+    resolution: {integrity: sha512-cZkTg2Z3CcScyRi6QtpVxBZoCMsPaEHyKNh7HyqMkfWV7sKNwHllYezVOFINOGNzqSS1+xWLY3iDCiTVoH3oaA==}
+    engines: {node: '>=14.19.0'}
     peerDependencies:
-      '@unocss/webpack': 0.51.12
+      esbuild: '>=0.13'
+      rollup: ^3.2.0
+      vite: ^2.3.0 || ^3.0.0 || ^4.0.0
+      webpack: 4 || 5
     peerDependenciesMeta:
-      '@unocss/webpack':
+      esbuild:
+        optional: true
+      rollup:
+        optional: true
+      vite:
+        optional: true
+      webpack:
         optional: true
     dependencies:
-      '@unocss/astro': 0.51.12(rollup@3.21.2)(vite@4.3.3)
-      '@unocss/cli': 0.51.12(rollup@3.21.2)
-      '@unocss/core': 0.51.12
-      '@unocss/extractor-arbitrary-variants': 0.51.12
-      '@unocss/postcss': 0.51.12(postcss@8.4.23)
-      '@unocss/preset-attributify': 0.51.12
-      '@unocss/preset-icons': 0.51.12
-      '@unocss/preset-mini': 0.51.12
-      '@unocss/preset-tagify': 0.51.12
-      '@unocss/preset-typography': 0.51.12
-      '@unocss/preset-uno': 0.51.12
-      '@unocss/preset-web-fonts': 0.51.12
-      '@unocss/preset-wind': 0.51.12
-      '@unocss/reset': 0.51.12
-      '@unocss/transformer-attributify-jsx': 0.51.12
-      '@unocss/transformer-attributify-jsx-babel': 0.51.12
-      '@unocss/transformer-compile-class': 0.51.12
-      '@unocss/transformer-directives': 0.51.12
-      '@unocss/transformer-variant-group': 0.51.12
-      '@unocss/vite': 0.51.12(rollup@3.21.2)(vite@4.3.3)
-      '@unocss/webpack': 0.51.12(rollup@3.21.2)(webpack@5.79.0)
+      '@antfu/utils': 0.7.2
+      rollup: 3.21.2
+      unplugin: 1.3.1
+      vite: 4.3.3(@types/node@18.16.5)
+      webpack: 5.79.0
+    dev: true
+
+  /unplugin-vue-define-options@1.3.5(rollup@3.21.2)(vue@3.2.47):
+    resolution: {integrity: sha512-guVtnEnjxV5mf4hap9j0feJJ1bfWmymQQL3hAHzA5TtjBcszx3CFnLFVR0FXG/EvxqoyV/OvICNxrurWKRkzUw==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      ast-walker-scope: 0.4.1
+      unplugin: 1.3.1
     transitivePeerDependencies:
-      - postcss
       - rollup
-      - supports-color
+      - vue
+    dev: true
+
+  /unplugin-vue-macros@2.1.4(rollup@3.21.2)(vite@4.3.3)(vue@3.2.47)(webpack@5.79.0):
+    resolution: {integrity: sha512-9ZWqfnmJs1OwiQ4qZ6kwJMVwJfR+9jqSBPJH58vLX36QgfDXgJL1m1kTby+9YmzYVdZxdcPkcXNlnQ1zD4MIAg==}
+    engines: {node: '>=14.19.0'}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.2.25
+    dependencies:
+      '@vue-macros/better-define': 1.5.4(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/common': 1.3.1(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/define-emit': 0.1.2(vue@3.2.47)
+      '@vue-macros/define-models': 1.0.3(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/define-prop': 0.1.2(vue@3.2.47)
+      '@vue-macros/define-props': 1.0.5(@vue-macros/reactivity-transform@0.3.6)(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/define-props-refs': 1.0.3(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/define-render': 1.3.6(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/define-slots': 1.0.2(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/devtools': 0.1.2(vite@4.3.3)
+      '@vue-macros/export-props': 0.3.5(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/hoist-static': 1.3.5(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/named-template': 0.3.6(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/reactivity-transform': 0.3.6(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/setup-block': 0.2.5(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/setup-component': 0.16.6(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/setup-sfc': 0.15.6(rollup@3.21.2)(vue@3.2.47)
+      '@vue-macros/short-emits': 1.3.5(rollup@3.21.2)(vue@3.2.47)
+      unplugin: 1.3.1
+      unplugin-combine: 0.6.0(rollup@3.21.2)(vite@4.3.3)(webpack@5.79.0)
+      unplugin-vue-define-options: 1.3.5(rollup@3.21.2)(vue@3.2.47)
+      vue: 3.2.47
+    transitivePeerDependencies:
+      - '@vueuse/core'
+      - esbuild
+      - rollup
       - vite
-    dev: false
+      - webpack
+    dev: true
 
   /unplugin@1.3.1:
     resolution: {integrity: sha512-h4uUTIvFBQRxUKS2Wjys6ivoeofGhxzTe2sRWlooyjHXVttcVfV/JiavNd3d4+jty0SVV0dxGw9AkY9MwiaCEw==}
@@ -11147,7 +11554,7 @@ packages:
     dependencies:
       '@babel/core': 7.21.3
       '@babel/standalone': 7.21.3
-      '@babel/types': 7.21.4
+      '@babel/types': 7.21.5
       defu: 6.1.2
       jiti: 1.18.2
       mri: 1.2.0
@@ -11377,7 +11784,7 @@ packages:
       vscode-uri: 3.0.7
       vue-tsc: 1.6.4(typescript@5.0.4)
 
-  /vite-plugin-inspect@0.7.25(rollup@3.21.2)(vite@4.1.4):
+  /vite-plugin-inspect@0.7.25(rollup@3.21.2)(vite@4.3.3):
     resolution: {integrity: sha512-11j3hG3stRfFkoI+adIDX+KvZueWNgd9lFGdh7lgm0IjGqpP6luCQAMSSnHHV7AZXaTE06X+bUG3M68diz8ZyA==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -11389,13 +11796,13 @@ packages:
       fs-extra: 11.1.1
       picocolors: 1.0.0
       sirv: 2.0.3
-      vite: 4.1.4(@types/node@18.16.5)
+      vite: 4.3.3(@types/node@18.16.5)
     transitivePeerDependencies:
       - rollup
       - supports-color
     dev: false
 
-  /vite-plugin-vue-inspector@3.4.1(vite@4.1.4):
+  /vite-plugin-vue-inspector@3.4.1(vite@4.3.3):
     resolution: {integrity: sha512-HL7ixnvNbEDzjLk6CneZzc10BLfivuMuNpIyc1BVYC/6dFmgCznsfCNOP7NqIrAfwQmdXBXW5xuJVlD8jGoc5w==}
     peerDependencies:
       vite: ^3.0.0-0 || ^4.0.0-0
@@ -11409,12 +11816,12 @@ packages:
       kolorist: 1.7.0
       magic-string: 0.30.0
       shell-quote: 1.8.0
-      vite: 4.1.4(@types/node@18.16.5)
+      vite: 4.3.3(@types/node@18.16.5)
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  /vite-plugin-vue-markdown@0.23.3(rollup@3.21.2)(vite@4.1.4):
+  /vite-plugin-vue-markdown@0.23.3(rollup@3.21.2)(vite@4.3.3):
     resolution: {integrity: sha512-7anP3wHkCABTA8qud2t0SQCZa6GBRWS8xqUO70t6SAA4uzdjn0iuREgYe464/XEMYWVw9xOq52w6zzulabDeMg==}
     peerDependencies:
       vite: ^2.0.0 || ^3.0.0-0 || ^4.0.0
@@ -11426,7 +11833,7 @@ packages:
       '@rollup/pluginutils': 5.0.2(rollup@3.21.2)
       '@types/markdown-it': 12.2.3
       markdown-it: 13.0.1
-      vite: 4.1.4(@types/node@18.16.5)
+      vite: 4.3.3(@types/node@18.16.5)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -11463,6 +11870,7 @@ packages:
       rollup: 3.21.2
     optionalDependencies:
       fsevents: 2.3.2
+    dev: false
 
   /vite@4.3.3(@types/node@18.16.5):
     resolution: {integrity: sha512-MwFlLBO4udZXd+VBcezo3u8mC77YQk+ik+fbc0GZWGgzfbPP+8Kf0fldhARqvSYmtIWoAJ5BXPClUbMTlqFxrA==}
@@ -11670,6 +12078,20 @@ packages:
     dependencies:
       vue: 3.2.47
 
+  /vue-demi@0.14.1(vue@3.2.47):
+    resolution: {integrity: sha512-rt+yuCtXvscYot9SQQj3WKZJVSriPNqVkpVBNEHPzSgBv7QIYzsS410VqVgvx8f9AAPgjg+XPKvmV3vOqqkJQQ==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.2.47
+
   /vue-devtools-stub@0.1.0:
     resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}
 
@@ -11706,6 +12128,14 @@ packages:
       vue-demi: 0.13.11(vue@3.2.47)
     dev: true
 
+  /vue-observe-visibility@2.0.0-alpha.1(vue@3.2.47):
+    resolution: {integrity: sha512-flFbp/gs9pZniXR6fans8smv1kDScJ8RS7rEpMjhVabiKeq7Qz3D9+eGsypncjfIyyU84saU88XZ0zjbD6Gq/g==}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      vue: 3.2.47
+    dev: true
+
   /vue-resize@2.0.0-alpha.1(vue@3.2.47):
     resolution: {integrity: sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==}
     peerDependencies:
@@ -11739,6 +12169,17 @@ packages:
       semver: 7.5.0
       typescript: 5.0.4
 
+  /vue-virtual-scroller@2.0.0-beta.8(vue@3.2.47):
+    resolution: {integrity: sha512-b8/f5NQ5nIEBRTNi6GcPItE4s7kxNHw2AIHLtDp+2QvqdTjVN0FgONwX9cr53jWRgnu+HRLPaWDOR2JPI5MTfQ==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      mitt: 2.1.0
+      vue: 3.2.47
+      vue-observe-visibility: 2.0.0-alpha.1(vue@3.2.47)
+      vue-resize: 2.0.0-alpha.1(vue@3.2.47)
+    dev: true
+
   /vue@3.2.47:
     resolution: {integrity: sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==}
     dependencies: