From e7a8d6d1c30690037b44baa014b280935796af00 Mon Sep 17 00:00:00 2001
From: ThrRip <coding@thrrip.space>
Date: Mon, 13 Nov 2023 18:26:53 +0800
Subject: [PATCH] admin: Add client-only playlist editing functions

Publish to Server is not implemented yet.
---
 package.json                               |   1 +
 packages/admin/app.vue                     |  18 +-
 packages/admin/components/PlaylistList.vue | 510 +++++++++++++++++++++
 packages/admin/package.json                |   1 +
 packages/admin/pages/playlist.vue          | 249 ++++++++++
 packages/admin/plugins/fontawesome.ts      |  24 +-
 pnpm-lock.yaml                             | 409 +++++++++--------
 7 files changed, 999 insertions(+), 213 deletions(-)
 create mode 100644 packages/admin/components/PlaylistList.vue
 create mode 100644 packages/admin/pages/playlist.vue

diff --git a/package.json b/package.json
index 6318a59..7c8a4b7 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
   },
   "devDependencies": {
     "@fortawesome/free-brands-svg-icons": "^6.4.2",
+    "@fortawesome/free-regular-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@types/node": "^18.18.8",
diff --git a/packages/admin/app.vue b/packages/admin/app.vue
index 3a3124b..a447a67 100644
--- a/packages/admin/app.vue
+++ b/packages/admin/app.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="overflow-clip grid grid-areas-stack h-dscreen">
     <nav
-      class="z-50 grid grid-rows-[auto_1fr_auto] max-lg:landscape:gap-y-2 gap-y-4 self-center
-      px-12 max-lg:landscape:py-2 py-7 w-screen sm:w-[26rem] h-5/6 lg:h-[calc(100dvh_-_14rem)]
+      class="grid grid-rows-[auto_1fr_auto] max-lg:landscape:gap-y-2 gap-y-4 self-center
+      px-12 max-lg:landscape:py-2 py-7 w-screen sm:w-[26rem] h-2/3 lg:h-[calc(100dvh_-_14rem)]
       text-white transition-[margin-left] duration-300"
-      :class="{ '-ml-[16.5rem]': !showFullNavigationBar }"
+      :class="{ '-ml-[16.5rem]': !showFullNavigationBar, 'z-50': showFullNavigationBar }"
     >
-      <section class="flex flex-row max-lg:landscape:gap-y-2 gap-y-4 justify-between items-center">
+      <section class="z-50 flex flex-row max-lg:landscape:gap-y-2 gap-y-4 justify-between items-center">
         <h1 class="min-w-max text-xl sm:text-2xl text-white-alt transition-opacity" :class="{ 'opacity-0': !showFullNavigationBar }">
           管理面板｜洺知-故犯
         </h1>
@@ -24,7 +24,7 @@
           </ClientOnly>
         </NuxtLink>
       </section>
-      <section class="flex flex-col max-lg:landscape:gap-y-2 gap-y-4 items-end">
+      <section class="z-50 flex flex-col max-lg:landscape:gap-y-2 gap-y-4 items-end">
         <NuxtLink
           to="/playlist"
           class="overflow-clip flex flex-row gap-x-1 items-center px-2 h-14 w-full max-w-full
@@ -66,7 +66,7 @@
           </span>
         </NuxtLink>
       </section>
-      <section class="flex flex-row justify-end">
+      <section class="z-50 flex flex-row justify-end">
         <button
           :title="showFullNavigationBar ? '收起导航栏' : '展开导航栏'"
           class="aspect-square flex flex-row justify-center items-center h-14
@@ -94,10 +94,10 @@
       :class="{ '!-ml-[30rem] sm:!-ml-[29rem]': !showFullNavigationBar }"
     >
       <div class="w-full h-full backdrop-blur-[3rem]" />
-      <div class="w-[85vw] sm:w-1/2 h-5/6 lg:h-[calc(100dvh_-_14rem)] bg-blue-l" />
+      <div class="w-[85vw] sm:w-1/2 h-2/3 lg:h-[calc(100dvh_-_14rem)] bg-blue-l" />
     </div>
-    <main class="overflow-x-clip overflow-y-auto grid grid-cols-[1fr] grid-rows-[1fr] h-full bg-white-alt">
-      <NuxtPage class="z-20 transition-opacity duration-300" :class="{ 'opacity-0': showFullNavigationBar }" />
+    <main class="overflow-x-clip overflow-y-auto lg:overflow-y-hidden grid grid-cols-[1fr] grid-rows-[1fr] h-full bg-white-alt">
+      <NuxtPage class="z-20 transition-opacity duration-300 delay-150" :class="{ 'opacity-0 !delay-0': showFullNavigationBar }" />
     </main>
   </div>
 </template>
diff --git a/packages/admin/components/PlaylistList.vue b/packages/admin/components/PlaylistList.vue
new file mode 100644
index 0000000..e71fda6
--- /dev/null
+++ b/packages/admin/components/PlaylistList.vue
@@ -0,0 +1,510 @@
+<!-- Modified from ~/packages/home/app.vue -->
+<template>
+  <div class="overflow-hidden grid grid-rows-[auto_1fr] text-black rounded-2xl">
+    <div
+      class="landscape:overflow-y-scroll grid grid-cols-[1.875rem_0.55fr_0.45fr_5rem_5.5rem] portrait:grid-cols-[2.125rem_1fr_3.5rem_4.5rem]
+      grid-rows-1 portrait:grid-rows-[1.625rem_1rem] content-center px-2 h-12 portrait:h-16
+      bg-gray scrollbar scrollbar-thumb-transparent scrollbar-track-transparent"
+    >
+      <label
+        title="全选"
+        class="group flex flex-row row-span-2 pl-2.5 portrait:pl-2.5 portrait:pr-1 h-full items-center rounded-lg cursor-pointer"
+      >
+        <input
+          type="checkbox"
+          class="hidden"
+          @click="selectedIds = props.type === 'main' ?
+            selectedIds.size === props.data.length ?
+              new Set() :
+              new Set(props.data.map(song => song.$id)) :
+            selectedIds.size === props.dataChanges?.length ?
+              new Set() :
+              new Set(props.dataChanges?.map(song => song.$id))"
+        >
+        <ClientOnly>
+          <span class="grid place-items-center w-5">
+            <font-awesome-icon
+              v-if="selectedIds.size === 0"
+              :icon="['far', 'square']"
+              class="!h-5 rounded-lg transition group-active:scale-90"
+            />
+            <font-awesome-icon
+              v-if="selectedIds.size !== 0 &&
+                selectedIds.size !== (props.type === 'main' ? props.data.length : props.dataChanges?.length)"
+              :icon="['fas', 'square-minus']"
+              class="!h-5 text-blue group-hover:text-blue-a rounded-lg transition group-active:scale-90"
+            />
+            <font-awesome-icon
+              v-if="(props.type === 'main' ? props.data.length : props.dataChanges?.length) !== 0 &&
+                selectedIds.size === (props.type === 'main' ? props.data.length : props.dataChanges?.length)"
+              :icon="['fas', 'square-check']"
+              class="!h-5 text-blue group-hover:text-blue-a rounded-lg transition group-active:scale-90"
+            />
+          </span>
+        </ClientOnly>
+      </label>
+      <button
+        class="flex flex-row gap-x-2 items-center px-4 portrait:px-3 py-2 portrait:py-0.5 portrait:leading-snug h-full"
+        title="按歌名排序"
+        :aria-label="`按歌名排序${props.sortingColumn === 'name' ?
+          props.sortingOrder === 'ascending' ? ' - 当前按歌名升序排序' :
+          props.sortingOrder === 'descending' ? ' - 当前按歌名降序排序' : '' :
+          ''
+        }`"
+        @click="emit('toggleSorting', 'name')"
+      >
+        歌名
+        <ClientOnly>
+          <font-awesome-icon
+            :icon="['fas', 'caret-up']"
+            class="mt-px opacity-0 transition"
+            :class="{
+              'opacity-100': props.sortingColumn === 'name',
+              'rotate-180': props.sortingOrder === 'descending'
+            }"
+          />
+        </ClientOnly>
+      </button>
+      <button
+        class="flex flex-row portrait:order-4 gap-x-2 items-center px-4 portrait:px-3 landscape:py-2 h-full portrait:text-xs"
+        title="按歌手排序"
+        :aria-label="`按歌手排序${props.sortingColumn === 'artist' ?
+          props.sortingOrder === 'ascending' ? ' - 当前按歌手升序排序' :
+          props.sortingOrder === 'descending' ? ' - 当前按歌手降序排序' : '' :
+          ''
+        }`"
+        @click="emit('toggleSorting', 'artist')"
+      >
+        歌手
+        <ClientOnly>
+          <font-awesome-icon
+            :icon="['fas', 'caret-up']"
+            class="mt-px opacity-0 transition"
+            :class="{
+              'opacity-100': props.sortingColumn === 'artist',
+              'rotate-180': props.sortingOrder === 'descending'
+            }"
+          />
+        </ClientOnly>
+      </button>
+      <button
+        class="flex flex-row portrait:row-span-2 gap-x-2 items-center px-4 portrait:px-3 h-full"
+        title="按 SC 要求排序"
+        :aria-label="`按 SC 要求排序${props.sortingColumn === 'payment_amount' ?
+          props.sortingOrder === 'descending' ? ' - 当前按 SC 要求降序排序' :
+          props.sortingOrder === 'ascending' ? ' - 当前按 SC 要求升序排序' : '' :
+          ''
+        }`"
+        @click="emit('toggleSorting', 'payment_amount')"
+      >
+        SC
+        <ClientOnly>
+          <font-awesome-icon
+            :icon="['fas', 'caret-up']"
+            class="mt-px opacity-0 transition"
+            :class="{
+              'opacity-100': props.sortingColumn === 'payment_amount',
+              'transition-opacity rotate-180': props.sortingOrder === 'descending'
+            }"
+          />
+        </ClientOnly>
+      </button>
+      <button
+        class="flex flex-row portrait:row-span-2 gap-x-2 items-center pl-4 portrait:pl-3 py-2 h-full"
+        title="按语言排序"
+        :aria-label="`按语言排序${props.sortingColumn === 'language' ?
+          props.sortingOrder === 'ascending' ? ' - 当前按语言升序排序' :
+          props.sortingOrder === 'descending' ? ' - 当前按语言降序排序' : '' :
+          ''
+        }`"
+        @click="emit('toggleSorting', 'language')"
+      >
+        语言
+        <ClientOnly>
+          <font-awesome-icon
+            :icon="['fas', 'caret-up']"
+            class="mt-px opacity-0 transition"
+            :class="{
+              'opacity-100': props.sortingColumn === 'language',
+              'rotate-180': props.sortingOrder === 'descending'
+            }"
+          />
+        </ClientOnly>
+      </button>
+    </div>
+    <div class="overflow-y-hidden grid grid-areas-stack h-full">
+      <div
+        class="flex flex-row order-2 justify-between items-center self-end px-6 pr-2 py-1.5 h-12
+        bg-white-alta/75 border-t border-gray backdrop-blur"
+      >
+        <span v-if="props.type === 'main'">
+          <span v-if="props.countTotal !== props.countDisplayed">改动前共 {{ props.countTotal }} 首歌，改动后</span>共 {{ props.countDisplayed }} 首歌
+        </span>
+        <span v-if="props.type === 'changes'">
+          共 {{ props.countTotal }} 首歌有改动
+        </span>
+        <span v-if="props.type === 'main'" class="flex flex-row gap-x-1 h-full">
+          <button
+            class="aspect-square flex flex-row justify-center items-center h-full rounded-lg hover:bg-gray
+            transition active:scale-95 duration-200"
+            title="添加歌曲"
+            @click="create"
+          >
+            <ClientOnly>
+              <font-awesome-icon :icon="['fas', 'plus']" />
+            </ClientOnly>
+          </button>
+          <button
+            class="aspect-square flex flex-row justify-center items-center h-full rounded-lg hover:bg-gray
+            transition active:scale-95 duration-200"
+            title="删除歌曲"
+            @click="selectedIds.forEach(id => { emit('stageChanges', { $id: id }); selectedIds.delete(id) })"
+          >
+            <ClientOnly>
+              <font-awesome-icon :icon="['fas', 'minus']" />
+            </ClientOnly>
+          </button>
+        </span>
+        <span v-if="props.type === 'changes'" class="flex flex-row gap-x-1 h-full">
+          <button
+            class="aspect-square flex flex-row justify-center items-center h-full rounded-lg hover:bg-gray
+            transition active:scale-95 duration-200"
+            title="撤销改动"
+            @click="selectedIds.forEach(id => { emit('undoChanges', id); selectedIds.delete(id) })"
+          >
+            <ClientOnly>
+              <font-awesome-icon :icon="['fas', 'rotate-left']" />
+            </ClientOnly>
+          </button>
+          <button
+            class="aspect-square flex flex-row justify-center items-center h-full rounded-lg hover:bg-gray
+            transition active:scale-95 duration-200"
+            title="发布改动"
+          >
+            <ClientOnly>
+              <font-awesome-icon :icon="['fas', 'cloud-arrow-up']" />
+            </ClientOnly>
+          </button>
+        </span>
+      </div>
+      <div
+        ref="listArea"
+        class="overflow-y-scroll flex flex-col portrait:gap-y-5 px-2 pt-2.5 portrait:pt-4 pb-14 portrait:pb-16 bg-white-alta"
+      >
+        <transition-group
+          :enter-from-class="props.type === 'changes' ? 'opacity-0 translate-y-[500%]' : ''"
+          :enter-active-class="props.type === 'changes' ? 'transition-all duration-700' : ''"
+          :leave-to-class="props.type === 'main' ? 'opacity-0 -translate-y-[200%]' : 'opacity-0 translate-y-[500%]'"
+          leave-active-class="transition"
+          move-class="transition-transform duration-[1300ms]"
+        >
+          <div
+            v-for="song in props.type === 'main' ? props.data : props.dataChanges"
+            :key="song.$id"
+            class="grid grid-cols-[1.875rem_0.55fr_0.45fr_5rem_5.5rem] portrait:grid-cols-[2.125rem_1fr_3.5rem_4.5rem]
+            grid-rows-1 portrait:grid-rows-[auto_auto]"
+          >
+            <label
+              title="选择"
+              class="group grid row-span-2 place-items-center
+              pl-2.5 portrait:pl-2.5 portrait:pr-1 py-2.5 h-full rounded-lg cursor-pointer"
+            >
+              <input type="checkbox" class="hidden" @click="selectedIds.has(song.$id) ? selectedIds.delete(song.$id) : selectedIds.add(song.$id)">
+              <ClientOnly>
+                <font-awesome-icon
+                  v-if="!selectedIds.has(song.$id)"
+                  :icon="['far', 'square']"
+                  class="!h-5 rounded-lg transition group-active:scale-90"
+                />
+                <font-awesome-icon
+                  v-if="selectedIds.has(song.$id)"
+                  :icon="['fas', 'square-check']"
+                  class="!h-5 text-blue group-hover:text-blue-a rounded-lg transition group-active:scale-90"
+                />
+              </ClientOnly>
+            </label>
+            <transition-group
+              tag="span"
+              class="group grid grid-areas-stack items-center px-4 portrait:px-3 h-full portrait:leading-snug"
+              :class="{ 'cursor-text': props.type === 'main' }"
+              :enter-from-class="props.type === 'main' ? 'opacity-0' : ''"
+              :enter-active-class="props.type === 'main' ? 'transition-opacity' : ''"
+              :leave-active-class="props.type === 'main' ? 'transition-opacity delay-75' : ''"
+              :leave-to-class="props.type === 'main' ? 'opacity-0' : ''"
+              @click="modifyingTarget.id = song.$id; modifyingTarget.field = 'name'; modifying = true"
+            >
+              <input
+                v-if="props.type === 'main' && modifyingTarget.id === song.$id && modifyingTarget.field === 'name'"
+                :key="`${song.$id}-modifyingInput-name`"
+                ref="modifyingInput"
+                type="text"
+                class="z-30 w-full h-2/3 bg-white
+                rounded focus:outline-none ring-2 ring-blue ring-offset-[4.5px] ring-offset-white"
+                :value="song.name"
+                @blur="modifying = false; modifyingTarget.id = null; modifyingTarget.field = null;
+                       // @ts-ignore
+                       emit('stageChanges', { $id: song.$id, name: $event.target.value })"
+                @keydown.enter="modifying = false"
+                @keydown.esc="modifying = false"
+              >
+              <span
+                :key="`${song.$id}-name`"
+                class="flex flex-row items-center w-full"
+                :class="{
+                  '!h-2/3 rounded ring-2 ring-white-alta group-hover:ring-blue ring-offset-[4.5px] ring-offset-white-alta \
+                  transition-[box-shadow,opacity] duration-200': props.type === 'main'
+                }"
+              >
+                <span
+                  v-if="props.type === 'main' ||
+                    (props.type === 'changes' && props.data.find(unmodified => unmodified.$id === song.$id)?.name === song.name)"
+                >
+                  {{ song.name }}
+                </span>
+                <span
+                  v-if="props.type === 'changes' && props.data.find(unmodified => unmodified.$id === song.$id)?.name !== song.name"
+                  class="flex flex-row gap-x-1.5"
+                >
+                  <span v-if="props.data.some(unmodified => unmodified.$id === song.$id)" class="px-2.5 py-0.5 rounded-lg bg-pink-l/75">
+                    <s>{{ props.data.find(unmodified => unmodified.$id === song.$id)?.name }}</s>
+                  </span>
+                  <span v-if="song.name" class="px-2.5 py-0.5 rounded-lg bg-blue-l/50">
+                    {{ song.name }}
+                  </span>
+                </span>
+              </span>
+            </transition-group>
+            <transition-group
+              tag="span"
+              class="group grid grid-areas-stack portrait:order-4 items-center px-4 portrait:px-3 h-full portrait:text-xs"
+              :class="{ 'cursor-text': props.type === 'main' }"
+              :enter-from-class="props.type === 'main' ? 'opacity-0' : ''"
+              :enter-active-class="props.type === 'main' ? 'transition-opacity' : ''"
+              :leave-active-class="props.type === 'main' ? 'transition-opacity delay-75' : ''"
+              :leave-to-class="props.type === 'main' ? 'opacity-0' : ''"
+              @click="modifyingTarget.id = song.$id; modifyingTarget.field = 'artist'; modifying = true"
+            >
+              <input
+                v-if="props.type === 'main' && modifyingTarget.id === song.$id && modifyingTarget.field === 'artist'"
+                :key="`${song.$id}-modifyingInput-artist`"
+                ref="modifyingInput"
+                type="text"
+                class="z-30 w-full h-2/3 bg-white
+                rounded focus:outline-none ring-2 ring-blue ring-offset-[4.5px] ring-offset-white"
+                :value="song.artist"
+                @blur="modifying = false; modifyingTarget.id = null; modifyingTarget.field = null;
+                       // @ts-ignore
+                       emit('stageChanges', { $id: song.$id, artist: $event.target.value })"
+                @keydown.enter="modifying = false"
+                @keydown.esc="modifying = false"
+              >
+              <span
+                :key="`${song.$id}-artist`"
+                class="flex flex-row items-center w-full"
+                :class="{
+                  '!h-2/3 rounded ring-2 ring-white-alta group-hover:ring-blue ring-offset-[4.5px] ring-offset-white-alta \
+                  transition-[box-shadow,opacity] duration-200': props.type === 'main'
+                }"
+              >
+                <span
+                  v-if="props.type === 'main' ||
+                    (props.type === 'changes' && props.data.find(unmodified => unmodified.$id === song.$id)?.artist === song.artist)"
+                >
+                  {{ song.artist }}
+                </span>
+                <span
+                  v-if="props.type === 'changes' && props.data.find(unmodified => unmodified.$id === song.$id)?.artist !== song.artist"
+                  class="flex flex-row gap-x-1.5"
+                >
+                  <span v-if="props.data.some(unmodified => unmodified.$id === song.$id)" class="px-2.5 py-0.5 rounded-lg bg-pink-l/75">
+                    <s>{{ props.data.find(unmodified => unmodified.$id === song.$id)?.artist }}</s>
+                  </span>
+                  <span v-if="song.artist" class="px-2.5 py-0.5 rounded-lg bg-blue-l/50">
+                    {{ song.artist }}
+                  </span>
+                </span>
+              </span>
+            </transition-group>
+            <transition-group
+              tag="span"
+              class="group grid grid-areas-stack portrait:row-span-2 items-center px-4 portrait:px-3 h-full"
+              :class="{ 'cursor-text': props.type === 'main' && song.payment_required }"
+              :enter-from-class="props.type === 'main' ? 'opacity-0' : ''"
+              :enter-active-class="props.type === 'main' ? 'transition-opacity' : ''"
+              :leave-active-class="props.type === 'main' ? 'transition-opacity delay-75' : ''"
+              :leave-to-class="props.type === 'main' ? 'opacity-0' : ''"
+              @click="modifyingTarget.id = song.$id; modifyingTarget.field = 'payment_amount'; modifying = true"
+            >
+              <input
+                v-if="props.type === 'main' && modifyingTarget.id === song.$id && modifyingTarget.field === 'payment_amount'"
+                :key="`${song.$id}-modifyingInput-payment_amount`"
+                ref="modifyingInput"
+                type="text"
+                class="z-30 w-full h-2/3 text-center bg-white
+                rounded focus:outline-none ring-2 ring-blue ring-offset-[4.5px] ring-offset-white"
+                :class="{ '': props.type === 'main' }"
+                :value="song.payment_amount"
+                @blur="modifying = false; modifyingTarget.id = null; modifyingTarget.field = null;
+                       // @ts-ignore
+                       emit('stageChanges', { $id: song.$id, payment_amount: $event.target.value })"
+                @keydown.enter="modifying = false"
+                @keydown.esc="modifying = false"
+              >
+              <span
+                :key="`${song.$id}-payment_amount`"
+                class="flex flex-col justify-center items-center h-full"
+                :class="{
+                  '!h-2/3 rounded ring-2 ring-white-alta group-hover:ring-blue ring-offset-[4.5px] ring-offset-white-alta \
+                  transition-[box-shadow,opacity] duration-200': props.type === 'main'
+                }"
+                :title="song.payment_required && song.payment_amount ? `需要 ${song.payment_amount} 元 SC` : ''"
+              >
+                <font-awesome-icon v-if="props.type === 'main' && song.payment_required" :icon="['fas', 'comment-dollar']" class="!h-5" />
+                <span :class="{ 'text-[0.625rem] leading-snug': props.type === 'main' }">
+                  <span
+                    v-if="(props.type === 'main' && song.payment_amount) ||
+                      (props.type === 'changes' && song.payment_amount &&
+                        props.data.find(unmodified => unmodified.$id === song.$id)?.payment_amount === song.payment_amount)"
+                  >
+                    ¥{{ song.payment_amount }}
+                  </span>
+                  <span
+                    v-if="props.type === 'changes' && props.data.find(unmodified => unmodified.$id === song.$id)?.payment_amount !== song.payment_amount"
+                    class="flex flex-col gap-y-1 text-sm"
+                  >
+                    <span
+                      v-if="props.data.find(unmodified => unmodified.$id === song.$id)?.payment_amount"
+                      class="px-2 py-0.5 w-fit rounded-md bg-pink-l/75"
+                    >
+                      <s>¥{{ props.data.find(unmodified => unmodified.$id === song.$id)?.payment_amount }}</s>
+                    </span>
+                    <span v-if="song.payment_amount" class="px-2 py-0.5 w-fit rounded-md bg-blue-l/50">
+                      ¥{{ song.payment_amount }}
+                    </span>
+                  </span>
+                </span>
+              </span>
+            </transition-group>
+            <transition-group
+              tag="span"
+              class="group grid grid-areas-stack portrait:row-span-2 items-center pl-4 portrait:pl-3 h-full"
+              :class="{ 'cursor-text': props.type === 'main' }"
+              :enter-from-class="props.type === 'main' ? 'opacity-0' : ''"
+              :enter-active-class="props.type === 'main' ? 'transition-opacity' : ''"
+              :leave-active-class="props.type === 'main' ? 'transition-opacity delay-75' : ''"
+              :leave-to-class="props.type === 'main' ? 'opacity-0' : ''"
+              @click="modifyingTarget.id = song.$id; modifyingTarget.field = 'language'; modifying = true"
+            >
+              <input
+                v-if="props.type === 'main' && modifyingTarget.id === song.$id && modifyingTarget.field === 'language'"
+                :key="`${song.$id}-modifyingInput-language`"
+                ref="modifyingInput"
+                type="text"
+                class="z-30 w-full h-2/3 bg-white
+                rounded focus:outline-none ring-2 ring-blue ring-offset-[4.5px] ring-offset-white"
+                :value="song.language"
+                @blur="modifying = false; modifyingTarget.id = null; modifyingTarget.field = null;
+                       // @ts-ignore
+                       emit('stageChanges', { $id: song.$id, language: $event.target.value })"
+                @keydown.enter="modifying = false"
+                @keydown.esc="modifying = false"
+              >
+              <span
+                :key="`${song.$id}-language`"
+                class="flex flex-row items-center w-full h-full"
+                :class="{
+                  '!h-2/3 rounded ring-2 ring-white-alta group-hover:ring-blue ring-offset-[4.5px] ring-offset-white-alta \
+                  transition-[box-shadow,opacity] duration-200': props.type === 'main'
+                }"
+              >
+                <span
+                  v-if="props.type === 'main' ||
+                    (props.type === 'changes' && props.data.find(unmodified => unmodified.$id === song.$id)?.language === song.language)"
+                >
+                  {{ song.language }}
+                </span>
+                <span
+                  v-if="props.type === 'changes' && props.data.find(unmodified => unmodified.$id === song.$id)?.language !== song.language"
+                  class="flex flex-row gap-x-1.5"
+                >
+                  <span v-if="props.data.some(unmodified => unmodified.$id === song.$id)" class="px-2.5 py-0.5 rounded-lg bg-pink-l/75">
+                    <s>{{ props.data.find(unmodified => unmodified.$id === song.$id)?.language }}</s>
+                  </span>
+                  <span v-if="song.language" class="px-2.5 py-0.5 rounded-lg bg-blue-l/50">
+                    {{ song.language }}
+                  </span>
+                </span>
+              </span>
+            </transition-group>
+          </div>
+        </transition-group>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { Song, Playlist, PlaylistColumn, PlaylistSortingOrder } from '../pages/playlist.vue'
+
+const props = defineProps<{
+  type: 'main' | 'changes'
+
+  // For a Main list, pass the modified list as "data"
+  // For a Changes list, pass the unmodified list as "data" and the modified-only list as "dataChanges"
+  data: Playlist
+  dataChanges?: Playlist
+  modification?: boolean
+  sortingColumn: null | PlaylistColumn
+  sortingOrder: PlaylistSortingOrder
+  countTotal: number
+  countDisplayed?: number
+}>()
+const emit = defineEmits<{
+  toggleSorting: [PlaylistColumn],
+  stageChanges: [changes: Song],
+  undoChanges: [changesId: Song['$id']]
+}>()
+
+const listArea = ref<HTMLDivElement>()
+function scrollList (position: 'top' | 'bottom') {
+  switch (position) {
+    case 'top':
+      listArea.value?.scroll({
+        top: 0,
+        behavior: 'smooth'
+      })
+      break
+    case 'bottom':
+      listArea.value?.scroll({
+        top: listArea.value?.scrollHeight,
+        behavior: 'smooth'
+      })
+  }
+}
+
+const selectedIds = ref<Set<string>>(new Set())
+
+const modifying = ref<Boolean>(false)
+const modifyingTarget = ref<{
+  id: Song['$id'] | null
+  field: 'name' | 'artist' | 'payment_amount' | 'language' | null
+}>({
+  id: null,
+  field: null
+})
+const modifyingInput = ref<Array<HTMLInputElement>>()
+watch(modifying, (value) => {
+  value ?
+    nextTick(() => modifyingInput.value?.[0]?.focus()) :
+    nextTick(() => modifyingInput.value?.[0]?.blur())
+})
+
+function create () {
+  const id = crypto.randomUUID()
+  emit('stageChanges', { $id: id, hidden: false, name: '', artist: '', payment_amount: null, language: '' })
+  setTimeout(() => scrollList('bottom'), 50)
+  modifyingTarget.value.id = id
+  modifyingTarget.value.field = 'name'
+  setTimeout(() => { modifying.value = true }, 2000)
+}
+</script>
diff --git a/packages/admin/package.json b/packages/admin/package.json
index 8702bee..ddbde6d 100644
--- a/packages/admin/package.json
+++ b/packages/admin/package.json
@@ -9,6 +9,7 @@
   },
   "devDependencies": {
     "@fortawesome/free-brands-svg-icons": "^6.4.2",
+    "@fortawesome/free-regular-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@types/node": "^18.18.8",
diff --git a/packages/admin/pages/playlist.vue b/packages/admin/pages/playlist.vue
new file mode 100644
index 0000000..94352f6
--- /dev/null
+++ b/packages/admin/pages/playlist.vue
@@ -0,0 +1,249 @@
+<!-- Modified from ~/packages/home/app.vue -->
+<template>
+  <div
+    class="lg:overflow-y-hidden grid grid-cols-1 grid-rows-[0.06fr_0.44fr_0.5fr] grid-flow-col
+    lg:grid-cols-[0.5fr_0.5fr] lg:grid-rows-[auto_1fr] max-lg:gap-y-8 max-lg:landscape:gap-y-6 lg:gap-x-12
+    pl-[25%] max-lg:landscape:pl-44 sm:pl-64 pr-6 sm:pr-16 pb-6 max-lg:landscape:pt-8 lg:pb-12 h-2dscreen lg:h-full"
+  >
+    <h2 class="col-span-2 self-end px-2 portrait:pt-8 lg:py-12 text-4xl lg:text-5xl font-light tracking-wide text-brown">
+      歌单编辑
+    </h2>
+    <PlaylistList
+      type="main"
+      :data="viewPlaylistData"
+      :modification="true"
+      :sorting-column="viewPlaylistSortingColumn"
+      :sorting-order="viewPlaylistSortingOrder"
+      :count-total="backendPlaylist.length"
+      :count-displayed="viewPlaylistData.length"
+      @toggle-sorting="viewPlaylistToggleSorting"
+      @stage-changes="viewPlaylistStageChanges"
+    />
+    <PlaylistList
+      type="changes"
+      :data="backendPlaylist"
+      :data-changes="viewPlaylistChangesData"
+      :sorting-column="viewPlaylistSortingColumn"
+      :sorting-order="viewPlaylistSortingOrder"
+      :count-total="viewPlaylistChangesData.length"
+      @toggle-sorting="viewPlaylistToggleSorting"
+      @undo-changes="viewPlaylistUndoChanges"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Client, Databases, Query } from 'appwrite'
+import { pinyin } from 'pinyin-pro'
+
+useHead({
+  title: '歌单编辑 - 管理面板 | 洺知-故犯'
+})
+
+// Backend
+const backendClient = new Client()
+const backendDatabases = new Databases(backendClient)
+backendClient.setEndpoint(useAppConfig().backendBase)
+  .setProject(useAppConfig().backendProjectId)
+
+export interface Song {
+  hidden?: boolean
+  name?: string
+  artist?: string
+  language?: string
+  payment_required?: boolean
+  payment_amount?: null | number
+  $id: string
+}
+export type Playlist = Array<Song>
+
+const backendPlaylist = ref<Playlist>([])
+const backendFetchPlaylistState = ref<'processing' | 'succeeded' | 'failed'>('processing')
+
+onBeforeMount(() => {
+  backendDatabases.listDocuments('home', 'playlist', [Query.limit(1000)])
+    .then(
+      (res) => {
+        backendFetchPlaylistState.value = 'succeeded'
+        backendPlaylist.value = res.documents
+      },
+      () => {
+        backendFetchPlaylistState.value = 'failed'
+      }
+    )
+})
+
+export type PlaylistColumn = 'name' | 'artist' | 'payment_amount' | 'language'
+export type PlaylistSortingOrder = 'ascending' | 'descending'
+const viewPlaylistSortingColumn = ref<null | PlaylistColumn>(null)
+const viewPlaylistSortingOrder = ref<PlaylistSortingOrder>('ascending')
+const viewPlaylistSortingOrderOptions = computed<Array<PlaylistSortingOrder>>(() => {
+  return viewPlaylistSortingColumn.value === 'payment_amount' ?
+    ['descending', 'ascending'] :
+    ['ascending', 'descending']
+})
+function viewPlaylistToggleSorting (column: PlaylistColumn) {
+  // Enable sorting or switch to another column
+  if (viewPlaylistSortingColumn.value === null || column !== viewPlaylistSortingColumn.value) {
+    viewPlaylistSortingColumn.value = column
+    viewPlaylistSortingOrder.value = viewPlaylistSortingOrderOptions.value[0]
+  } else
+  // Disable sorting because out of ordering options
+  if (
+    column === viewPlaylistSortingColumn.value &&
+    viewPlaylistSortingOrder.value === viewPlaylistSortingOrderOptions.value[viewPlaylistSortingOrderOptions.value.length - 1]
+  ) {
+    viewPlaylistSortingColumn.value = null
+    viewPlaylistSortingOrder.value = viewPlaylistSortingOrderOptions.value[0]
+  // Rotate between ordering options
+  } else {
+    const sortingOrderOptionIndex: number =
+      viewPlaylistSortingOrderOptions.value.findIndex(option => option === viewPlaylistSortingOrder.value) + 1 >
+      viewPlaylistSortingOrderOptions.value.length - 1 ?
+        0 :
+        viewPlaylistSortingOrderOptions.value.findIndex(option => option === viewPlaylistSortingOrder.value) + 1
+    viewPlaylistSortingOrder.value = viewPlaylistSortingOrderOptions.value[sortingOrderOptionIndex]
+  }
+}
+function viewPlaylistSort (playlist: Playlist) {
+  interface SortingSong extends Song {
+    namePinyin?: string
+    artistPinyin?: string
+    languageCode?: string
+  }
+  let sortingPlaylist: Array<SortingSong> = []
+  const orderModifier = viewPlaylistSortingOrder.value === 'ascending' ? 1 : -1
+
+  // Sort by song name or artist in alphabetical order
+  if (viewPlaylistSortingColumn.value === 'name' || viewPlaylistSortingColumn.value === 'artist') {
+    playlist.forEach((song: SortingSong) => {
+      // @ts-ignore
+      song[`${viewPlaylistSortingColumn.value}Pinyin`] =
+          // @ts-ignore
+          pinyin(song[viewPlaylistSortingColumn.value], { toneType: 'none', nonZh: 'consecutive' })
+            .replaceAll(' ', '')
+      sortingPlaylist.push(song)
+    })
+    sortingPlaylist.sort((a, b) => {
+      // @ts-ignore
+      if (a[`${viewPlaylistSortingColumn.value}Pinyin`] < b[`${viewPlaylistSortingColumn.value}Pinyin`]) {
+        return -1 * orderModifier
+      } else
+      // @ts-ignore
+      if (a[`${viewPlaylistSortingColumn.value}Pinyin`] > b[`${viewPlaylistSortingColumn.value}Pinyin`]) {
+        return 1 * orderModifier
+      } else {
+        return 0
+      }
+    })
+  } else
+
+  // Sort by payment requirement
+  if (viewPlaylistSortingColumn.value === 'payment_amount') {
+    sortingPlaylist = playlist.slice()
+    sortingPlaylist.sort((a, b) => {
+      if (a.payment_required === false || b.payment_required === false) {
+        return (Number(a.payment_required ?? 0) - Number(b.payment_required ?? 0)) * orderModifier
+      }
+      return ((a.payment_amount ?? 0) - (b.payment_amount ?? 0)) * orderModifier
+    })
+  } else
+
+  // Sort by language
+  if (viewPlaylistSortingColumn.value === 'language') {
+    sortingPlaylist = playlist.slice()
+    const languageOrder = ['国语', '粤语', '日语']
+    sortingPlaylist.sort((a, b) => {
+      return (languageOrder.findIndex(language => a.language === language) -
+        languageOrder.findIndex(language => b.language === language)) * orderModifier
+    })
+  }
+
+  return sortingPlaylist
+}
+
+function viewPlaylistStageChanges (changes: Song) {
+  const changesFieldsAccepted: Set<keyof Song> = new Set(['$id', 'hidden', 'name', 'artist', 'payment_amount', 'language'])
+
+  // New song
+  if (!backendPlaylist.value.some(song => song.$id === changes.$id) && Object.keys(changes).length === changesFieldsAccepted.size) {
+    const changesFields: Set<string> = new Set(Object.keys(changes))
+    let changesFieldsFulfilled: boolean = true
+    changesFieldsAccepted.forEach((field) => {
+      if (!changesFields.has(field)) { changesFieldsFulfilled = false }
+    })
+    if (changesFieldsFulfilled) {
+      changes.payment_required = Boolean(changes.payment_amount)
+      viewPlaylistChangesData.value.push(changes)
+    }
+  } else
+
+  // Modify song
+  if (viewPlaylistData.value.some(song => song.$id === changes.$id) && Object.keys(changes).length > 1) {
+    const song = viewPlaylistData.value.find(song => song.$id === changes.$id)
+    let changesValid = false
+    for (const field in changes) {
+      // @ts-ignore
+      if (field !== '$id' && changes[field] !== song[field]) { changesValid = true; break }
+    }
+    if (changesValid) {
+      const changesPrevious = viewPlaylistChangesData.value.find(song => song.$id === changes.$id)
+      // @ts-ignore
+      changes.payment_required = Boolean(changes.payment_amount ?? song.payment_required)
+      changesFieldsAccepted.forEach((field) => {
+        // @ts-ignore
+        if (changes[field] === undefined) { changes[field] = changesPrevious ? changesPrevious[field] : song[field] }
+      })
+      if (changesPrevious) {
+        viewPlaylistChangesData.value.splice(viewPlaylistChangesData.value.findIndex(song => song.$id === changes.$id), 1)
+      }
+      viewPlaylistChangesData.value.push(changes)
+    }
+  } else
+
+  // Delete song
+  if (
+    viewPlaylistData.value.some(song => song.$id === changes.$id) &&
+    Object.keys(changes).length === 1 &&
+    Object.keys(changes)[0] === '$id'
+  ) {
+    if (viewPlaylistChangesData.value.some(song => song.$id === changes.$id)) {
+      viewPlaylistChangesData.value.splice(viewPlaylistChangesData.value.findIndex(song => song.$id === changes.$id), 1)
+    }
+    // If the song is not published yet, do not create a change
+    if (backendPlaylist.value.some(song => song.$id === changes.$id)) {
+      viewPlaylistChangesData.value.push(changes)
+    }
+  }
+}
+
+function viewPlaylistUndoChanges (changesId: Song['$id']) {
+  viewPlaylistChangesData.value.splice(
+    viewPlaylistChangesData.value.findIndex(changes => changes.$id === changesId),
+    1
+  )
+}
+
+const viewPlaylistData = computed<Playlist>(() => {
+  const playlist: Playlist = backendPlaylist.value.slice()
+
+  viewPlaylistChangesData.value.forEach((changes: Song) => {
+    if (Object.keys(changes).length === 1 && Object.keys(changes)[0] === '$id') {
+      playlist.splice(playlist.findIndex(song => song.$id === changes.$id), 1)
+    } else
+    if (playlist.some(song => song.$id === changes.$id)) {
+      playlist[playlist.findIndex(song => song.$id === changes.$id)] = changes
+    } else {
+      playlist.push(changes)
+    }
+  })
+
+  if (playlist.length !== 0 && viewPlaylistSortingColumn.value !== null) {
+    return viewPlaylistSort(playlist)
+  }
+
+  return playlist
+})
+
+const viewPlaylistChangesData = ref<Playlist>([])
+</script>
diff --git a/packages/admin/plugins/fontawesome.ts b/packages/admin/plugins/fontawesome.ts
index a1daa00..c4a1b63 100644
--- a/packages/admin/plugins/fontawesome.ts
+++ b/packages/admin/plugins/fontawesome.ts
@@ -6,8 +6,19 @@ import {
   faHouse,
   faPenToSquare,
   faChartColumn,
-  faAngleRight
+  faAngleRight,
+  faCaretUp,
+  faSquareMinus,
+  faSquareCheck,
+  faCommentDollar,
+  faPlus,
+  faMinus,
+  faRotateLeft,
+  faCloudArrowUp
 } from '@fortawesome/free-solid-svg-icons'
+import {
+  faSquare
+} from '@fortawesome/free-regular-svg-icons'
 
 config.autoAddCss = false
 
@@ -15,7 +26,16 @@ library.add(
   faHouse,
   faPenToSquare,
   faChartColumn,
-  faAngleRight
+  faAngleRight,
+  faCaretUp,
+  faSquare,
+  faSquareMinus,
+  faSquareCheck,
+  faCommentDollar,
+  faPlus,
+  faMinus,
+  faRotateLeft,
+  faCloudArrowUp
 )
 
 export default defineNuxtPlugin((nuxtApp) => {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 05affca..6f341f1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,6 +24,9 @@ importers:
       '@fortawesome/free-brands-svg-icons':
         specifier: ^6.4.2
         version: 6.4.2
+      '@fortawesome/free-regular-svg-icons':
+        specifier: ^6.4.2
+        version: 6.4.2
       '@fortawesome/free-solid-svg-icons':
         specifier: ^6.4.2
         version: 6.4.2
@@ -41,7 +44,7 @@ importers:
         version: 8.53.0
       eslint-config-standard:
         specifier: ^17.1.0
-        version: 17.1.0(eslint-plugin-import@2.29.0)(eslint-plugin-n@16.3.0)(eslint-plugin-promise@6.1.1)(eslint@8.53.0)
+        version: 17.1.0(eslint-plugin-import@2.29.0)(eslint-plugin-n@16.3.1)(eslint-plugin-promise@6.1.1)(eslint@8.53.0)
       eslint-plugin-nuxt:
         specifier: ^4.0.0
         version: 4.0.0(eslint@8.53.0)
@@ -79,6 +82,9 @@ importers:
       '@fortawesome/free-brands-svg-icons':
         specifier: ^6.4.2
         version: 6.4.2
+      '@fortawesome/free-regular-svg-icons':
+        specifier: ^6.4.2
+        version: 6.4.2
       '@fortawesome/free-solid-svg-icons':
         specifier: ^6.4.2
         version: 6.4.2
@@ -147,21 +153,6 @@ importers:
         specifier: ^3.3.5
         version: 3.3.5
 
-  packages/nuxt-reference:
-    devDependencies:
-      '@nuxt/devtools':
-        specifier: latest
-        version: 1.0.0(nuxt@3.8.1)(vite@4.5.0)
-      nuxt:
-        specifier: ^3.8.1
-        version: 3.8.1(@types/node@18.18.9)(eslint@8.53.0)(typescript@5.2.2)(vite@4.5.0)
-      vue:
-        specifier: ^3.3.8
-        version: 3.3.8(typescript@5.2.2)
-      vue-router:
-        specifier: ^4.2.5
-        version: 4.2.5(vue@3.3.8)
-
 packages:
 
   /@aashutoshrathi/word-wrap@1.2.6:
@@ -194,25 +185,25 @@ packages:
       chalk: 2.4.2
     dev: true
 
-  /@babel/compat-data@7.23.2:
-    resolution: {integrity: sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==}
+  /@babel/compat-data@7.23.3:
+    resolution: {integrity: sha512-BmR4bWbDIoFJmJ9z2cZ8Gmm2MXgEDgjdWgpKmKWUt54UGFJdlj31ECtbaDvCG/qVdG3AQ1SfpZEs01lUFbzLOQ==}
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/core@7.23.2:
-    resolution: {integrity: sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==}
+  /@babel/core@7.23.3:
+    resolution: {integrity: sha512-Jg+msLuNuCJDyBvFv5+OKOUjWMZgd85bKjbICd3zWrKAo+bJ49HJufi7CQE0q0uR8NGyO6xkCACScNqyjHSZew==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@babel/code-frame': 7.22.13
-      '@babel/generator': 7.23.0
+      '@babel/generator': 7.23.3
       '@babel/helper-compilation-targets': 7.22.15
-      '@babel/helper-module-transforms': 7.23.0(@babel/core@7.23.2)
+      '@babel/helper-module-transforms': 7.23.3(@babel/core@7.23.3)
       '@babel/helpers': 7.23.2
-      '@babel/parser': 7.23.0
+      '@babel/parser': 7.23.3
       '@babel/template': 7.22.15
-      '@babel/traverse': 7.23.2
-      '@babel/types': 7.23.0
+      '@babel/traverse': 7.23.3
+      '@babel/types': 7.23.3
       convert-source-map: 2.0.0
       debug: 4.3.4
       gensync: 1.0.0-beta.2
@@ -222,11 +213,11 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/generator@7.23.0:
-    resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
+  /@babel/generator@7.23.3:
+    resolution: {integrity: sha512-keeZWAV4LU3tW0qRi19HRpabC/ilM0HRBBzf9/k8FFiG4KVpiv0FIy4hHfLfFQZNhziCTPTmd59zoyv6DNISzg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.20
       jsesc: 2.5.2
@@ -236,33 +227,33 @@ packages:
     resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
     dev: true
 
   /@babel/helper-compilation-targets@7.22.15:
     resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/compat-data': 7.23.2
+      '@babel/compat-data': 7.23.3
       '@babel/helper-validator-option': 7.22.15
       browserslist: 4.22.1
       lru-cache: 5.1.1
       semver: 6.3.1
     dev: true
 
-  /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.23.2):
+  /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.23.3):
     resolution: {integrity: sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.23.2
+      '@babel/core': 7.23.3
       '@babel/helper-annotate-as-pure': 7.22.5
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-function-name': 7.23.0
       '@babel/helper-member-expression-to-functions': 7.23.0
       '@babel/helper-optimise-call-expression': 7.22.5
-      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.2)
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.3)
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
       semver: 6.3.1
@@ -278,37 +269,37 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.22.15
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
     dev: true
 
   /@babel/helper-hoist-variables@7.22.5:
     resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
     dev: true
 
   /@babel/helper-member-expression-to-functions@7.23.0:
     resolution: {integrity: sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
     dev: true
 
   /@babel/helper-module-imports@7.22.15:
     resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
     dev: true
 
-  /@babel/helper-module-transforms@7.23.0(@babel/core@7.23.2):
-    resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
+  /@babel/helper-module-transforms@7.23.3(@babel/core@7.23.3):
+    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.23.2
+      '@babel/core': 7.23.3
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-simple-access': 7.22.5
@@ -320,7 +311,7 @@ packages:
     resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
     dev: true
 
   /@babel/helper-plugin-utils@7.22.5:
@@ -328,13 +319,13 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/helper-replace-supers@7.22.20(@babel/core@7.23.2):
+  /@babel/helper-replace-supers@7.22.20(@babel/core@7.23.3):
     resolution: {integrity: sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.23.2
+      '@babel/core': 7.23.3
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-member-expression-to-functions': 7.23.0
       '@babel/helper-optimise-call-expression': 7.22.5
@@ -344,21 +335,21 @@ packages:
     resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
     dev: true
 
   /@babel/helper-skip-transparent-expression-wrappers@7.22.5:
     resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
     dev: true
 
   /@babel/helper-split-export-declaration@7.22.6:
     resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
     dev: true
 
   /@babel/helper-string-parser@7.22.5:
@@ -379,8 +370,8 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.22.15
-      '@babel/traverse': 7.23.2
-      '@babel/types': 7.23.0
+      '@babel/traverse': 7.23.3
+      '@babel/types': 7.23.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -394,91 +385,91 @@ packages:
       js-tokens: 4.0.0
     dev: true
 
-  /@babel/parser@7.23.0:
-    resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
+  /@babel/parser@7.23.3:
+    resolution: {integrity: sha512-uVsWNvlVsIninV2prNz/3lHCb+5CJ+e+IUBfbjToAHODtfGYLfCFuY4AU7TskI+dAKk+njsPiBjq1gKTvZOBaw==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
 
-  /@babel/plugin-proposal-decorators@7.23.2(@babel/core@7.23.2):
-    resolution: {integrity: sha512-eR0gJQc830fJVGz37oKLvt9W9uUIQSAovUl0e9sJ3YeO09dlcoBVYD3CLrjCj4qHdXmfiyTyFt8yeQYSN5fxLg==}
+  /@babel/plugin-proposal-decorators@7.23.3(@babel/core@7.23.3):
+    resolution: {integrity: sha512-u8SwzOcP0DYSsa++nHd/9exlHb0NAlHCb890qtZZbSwPX2bFv8LBEztxwN7Xg/dS8oAFFidhrI9PBcLBJSkGRQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.2
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.2)
+      '@babel/core': 7.23.3
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.3)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.2)
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.3)
       '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/plugin-syntax-decorators': 7.22.10(@babel/core@7.23.2)
+      '@babel/plugin-syntax-decorators': 7.23.3(@babel/core@7.23.3)
     dev: true
 
-  /@babel/plugin-syntax-decorators@7.22.10(@babel/core@7.23.2):
-    resolution: {integrity: sha512-z1KTVemBjnz+kSEilAsI4lbkPOl5TvJH7YDSY1CTIzvLWJ+KHXp+mRe8VPmfnyvqOPqar1V2gid2PleKzRUstQ==}
+  /@babel/plugin-syntax-decorators@7.23.3(@babel/core@7.23.3):
+    resolution: {integrity: sha512-cf7Niq4/+/juY67E0PbgH0TDhLQ5J7zS8C/Q5FFx+DWyrRa9sUQdTXkjqKu8zGvuqr7vw1muKiukseihU+PJDA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.2
+      '@babel/core': 7.23.3
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-import-attributes@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==}
+  /@babel/plugin-syntax-import-attributes@7.23.3(@babel/core@7.23.3):
+    resolution: {integrity: sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.2
+      '@babel/core': 7.23.3
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.23.2):
+  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.23.3):
     resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.2
+      '@babel/core': 7.23.3
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
+  /@babel/plugin-syntax-jsx@7.23.3(@babel/core@7.23.3):
+    resolution: {integrity: sha512-EB2MELswq55OHUoRZLGg/zC7QWUKfNLpE57m/S2yr1uEneIgsTgrSzXP3NXEsMkVn76OlaVVnzN+ugObuYGwhg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.2
+      '@babel/core': 7.23.3
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-syntax-typescript@7.22.5(@babel/core@7.23.2):
-    resolution: {integrity: sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==}
+  /@babel/plugin-syntax-typescript@7.23.3(@babel/core@7.23.3):
+    resolution: {integrity: sha512-9EiNjVJOMwCO+43TqoTrgQ8jMwcAd0sWyXi9RPfIsLTj4R2MADDDQXELhffaUx/uJv2AYcxBgPwH6j4TIA4ytQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.2
+      '@babel/core': 7.23.3
       '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
-  /@babel/plugin-transform-typescript@7.22.15(@babel/core@7.23.2):
-    resolution: {integrity: sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==}
+  /@babel/plugin-transform-typescript@7.23.3(@babel/core@7.23.3):
+    resolution: {integrity: sha512-ogV0yWnq38CFwH20l2Afz0dfKuZBx9o/Y2Rmh5vuSS0YD1hswgEgTfyTzuSrT2q9btmHRSqYoSfwFUVaC1M1Jw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.2
+      '@babel/core': 7.23.3
       '@babel/helper-annotate-as-pure': 7.22.5
-      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.2)
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.3)
       '@babel/helper-plugin-utils': 7.22.5
-      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-syntax-typescript': 7.23.3(@babel/core@7.23.3)
     dev: true
 
-  /@babel/standalone@7.23.2:
-    resolution: {integrity: sha512-VJNw7OS26JvB6rE9XpbT6uQeQIEBWU5eeHGS4VR/+/4ZoKdLBXLcy66ZVJ/9IBkK1RMp8B0cohvhzdKWtJAGmg==}
+  /@babel/standalone@7.23.3:
+    resolution: {integrity: sha512-ZfB6wyLVqr9ANl1F0l/0aqoNUE1/kcWlQHmk0wF9OTEKDK1whkXYLruRMt53zY556yS2+84EsOpr1hpjZISTRg==}
     engines: {node: '>=6.9.0'}
     dev: true
 
@@ -487,30 +478,30 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.22.13
-      '@babel/parser': 7.23.0
-      '@babel/types': 7.23.0
+      '@babel/parser': 7.23.3
+      '@babel/types': 7.23.3
     dev: true
 
-  /@babel/traverse@7.23.2:
-    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
+  /@babel/traverse@7.23.3:
+    resolution: {integrity: sha512-+K0yF1/9yR0oHdE0StHuEj3uTPzwwbrLGfNOndVJVV2TqA5+j3oljJUb4nmB954FLGjNem976+B+eDuLIjesiQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.22.13
-      '@babel/generator': 7.23.0
+      '@babel/generator': 7.23.3
       '@babel/helper-environment-visitor': 7.22.20
       '@babel/helper-function-name': 7.23.0
       '@babel/helper-hoist-variables': 7.22.5
       '@babel/helper-split-export-declaration': 7.22.6
-      '@babel/parser': 7.23.0
-      '@babel/types': 7.23.0
+      '@babel/parser': 7.23.3
+      '@babel/types': 7.23.3
       debug: 4.3.4
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/types@7.23.0:
-    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
+  /@babel/types@7.23.3:
+    resolution: {integrity: sha512-OZnvoH2l8PK5eUvEcUyCt/sXgr/h+UWpVuBbOljwcrAgUl6lpchoQ++PHGyQy1AtYnVA6CEq3y5xeEI10brpXw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': 7.22.5
@@ -956,8 +947,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@fastify/busboy@2.0.0:
-    resolution: {integrity: sha512-JUFJad5lv7jxj926GPgymrWQxxjPYuJNiNjNMzqT+HiuP6Vl3dk5xzG+8sTX96np0ZAluvaMzPsjhHZ5rNuNQQ==}
+  /@fastify/busboy@2.1.0:
+    resolution: {integrity: sha512-+KpH+QxZU7O4675t3mnkQKcZZg56u+K/Ct2K+N2AZYNVK8kyeo/bI18tI8aPm3tvNNRyTWfj6s5tnGNlcbQRsA==}
     engines: {node: '>=14'}
     dev: true
 
@@ -982,6 +973,14 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.4.2
     dev: true
 
+  /@fortawesome/free-regular-svg-icons@6.4.2:
+    resolution: {integrity: sha512-0+sIUWnkgTVVXVAPQmW4vxb9ZTHv0WstOa3rBx9iPxrrrDH6bNLsDYuwXF9b6fGm+iR7DKQvQshUH/FJm3ed9Q==}
+    engines: {node: '>=6'}
+    requiresBuild: true
+    dependencies:
+      '@fortawesome/fontawesome-common-types': 6.4.2
+    dev: true
+
   /@fortawesome/free-solid-svg-icons@6.4.2:
     resolution: {integrity: sha512-sYwXurXUEQS32fZz9hVCUUv/xu49PEJEyUOsA51l6PU/qVgfbTb2glsTEaJngVVT8VqBATRIdh7XVgV1JF1LkA==}
     engines: {node: '>=6'}
@@ -1102,11 +1101,11 @@ packages:
       - supports-color
     dev: true
 
-  /@netlify/functions@2.3.0:
-    resolution: {integrity: sha512-E3kzXPWMP/r1rAWhjTaXcaOT47dhEvg/eQUJjRLhD9Zzp0WqkdynHr+bqff4rFNv6tuXrtFZrpbPJFKHH0c0zw==}
+  /@netlify/functions@2.4.0:
+    resolution: {integrity: sha512-dIqhdj5u4Lu/8qbYwtYpn8NfvIyPHbSTV2lAP4ocL+iwC9As06AXT0wa/xOpO2vRWJa0IMxdZaqCPnkyHlHiyg==}
     engines: {node: '>=14.0.0'}
     dependencies:
-      '@netlify/serverless-functions-api': 1.9.0
+      '@netlify/serverless-functions-api': 1.11.0
       is-promise: 4.0.0
     dev: true
 
@@ -1115,8 +1114,8 @@ packages:
     engines: {node: ^14.16.0 || >=16.0.0}
     dev: true
 
-  /@netlify/serverless-functions-api@1.9.0:
-    resolution: {integrity: sha512-Jq4uk1Mwa5vyxImupJYXPP+I5yYcp3PtguvXtJRutKdm9DPALXfZVtCQzBWMNdZiqVWCM3La9hvaBsPjSMfeug==}
+  /@netlify/serverless-functions-api@1.11.0:
+    resolution: {integrity: sha512-3splAsr2CekL7VTwgo6yTvzD2+f269/s+TJafYazonqMNNo31yzvFxD5HpLtni4DNE1ppymVKZ4X/rLN3yl0vQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     dependencies:
       '@netlify/node-cookies': 0.1.0
@@ -1151,7 +1150,7 @@ packages:
       agent-base: 7.1.0
       http-proxy-agent: 7.0.0
       https-proxy-agent: 7.0.2
-      lru-cache: 10.0.1
+      lru-cache: 10.0.2
       socks-proxy-agent: 8.0.2
     transitivePeerDependencies:
       - supports-color
@@ -1169,7 +1168,7 @@ packages:
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
       '@npmcli/promise-spawn': 7.0.0
-      lru-cache: 10.0.1
+      lru-cache: 10.0.2
       npm-pick-manifest: 9.0.0
       proc-log: 3.0.0
       promise-inflight: 1.0.1
@@ -1218,10 +1217,10 @@ packages:
     resolution: {integrity: sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==}
     dev: true
 
-  /@nuxt/devtools-kit@1.0.0(nuxt@3.8.1)(vite@4.5.0):
-    resolution: {integrity: sha512-cNloBepQYCBW6x/ctfCvyYRZudxhfgh5w5JDswpCzn7KXmm8U6abG2jyT0FXIaceW1d5QYMpGCN1RUw24wSvOA==}
+  /@nuxt/devtools-kit@1.0.2(nuxt@3.8.1)(vite@4.5.0):
+    resolution: {integrity: sha512-iFi54NNCcPsF/jW14HbRlq3aOClOWdfiein0CvKoQ5shobHgn1s3xULh8o9QPKI2oTarcuJL+EFIK43CwfoXyw==}
     peerDependencies:
-      nuxt: ^3.7.4
+      nuxt: ^3.8.1
       vite: '*'
     dependencies:
       '@nuxt/kit': 3.8.1
@@ -1234,15 +1233,15 @@ packages:
       - supports-color
     dev: true
 
-  /@nuxt/devtools-wizard@1.0.0:
-    resolution: {integrity: sha512-9OeZM2/Y4VuI06gdlDjmYM8yUzdfnywy4t2u2VAEfA2Lk7vk3U1lYn51IAqr+Gits9tp/Q9OiktMWmPLLNGgFw==}
+  /@nuxt/devtools-wizard@1.0.2:
+    resolution: {integrity: sha512-fY9Y0eCJG7eSuUgnjImWVfLZPZymoHxjrVsdhfKs3yRJvB2siaabluxvdy2OTYc+WpIxuey0hjqpv+dVtnYw1A==}
     hasBin: true
     dependencies:
       consola: 3.2.3
       diff: 5.1.0
       execa: 7.2.0
-      global-dirs: 3.0.1
-      magicast: 0.3.0
+      global-directory: 4.0.1
+      magicast: 0.3.2
       pathe: 1.1.1
       pkg-types: 1.0.3
       prompts: 2.4.2
@@ -1250,16 +1249,16 @@ packages:
       semver: 7.5.4
     dev: true
 
-  /@nuxt/devtools@1.0.0(nuxt@3.8.1)(vite@4.5.0):
-    resolution: {integrity: sha512-pM5AvystXlFPYOsGbH8PBxEYkttiEWHsZnGw660iMw8QedB6mAweT21XX9LDS69cqnRY5uTFqVOmO9Y4EYL3hg==}
+  /@nuxt/devtools@1.0.2(nuxt@3.8.1)(vite@4.5.0):
+    resolution: {integrity: sha512-nfqvRc36Sh20gDVs3pViHvcyyz3NmaNqgJnWUXgfjSCsT7G/p2wHsoNUXYYTF7kpk3kbNusftaWrIzAiTiXC9A==}
     hasBin: true
     peerDependencies:
-      nuxt: ^3.7.4
+      nuxt: ^3.8.1
       vite: '*'
     dependencies:
       '@antfu/utils': 0.7.6
-      '@nuxt/devtools-kit': 1.0.0(nuxt@3.8.1)(vite@4.5.0)
-      '@nuxt/devtools-wizard': 1.0.0
+      '@nuxt/devtools-kit': 1.0.2(nuxt@3.8.1)(vite@4.5.0)
+      '@nuxt/devtools-wizard': 1.0.2
       '@nuxt/kit': 3.8.1
       birpc: 0.2.14
       consola: 3.2.3
@@ -1269,14 +1268,13 @@ packages:
       fast-glob: 3.3.2
       flatted: 3.2.9
       get-port-please: 3.1.1
-      global-dirs: 3.0.1
       h3: 1.8.2
       hookable: 5.5.3
-      image-meta: 0.1.1
-      is-installed-globally: 0.4.0
+      image-meta: 0.2.0
+      is-installed-globally: 1.0.0
       launch-editor: 2.6.1
       local-pkg: 0.5.0
-      magicast: 0.3.0
+      magicast: 0.3.2
       nitropack: 2.7.2
       nuxt: 3.8.1(@types/node@18.18.9)(eslint@8.53.0)(typescript@5.2.2)(vite@4.5.0)
       nypm: 0.3.3
@@ -1291,9 +1289,9 @@ packages:
       semver: 7.5.4
       simple-git: 3.20.0
       sirv: 2.0.3
-      unimport: 3.4.0(rollup@3.29.4)
+      unimport: 3.5.0(rollup@3.29.4)
       vite: 4.5.0(@types/node@18.18.9)
-      vite-plugin-inspect: 0.7.41(@nuxt/kit@3.8.1)(vite@4.5.0)
+      vite-plugin-inspect: 0.7.42(@nuxt/kit@3.8.1)(vite@4.5.0)
       vite-plugin-vue-inspector: 4.0.0(vite@4.5.0)
       which: 3.0.1
       ws: 8.14.2
@@ -1338,7 +1336,7 @@ packages:
       semver: 7.5.4
       ufo: 1.3.1
       unctx: 2.3.1
-      unimport: 3.4.0(rollup@3.29.4)
+      unimport: 3.5.0(rollup@3.29.4)
       untyped: 1.4.0
     transitivePeerDependencies:
       - rollup
@@ -1357,7 +1355,7 @@ packages:
       pkg-types: 1.0.3
       std-env: 3.4.3
       ufo: 1.3.1
-      unimport: 3.4.0(rollup@3.29.4)
+      unimport: 3.5.0(rollup@3.29.4)
       untyped: 1.4.0
     transitivePeerDependencies:
       - rollup
@@ -1402,7 +1400,7 @@ packages:
     dependencies:
       '@nuxt/kit': 3.8.1
       '@rollup/plugin-replace': 5.0.5(rollup@3.29.4)
-      '@vitejs/plugin-vue': 4.4.0(vite@4.5.0)(vue@3.3.8)
+      '@vitejs/plugin-vue': 4.4.1(vite@4.5.0)(vue@3.3.8)
       '@vitejs/plugin-vue-jsx': 3.0.2(vite@4.5.0)(vue@3.3.8)
       autoprefixer: 10.4.16(postcss@8.4.31)
       clear: 0.1.0
@@ -2077,17 +2075,17 @@ packages:
       vite: ^4.0.0
       vue: ^3.0.0
     dependencies:
-      '@babel/core': 7.23.2
-      '@babel/plugin-transform-typescript': 7.22.15(@babel/core@7.23.2)
-      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.2)
+      '@babel/core': 7.23.3
+      '@babel/plugin-transform-typescript': 7.23.3(@babel/core@7.23.3)
+      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.3)
       vite: 4.5.0(@types/node@18.18.9)
       vue: 3.3.8(typescript@5.2.2)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-vue@4.4.0(vite@4.5.0)(vue@3.3.8):
-    resolution: {integrity: sha512-xdguqb+VUwiRpSg+nsc2HtbAUSGak25DXYvpQQi4RVU1Xq1uworyoH/md9Rfd8zMmPR/pSghr309QNcftUVseg==}
+  /@vitejs/plugin-vue@4.4.1(vite@4.5.0)(vue@3.3.8):
+    resolution: {integrity: sha512-HCQG8VDFDM7YDAdcj5QI5DvUi+r6xvo9LgvYdk7LSkUNwdpempdB5horkMSZsbdey9Ywsf5aaU8kEPw9M5kREA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       vite: ^4.0.0
@@ -2106,7 +2104,7 @@ packages:
       vue:
         optional: true
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
       '@rollup/pluginutils': 5.0.5(rollup@3.29.4)
       '@vue/compiler-sfc': 3.3.8
       ast-kit: 0.11.2
@@ -2121,17 +2119,17 @@ packages:
     resolution: {integrity: sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==}
     dev: true
 
-  /@vue/babel-plugin-jsx@1.1.5(@babel/core@7.23.2):
+  /@vue/babel-plugin-jsx@1.1.5(@babel/core@7.23.3):
     resolution: {integrity: sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.23.2
+      '@babel/core': 7.23.3
       '@babel/helper-module-imports': 7.22.15
-      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.23.2)
+      '@babel/plugin-syntax-jsx': 7.23.3(@babel/core@7.23.3)
       '@babel/template': 7.22.15
-      '@babel/traverse': 7.23.2
-      '@babel/types': 7.23.0
+      '@babel/traverse': 7.23.3
+      '@babel/types': 7.23.3
       '@vue/babel-helper-vue-transform-on': 1.1.5
       camelcase: 6.3.0
       html-tags: 3.3.1
@@ -2143,7 +2141,7 @@ packages:
   /@vue/compiler-core@3.3.8:
     resolution: {integrity: sha512-hN/NNBUECw8SusQvDSqqcVv6gWq8L6iAktUR0UF3vGu2OhzRqcOiAno0FmBJWwxhYEXRlQJT5XnoKsVq1WZx4g==}
     dependencies:
-      '@babel/parser': 7.23.0
+      '@babel/parser': 7.23.3
       '@vue/shared': 3.3.8
       estree-walker: 2.0.2
       source-map-js: 1.0.2
@@ -2157,7 +2155,7 @@ packages:
   /@vue/compiler-sfc@3.3.8:
     resolution: {integrity: sha512-WMzbUrlTjfYF8joyT84HfwwXo+8WPALuPxhy+BZ6R4Aafls+jDBnSz8PDz60uFhuqFbl3HxRfxvDzrUf3THwpA==}
     dependencies:
-      '@babel/parser': 7.23.0
+      '@babel/parser': 7.23.3
       '@vue/compiler-core': 3.3.8
       '@vue/compiler-dom': 3.3.8
       '@vue/compiler-ssr': 3.3.8
@@ -2181,7 +2179,7 @@ packages:
   /@vue/reactivity-transform@3.3.8:
     resolution: {integrity: sha512-49CvBzmZNtcHua0XJ7GdGifM8GOXoUMOX4dD40Y5DxI3R8OUhMlvf2nvgUAcPxaXiV5MQQ1Nwy09ADpnLQUqRw==}
     dependencies:
-      '@babel/parser': 7.23.0
+      '@babel/parser': 7.23.3
       '@vue/compiler-core': 3.3.8
       '@vue/shared': 3.3.8
       estree-walker: 2.0.2
@@ -2457,7 +2455,7 @@ packages:
     resolution: {integrity: sha512-Q0DjXK4ApbVoIf9GLyCo252tUH44iTnD/hiJ2TQaJeydYWSpKk0sI34+WMel8S9Wt5pbLgG02oJ+gkgX5DV3sQ==}
     engines: {node: '>=16.14.0'}
     dependencies:
-      '@babel/parser': 7.23.0
+      '@babel/parser': 7.23.3
       '@rollup/pluginutils': 5.0.5(rollup@3.29.4)
       pathe: 1.1.1
     transitivePeerDependencies:
@@ -2468,7 +2466,7 @@ packages:
     resolution: {integrity: sha512-kbL7ERlqjXubdDd+szuwdlQ1xUxEz9mCz1+m07ftNVStgwRb2RWw+U6oKo08PAvOishMxiqz1mlJyLl8yQx2Qg==}
     engines: {node: '>=16.14.0'}
     dependencies:
-      '@babel/parser': 7.23.0
+      '@babel/parser': 7.23.3
       '@rollup/pluginutils': 5.0.5(rollup@3.29.4)
       pathe: 1.1.1
     transitivePeerDependencies:
@@ -2479,7 +2477,7 @@ packages:
     resolution: {integrity: sha512-NsyHMxBh4dmdEHjBo1/TBZvCKxffmZxRYhmclfu0PP6Aftre47jOHYaYaNqJcV0bxihxFXhDkzLHUwHc0ocd0Q==}
     engines: {node: '>=16.14.0'}
     dependencies:
-      '@babel/parser': 7.23.0
+      '@babel/parser': 7.23.3
       ast-kit: 0.9.5
     transitivePeerDependencies:
       - rollup
@@ -2518,8 +2516,8 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /axios@1.6.0:
-    resolution: {integrity: sha512-EZ1DYihju9pwVB+jg67ogm+Tmqc6JmhamRN6I4Zt8DfZu5lbcQGw3ozH9lFejSJgs/ibaef3A9PMXPLeefFGJg==}
+  /axios@1.6.1:
+    resolution: {integrity: sha512-vfBmhDpKafglh0EldBEbVuoe7DyAavGSLWhuSm5ZSEKQnHhBf0xAAwybbNH1IkrJNGnS/VG4I5yxig1pCEXE4g==}
     dependencies:
       follow-redirects: 1.15.3
       form-data: 4.0.0
@@ -2593,7 +2591,7 @@ packages:
     hasBin: true
     dependencies:
       caniuse-lite: 1.0.30001561
-      electron-to-chromium: 1.4.578
+      electron-to-chromium: 1.4.581
       node-releases: 2.0.13
       update-browserslist-db: 1.0.13(browserslist@4.22.1)
     dev: true
@@ -2654,7 +2652,7 @@ packages:
       '@npmcli/fs': 3.1.0
       fs-minipass: 3.0.3
       glob: 10.3.10
-      lru-cache: 10.0.1
+      lru-cache: 10.0.2
       minipass: 7.0.4
       minipass-collect: 1.0.2
       minipass-flush: 1.0.5
@@ -3262,8 +3260,8 @@ packages:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
     dev: true
 
-  /electron-to-chromium@1.4.578:
-    resolution: {integrity: sha512-V0ZhSu1BQZKfG0yNEL6Dadzik8E1vAzfpVOapdSiT9F6yapEJ3Bk+4tZ4SMPdWiUchCgnM/ByYtBzp5ntzDMIA==}
+  /electron-to-chromium@1.4.581:
+    resolution: {integrity: sha512-6uhqWBIapTJUxgPTCHH9sqdbxIMPt7oXl0VcAL1kOtlU6aECdcMncCrX5Z7sHQ/invtrC9jUQUef7+HhO8vVFw==}
     dev: true
 
   /emoji-regex@8.0.0:
@@ -3487,7 +3485,7 @@ packages:
       eslint-plugin-promise: 6.1.1(eslint@8.53.0)
     dev: true
 
-  /eslint-config-standard@17.1.0(eslint-plugin-import@2.29.0)(eslint-plugin-n@16.3.0)(eslint-plugin-promise@6.1.1)(eslint@8.53.0):
+  /eslint-config-standard@17.1.0(eslint-plugin-import@2.29.0)(eslint-plugin-n@16.3.1)(eslint-plugin-promise@6.1.1)(eslint@8.53.0):
     resolution: {integrity: sha512-IwHwmaBNtDK4zDHQukFDW5u/aTb8+meQWZvNFWkiGmbWjD6bqyuSSBxxXKkCftCUzc1zwCH2m/baCNDLGmuO5Q==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
@@ -3498,7 +3496,7 @@ packages:
     dependencies:
       eslint: 8.53.0
       eslint-plugin-import: 2.29.0(@typescript-eslint/parser@6.10.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.53.0)
-      eslint-plugin-n: 16.3.0(eslint@8.53.0)
+      eslint-plugin-n: 16.3.1(eslint@8.53.0)
       eslint-plugin-promise: 6.1.1(eslint@8.53.0)
     dev: true
 
@@ -3650,8 +3648,8 @@ packages:
       semver: 7.5.4
     dev: true
 
-  /eslint-plugin-n@16.3.0(eslint@8.53.0):
-    resolution: {integrity: sha512-/XZLH5CUXGK3laz3xYFNza8ZxLCq8ZNW6MsVw5z3d5hc2AwZzi0fPiySFZHQTdVDOHGs2cGv91aqzWmgBdq2gQ==}
+  /eslint-plugin-n@16.3.1(eslint@8.53.0):
+    resolution: {integrity: sha512-w46eDIkxQ2FaTHcey7G40eD+FhTXOdKudDXPUO2n9WNcslze/i/HT2qJ3GXjHngYSGDISIgPNhwGtgoix4zeOw==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
       eslint: '>=7.0.0'
@@ -3662,6 +3660,7 @@ packages:
       eslint-plugin-es-x: 7.3.0(eslint@8.53.0)
       get-tsconfig: 4.7.2
       ignore: 5.2.4
+      is-builtin-module: 3.2.1
       is-core-module: 2.13.1
       minimatch: 3.1.2
       resolve: 1.22.8
@@ -3973,7 +3972,7 @@ packages:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
-      flat-cache: 3.1.1
+      flat-cache: 3.2.0
     dev: true
 
   /file-uri-to-path@1.0.0:
@@ -4003,9 +4002,9 @@ packages:
       path-exists: 4.0.0
     dev: true
 
-  /flat-cache@3.1.1:
-    resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
-    engines: {node: '>=12.0.0'}
+  /flat-cache@3.2.0:
+    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
+    engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
       flatted: 3.2.9
       keyv: 4.5.4
@@ -4279,11 +4278,11 @@ packages:
       once: 1.4.0
     dev: true
 
-  /global-dirs@3.0.1:
-    resolution: {integrity: sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==}
-    engines: {node: '>=10'}
+  /global-directory@4.0.1:
+    resolution: {integrity: sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==}
+    engines: {node: '>=18'}
     dependencies:
-      ini: 2.0.0
+      ini: 4.1.1
     dev: true
 
   /globals@11.12.0:
@@ -4426,7 +4425,7 @@ packages:
     resolution: {integrity: sha512-+K84LB1DYwMHoHSgaOY/Jfhw3ucPmSET5v98Ke/HdNSw4a0UktWzyW1mjhjpuxxTqOOsfWT/7iVshHmVZ4IpOA==}
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
-      lru-cache: 10.0.1
+      lru-cache: 10.0.2
     dev: true
 
   /html-tags@3.3.1:
@@ -4524,9 +4523,8 @@ packages:
     engines: {node: '>= 4'}
     dev: true
 
-  /image-meta@0.1.1:
-    resolution: {integrity: sha512-+oXiHwOEPr1IE5zY0tcBLED/CYcre15J4nwL50x3o0jxWqEkyjrusiKP3YSU+tr9fvJp33ZcP5Gpj2295g3aEw==}
-    engines: {node: '>=10.18.0'}
+  /image-meta@0.2.0:
+    resolution: {integrity: sha512-ZBGjl0ZMEMeOC3Ns0wUF/5UdUmr3qQhBSCniT0LxOgGGIRHiNFOkMtIHB7EOznRU47V2AxPgiVP+s+0/UCU0Hg==}
     dev: true
 
   /import-fresh@3.3.0:
@@ -4562,9 +4560,9 @@ packages:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
     dev: true
 
-  /ini@2.0.0:
-    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
-    engines: {node: '>=10'}
+  /ini@4.1.1:
+    resolution: {integrity: sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dev: true
 
   /internal-slot@1.0.6:
@@ -4696,12 +4694,12 @@ packages:
       is-docker: 3.0.0
     dev: true
 
-  /is-installed-globally@0.4.0:
-    resolution: {integrity: sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==}
-    engines: {node: '>=10'}
+  /is-installed-globally@1.0.0:
+    resolution: {integrity: sha512-K55T22lfpQ63N4KEN57jZUAaAYqYHEe8veb/TycJRk9DdSCLLcovXz/mL6mOnhQaZsQGwPhuFopdQIlqGSEjiQ==}
+    engines: {node: '>=18'}
     dependencies:
-      global-dirs: 3.0.1
-      is-path-inside: 3.0.3
+      global-directory: 4.0.1
+      is-path-inside: 4.0.0
     dev: true
 
   /is-lambda@1.0.1:
@@ -4734,6 +4732,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /is-path-inside@4.0.0:
+    resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==}
+    engines: {node: '>=12'}
+    dev: true
+
   /is-primitive@3.0.1:
     resolution: {integrity: sha512-GljRxhWvlCNRfZyORiH77FwdFwGcMO620o37EOYC0ORWdq+WYNVqW0w2Juzew4M+L81l6/QS3t5gkkihyRqv9w==}
     engines: {node: '>=0.10.0'}
@@ -5055,9 +5058,11 @@ packages:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
     dev: true
 
-  /lru-cache@10.0.1:
-    resolution: {integrity: sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==}
+  /lru-cache@10.0.2:
+    resolution: {integrity: sha512-Yj9mA8fPiVgOUpByoTZO5pNrcl5Yk37FcSHsUINpAsaBIEZIuqcCclDZJCVxqQShDsmYX8QG63svJiTbOATZwg==}
     engines: {node: 14 || >=16.14}
+    dependencies:
+      semver: 7.5.4
     dev: true
 
   /lru-cache@5.1.1:
@@ -5086,11 +5091,11 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /magicast@0.3.0:
-    resolution: {integrity: sha512-ZsEzw35h7xYoFlWHIyxU6zmH4sdwzdmY0DY4s/Lie/qKimeijz2jRw8/OV2248kt/y6FbvoTvGRKyB7y/Mpx8w==}
+  /magicast@0.3.2:
+    resolution: {integrity: sha512-Fjwkl6a0syt9TFN0JSYpOybxiMCkYNEeOTnOTNRbjphirLakznZXAqrXgj/7GG3D1dvETONNwrBfinvAbpunDg==}
     dependencies:
-      '@babel/parser': 7.23.0
-      '@babel/types': 7.23.0
+      '@babel/parser': 7.23.3
+      '@babel/types': 7.23.3
       source-map-js: 1.0.2
     dev: true
 
@@ -5355,7 +5360,7 @@ packages:
         optional: true
     dependencies:
       '@cloudflare/kv-asset-handler': 0.3.0
-      '@netlify/functions': 2.3.0
+      '@netlify/functions': 2.4.0
       '@rollup/plugin-alias': 5.0.1(rollup@3.29.4)
       '@rollup/plugin-commonjs': 25.0.7(rollup@3.29.4)
       '@rollup/plugin-inject': 5.0.5(rollup@3.29.4)
@@ -5398,7 +5403,7 @@ packages:
       node-fetch-native: 1.4.1
       ofetch: 1.3.3
       ohash: 1.1.3
-      openapi-typescript: 6.7.0
+      openapi-typescript: 6.7.1
       pathe: 1.1.1
       perfect-debounce: 1.0.0
       pkg-types: 1.0.3
@@ -5415,7 +5420,7 @@ packages:
       uncrypto: 0.1.3
       unctx: 2.3.1
       unenv: 1.7.4
-      unimport: 3.4.0(rollup@3.29.4)
+      unimport: 3.5.0(rollup@3.29.4)
       unstorage: 1.9.0
     transitivePeerDependencies:
       - '@azure/app-configuration'
@@ -5440,7 +5445,7 @@ packages:
   /node-appwrite@11.0.0:
     resolution: {integrity: sha512-l+O0d1kCvY56NdlmsiWw91IlUzJszNW7FZodGCyvNlJeR4+JIpy9Mica3T4M+zvZGsbRqLhpghCysQmPBwwhQA==}
     dependencies:
-      axios: 1.6.0
+      axios: 1.6.1
       form-data: 4.0.0
     transitivePeerDependencies:
       - debug
@@ -5664,7 +5669,7 @@ packages:
         optional: true
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.0.0(nuxt@3.8.1)(vite@4.5.0)
+      '@nuxt/devtools': 1.0.2(nuxt@3.8.1)(vite@4.5.0)
       '@nuxt/kit': 3.8.1
       '@nuxt/schema': 3.8.1
       '@nuxt/telemetry': 2.5.2
@@ -5711,7 +5716,7 @@ packages:
       uncrypto: 0.1.3
       unctx: 2.3.1
       unenv: 1.7.4
-      unimport: 3.4.0(rollup@3.29.4)
+      unimport: 3.5.0(rollup@3.29.4)
       unplugin: 1.5.0
       unplugin-vue-router: 0.7.0(vue-router@4.2.5)(vue@3.3.8)
       untyped: 1.4.0
@@ -5880,8 +5885,8 @@ packages:
       is-wsl: 2.2.0
     dev: true
 
-  /openapi-typescript@6.7.0:
-    resolution: {integrity: sha512-eoUfJwhnMEug7euZ1dATG7iRiDVsEROwdPkhLUDiaFjcClV4lzft9F0Ii0fYjULCPNIiWiFi0BqMpSxipuvAgQ==}
+  /openapi-typescript@6.7.1:
+    resolution: {integrity: sha512-Q3Ltt0KUm2smcPrsaR8qKmSwQ1KM4yGDJVoQdpYa0yvKPeN8huDx5utMT7DvwvJastHHzUxajjivK3WN2+fobg==}
     hasBin: true
     dependencies:
       ansi-colors: 4.1.3
@@ -6042,7 +6047,7 @@ packages:
     resolution: {integrity: sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==}
     engines: {node: '>=16 || 14 >=14.17'}
     dependencies:
-      lru-cache: 10.0.1
+      lru-cache: 10.0.2
       minipass: 7.0.4
     dev: true
 
@@ -6420,7 +6425,7 @@ packages:
     dependencies:
       postcss: 8.4.31
       postcss-value-parser: 4.2.0
-      svgo: 3.0.2
+      svgo: 3.0.3
     dev: true
 
   /postcss-unique-selectors@6.0.0(postcss@8.4.31):
@@ -7025,8 +7030,8 @@ packages:
     resolution: {integrity: sha512-f9aPhy8fYBuMN+sNfakZV18U39PbalgjXG3lLB9WkaYTxijru61wb57V9wxxNthXM5Sd88ETBWi29qLAsHO52Q==}
     dev: true
 
-  /streamx@2.15.2:
-    resolution: {integrity: sha512-b62pAV/aeMjUoRN2C/9F0n+G8AfcJjNC0zw/ZmOHeFsIe4m4GzjVW9m6VHXVjk536NbdU9JRwKMJRfkc+zUFTg==}
+  /streamx@2.15.4:
+    resolution: {integrity: sha512-uSXKl88bibiUCQ1eMpItRljCzDENcDx18rsfDmV79r0e/ThfrAwxG4Y2FarQZ2G4/21xcOKmFFd1Hue+ZIDwHw==}
     dependencies:
       fast-fifo: 1.3.2
       queue-tick: 1.0.1
@@ -7187,8 +7192,8 @@ packages:
     resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
     dev: true
 
-  /svgo@3.0.2:
-    resolution: {integrity: sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==}
+  /svgo@3.0.3:
+    resolution: {integrity: sha512-X4UZvLhOglD5Xrp834HzGHf8RKUW0Ahigg/08yRO1no9t2NxffOkMiQ0WmaMIbaGlVTlSst2zWANsdhz5ybXgA==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
@@ -7250,7 +7255,7 @@ packages:
     dependencies:
       b4a: 1.6.4
       fast-fifo: 1.3.2
-      streamx: 2.15.2
+      streamx: 2.15.4
     dev: true
 
   /tar@6.2.0:
@@ -7472,7 +7477,7 @@ packages:
     resolution: {integrity: sha512-iS857PdOEy/y3wlM3yRp+6SNQQ6xU0mmZcwRSriqk+et/cwWAtwmIGf6WkoDN2EK/AMdCO/dfXzIwi+rFMrjjQ==}
     engines: {node: '>=14.0'}
     dependencies:
-      '@fastify/busboy': 2.0.0
+      '@fastify/busboy': 2.1.0
     dev: true
 
   /unenv@1.7.4:
@@ -7494,13 +7499,13 @@ packages:
       hookable: 5.5.3
     dev: true
 
-  /unimport@3.4.0(rollup@3.29.4):
-    resolution: {integrity: sha512-M/lfFEgufIT156QAr/jWHLUn55kEmxBBiQsMxvRSIbquwmeJEyQYgshHDEvQDWlSJrVOOTAgnJ3FvlsrpGkanA==}
+  /unimport@3.5.0(rollup@3.29.4):
+    resolution: {integrity: sha512-0Ei1iTeSYxs7oxxUf79/KaBc2dPjZxe7qdVpw7yIz5YcdTZjmBYO6ToLDW+fX9QOHiueZ3xtwb5Z/wqaSfXx6A==}
     dependencies:
       '@rollup/pluginutils': 5.0.5(rollup@3.29.4)
       escape-string-regexp: 5.0.0
       fast-glob: 3.3.2
-      local-pkg: 0.4.3
+      local-pkg: 0.5.0
       magic-string: 0.30.5
       mlly: 1.4.2
       pathe: 1.1.1
@@ -7539,7 +7544,7 @@ packages:
       vue-router:
         optional: true
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.23.3
       '@rollup/pluginutils': 5.0.5(rollup@3.29.4)
       '@vue-macros/common': 1.8.0(vue@3.3.8)
       ast-walker-scope: 0.5.0
@@ -7611,7 +7616,7 @@ packages:
       h3: 1.8.2
       ioredis: 5.3.2
       listhen: 1.5.5
-      lru-cache: 10.0.1
+      lru-cache: 10.0.2
       mri: 1.2.0
       node-fetch-native: 1.4.1
       ofetch: 1.3.3
@@ -7638,9 +7643,9 @@ packages:
     resolution: {integrity: sha512-Egkr/s4zcMTEuulcIb7dgURS6QpN7DyqQYdf+jBtiaJvQ+eRsrtWUoX84SbvQWuLkXsOjM+8sJC9u6KoMK/U7Q==}
     hasBin: true
     dependencies:
-      '@babel/core': 7.23.2
-      '@babel/standalone': 7.23.2
-      '@babel/types': 7.23.0
+      '@babel/core': 7.23.3
+      '@babel/standalone': 7.23.3
+      '@babel/types': 7.23.3
       defu: 6.1.3
       jiti: 1.21.0
       mri: 1.2.0
@@ -7767,8 +7772,8 @@ packages:
       vscode-uri: 3.0.8
     dev: true
 
-  /vite-plugin-inspect@0.7.41(@nuxt/kit@3.8.1)(vite@4.5.0):
-    resolution: {integrity: sha512-gASdFRO4CHDQF8qAk9LZEJyzlIJM4bFvDn7hz0e2r1PS6uq+yukd8+jHctOAbvCceQoTS5iDAgd4/mWcGWYoMw==}
+  /vite-plugin-inspect@0.7.42(@nuxt/kit@3.8.1)(vite@4.5.0):
+    resolution: {integrity: sha512-JCyX86wr3siQc+p9Kd0t8VkFHAJag0RaQVIpdFGSv5FEaePEVB6+V/RGtz2dQkkGSXQzRWrPs4cU3dRKg32bXw==}
     engines: {node: '>=14'}
     peerDependencies:
       '@nuxt/kit': '*'
@@ -7797,12 +7802,12 @@ packages:
     peerDependencies:
       vite: ^3.0.0-0 || ^4.0.0-0
     dependencies:
-      '@babel/core': 7.23.2
-      '@babel/plugin-proposal-decorators': 7.23.2(@babel/core@7.23.2)
-      '@babel/plugin-syntax-import-attributes': 7.22.5(@babel/core@7.23.2)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.23.2)
-      '@babel/plugin-transform-typescript': 7.22.15(@babel/core@7.23.2)
-      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.2)
+      '@babel/core': 7.23.3
+      '@babel/plugin-proposal-decorators': 7.23.3(@babel/core@7.23.3)
+      '@babel/plugin-syntax-import-attributes': 7.23.3(@babel/core@7.23.3)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.23.3)
+      '@babel/plugin-transform-typescript': 7.23.3(@babel/core@7.23.3)
+      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.3)
       '@vue/compiler-dom': 3.3.8
       kolorist: 1.8.0
       magic-string: 0.30.5