diff --git a/packages/vue3/package.json b/packages/vue3/package.json
index e3ce3884..21b9705c 100644
--- a/packages/vue3/package.json
+++ b/packages/vue3/package.json
@@ -92,7 +92,7 @@
     "typescript": "4.8.2",
     "unocss": "^0.47.6",
     "vite": "^4.0.3",
-    "vue": "^3.2.45",
+    "vue": "^3.3.0",
     "vue-tsc": "1.0.9"
   }
 }
diff --git a/packages/vue3/src/_dev/App.vue b/packages/vue3/src/_dev/App.vue
index 1e2f1081..d539f3c6 100644
--- a/packages/vue3/src/_dev/App.vue
+++ b/packages/vue3/src/_dev/App.vue
@@ -1,24 +1,134 @@
 <script setup lang="ts">
 import 'uno.css';
-import '../assets/main.css';
-import { Alert } from '~/components';
+import '~/assets/main.css';
+import { ref } from 'vue';
+import { PrimaryButton, ResourcePicker } from '~/components';
+import type { Resource } from '~/components/ResourcePicker/types';
+
+const MOCK_RESOURCES: Resource[] = [
+  {
+    id: 1,
+    thumbnailUrl: '',
+    name: 'Apple MacBook Pro',
+    price: '$10.99',
+    stock: 99,
+    isChecked: false,
+    variants: [
+      {
+        id: 33,
+        thumbnailUrl: '',
+        name: 'Apple MacBook Pro 16 M3 Max',
+        price: '$10.99',
+        stock: 99,
+        isChecked: false,
+      },
+      {
+        id: 21,
+        thumbnailUrl: '',
+        name: 'Apple MacBook Pro 14 M3 Pro',
+        price: '$10.99',
+        stock: 99,
+        isChecked: false,
+      },
+    ],
+  },
+  {
+    id: 2,
+    thumbnailUrl: '',
+    name: 'Apple iMac',
+    price: '$10.99',
+    stock: 99,
+    isChecked: false,
+  },
+  {
+    id: 3,
+    thumbnailUrl: '',
+    name: 'Apple Watch',
+    price: '$10.99',
+    stock: 99,
+    isChecked: false,
+  },
+];
+
+const showPicker = ref(false);
+const showLoadingPicker = ref(false);
+const showEmptyPicker = ref(false);
+const selectedResources = ref<Resource[]>([]);
+
+const onConfirm = (resources: Resource[]) => {
+  selectedResources.value = resources;
+  showPicker.value = false;
+};
+
+const onSearch = (term: string) => {
+  console.log('Search term:', term);
+};
 </script>
 
 <template>
   <div class="container">
-    <Alert type="error">
-      <template #title>
-        Profile Updated
-      </template>
-      <template #description>
-        Your profile information has been successfully updated.
-      </template>
-    </Alert>
+    <div class="picker">
+      <ResourcePicker
+        v-model:visible="showPicker"
+        :resources="MOCK_RESOURCES"
+        stock-label="in stock"
+        :is-loading="false"
+        @confirm="onConfirm"
+        @search="onSearch"
+      />
+      <PrimaryButton @click="showPicker = true;">
+        <span>Open Picker</span>
+      </PrimaryButton>
+    </div>
+    <div class="picker">
+      <ResourcePicker
+        v-model:visible="showLoadingPicker"
+        :is-loading="true"
+      />
+      <PrimaryButton @click="showLoadingPicker = true;">
+        <span>Open Loading Picker</span>
+      </PrimaryButton>
+    </div>
+    <div class="picker">
+      <ResourcePicker
+        v-model:visible="showEmptyPicker"
+        :resources="[]"
+        :is-loading="false"
+      />
+      <PrimaryButton @click="showEmptyPicker = true;">
+        <span>Open Empty Picker</span>
+      </PrimaryButton>
+    </div>
+    <div class="selection-container">
+      <p>Selected Resources:</p>
+      <pre>{{ selectedResources }}</pre>
+    </div>
   </div>
 </template>
 
 <style scoped>
-div {
-  margin: 10px;
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100vw;
+  min-height: 100vh;
+  margin: 0 auto;
+  padding: 32px 0;
+  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
+  font-family: "Mona Sans";
+  gap: 32px;
+}
+
+.selection-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-width: 400px;
+  padding: 32px;
+  border: 1px solid var(--gray-200);
+  border-radius: 8px;
 }
 </style>
diff --git a/packages/vue3/src/components/Checkbox/Checkbox.vue b/packages/vue3/src/components/Checkbox/Checkbox.vue
index 3994290c..bec32b2b 100644
--- a/packages/vue3/src/components/Checkbox/Checkbox.vue
+++ b/packages/vue3/src/components/Checkbox/Checkbox.vue
@@ -28,7 +28,8 @@ const idAttr = Utils.uid('checkbox');
   <label :for="idAttr" v-bind="$attrs">
     <div class="checkbox" :class="{ 'has-label': slots.label }">
       <input v-bind="$attrs" :id="idAttr" v-model="model" type="checkbox" class="input" :value="value">
-      <span class="checkmark" :class="{ checked }"> <i class="i-youcan-check" /> </span>
+      <span v-if="!$attrs.indeterminate" class="checkmark" :class="{ checked }"> <i class="i-youcan-check" /> </span>
+      <span v-else class="checkmark" :class="[{ checked }]"> <i class="i-youcan-minus" /> </span>
     </div>
     <div v-if="slots.label" class="label">
       <slot name="label" />
@@ -44,6 +45,7 @@ label {
 
 .label {
   display: inline-block;
+  flex: 1;
   font: var(--text-sm-regular);
 }
 
diff --git a/packages/vue3/src/components/ResourcePicker/Internal/Resource.vue b/packages/vue3/src/components/ResourcePicker/Internal/Resource.vue
new file mode 100644
index 00000000..5f5bce27
--- /dev/null
+++ b/packages/vue3/src/components/ResourcePicker/Internal/Resource.vue
@@ -0,0 +1,94 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { Checkbox, Thumbnail } from '~/components';
+import type { ResourceProps } from '~/components/ResourcePicker/types';
+
+const props = withDefaults(defineProps<ResourceProps>(), {
+  stockLabel: 'Stock',
+  name: 'Name',
+  showStock: false,
+  showThumbnail: true,
+});
+const emit = defineEmits(['change', 'update:model-value']);
+
+const model = computed({
+  get: () => props.modelValue,
+  set: (value: boolean) => emit('update:model-value', value),
+});
+
+function handleCheck(e: Event) {
+  emit('change', e, props.resource);
+}
+</script>
+
+<template>
+  <Checkbox v-model="model" class="container" :class="!showThumbnail && 'variant'" :indeterminate="indeterminate" @change.stop="handleCheck">
+    <template #label>
+      <div class="content">
+        <div class="info">
+          <Thumbnail v-if="showThumbnail" :src="resource.thumbnailUrl" />
+          <p class="name">
+            {{ resource.name }}
+          </p>
+        </div>
+        <div class="inventory-price">
+          <span v-if="showStock" class="stock">{{ resource.stock }} {{ stockLabel }}</span>
+          <p class="price">
+            {{ resource.price }}
+          </p>
+        </div>
+      </div>
+    </template>
+  </Checkbox>
+</template>
+
+<style scoped>
+.container {
+  display: flex;
+  justify-content: start;
+  padding: 0 16px;
+  transition: background-color 0.3s;
+  border-bottom: var(--border);
+  cursor: pointer;
+  gap: 8px;
+}
+
+.container:hover {
+  background-color: var(--gray-50);
+}
+
+.variant {
+  padding-inline-start: 52px;
+}
+
+.content {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.info {
+  display: flex;
+  flex-basis: 55%;
+  align-items: center;
+  gap: 8px;
+}
+
+.info .thumbnail {
+  margin: 16px 0;
+}
+
+.inventory-price {
+  display: flex;
+  flex-basis: 45%;
+  align-items: center;
+  gap: 16px;
+  justify-content: end;
+}
+
+.inventory-price .stock {
+  color: var(--gray-400);
+}
+</style>
diff --git a/packages/vue3/src/components/ResourcePicker/ResourcePicker.vue b/packages/vue3/src/components/ResourcePicker/ResourcePicker.vue
new file mode 100644
index 00000000..ce1b3876
--- /dev/null
+++ b/packages/vue3/src/components/ResourcePicker/ResourcePicker.vue
@@ -0,0 +1,236 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import ResourceItem from './Internal/Resource.vue';
+import type { PickerProps, Resource } from './types';
+import { isEmptyArray } from './utils';
+import Overlay from '~/components/Overlay/Overlay.vue';
+import { Input, PrimaryButton, SecondaryButton, Spinner, TertiaryButton } from '~/components';
+
+const props = withDefaults(defineProps<PickerProps>(), {
+  visible: false,
+  title: 'Choose resource',
+  selectionLabel: 'resources selected',
+  confirmLabel: 'Add',
+  cancelLabel: 'Cancel',
+  isLoading: true,
+  emptyStateLabel: 'No resources available',
+});
+const emit = defineEmits(['update:visible', 'confirm', 'search']);
+
+const resources = ref(props.resources);
+const term = ref('');
+
+const selectedResources = computed(() => {
+  const selectedResources = resources.value?.filter(res => res.isChecked || res.isIndeterminate);
+
+  return selectedResources;
+});
+
+const closePicker = () => {
+  emit('update:visible', false);
+};
+
+const handleAdd = () => {
+  const selectedResourcesWithVariants = selectedResources.value?.map((resource) => {
+    if (resource.variants) {
+      return {
+        ...resource,
+        variants: resource.variants.filter(variant => variant.isChecked),
+      };
+    }
+
+    return { ...resource };
+  });
+
+  emit('confirm', selectedResourcesWithVariants);
+};
+
+const handleClick = (_: Event, resource: Resource, parent: Resource) => {
+  if (parent) { // clicked resource is a variant/child
+    const areAllVariantsSelected = parent?.variants?.every(variant => variant.isChecked);
+    if (areAllVariantsSelected) {
+      parent.isChecked = areAllVariantsSelected;
+      parent.isIndeterminate = false;
+    }
+    else {
+      const areSomeVariantsSelected = parent?.variants?.some(variant => variant.isChecked);
+      parent.isChecked = areSomeVariantsSelected as boolean;
+      parent.isIndeterminate = areSomeVariantsSelected;
+    }
+
+    return;
+  }
+
+  if (resource.variants) {
+    resource.isIndeterminate = false;
+
+    resources.value?.forEach((parentResource) => {
+      if (parentResource.id !== resource.id) {
+        return;
+      }
+      parentResource.isChecked = resource.isChecked;
+      parentResource.variants?.forEach((variant) => {
+        variant.isChecked = resource.isChecked;
+      });
+    });
+  }
+};
+
+const handleSearch = (e: Event) => {
+  const { target } = e;
+  const term = (target as HTMLButtonElement).value;
+
+  emit('search', term);
+};
+</script>
+
+<template>
+  <Transition name="fade">
+    <Overlay v-show="visible">
+      <div class="picker">
+        <div class="header">
+          <span>{{ title }}</span>
+          <TertiaryButton @click="closePicker">
+            <i class="i-youcan-x" />
+          </TertiaryButton>
+        </div>
+        <div class="search">
+          <Input v-model.trim="term" placeholder="Search" @input.stop="handleSearch" @keyup.enter.stop="handleSearch" />
+        </div>
+        <div v-if="isLoading" class="loading">
+          <Spinner label="" />
+        </div>
+        <ul v-else-if="!isEmptyArray(resources)" class="list">
+          <li v-for="resource in resources" :key="resource.id" class="resource">
+            <ResourceItem
+              v-model="resource.isChecked"
+              :resource="resource"
+              :thumbnail-url="resource.thumbnailUrl"
+              show-stock
+              :stock-label="stockLabel"
+              :indeterminate="resource.isIndeterminate"
+              @change="handleClick"
+            />
+            <ul v-if="resource.variants">
+              <li v-for="(variant, index) in resource.variants" :key="variant.id">
+                <ResourceItem
+                  v-model="resource.variants[index].isChecked"
+                  :resource="variant"
+                  :thumbnail-url="variant.thumbnailUrl"
+                  show-stock
+                  :stock-label="stockLabel"
+                  :show-thumbnail="false"
+                  @change="handleClick($event, variant, resource)"
+                />
+              </li>
+            </ul>
+          </li>
+        </ul>
+        <span v-else class="empty-state">{{ emptyStateLabel }}</span>
+        <div class="footer">
+          <span class="selection">{{ selectedResources?.length }} {{ selectionLabel }}</span>
+          <div class="actions">
+            <SecondaryButton @click="closePicker">
+              <span>{{ cancelLabel }}</span>
+            </SecondaryButton>
+            <PrimaryButton :disabled="isLoading || isEmptyArray(resources)" @click="handleAdd">
+              <span>{{ confirmLabel }}</span>
+            </PrimaryButton>
+          </div>
+        </div>
+      </div>
+    </Overlay>
+  </Transition>
+</template>
+
+<style scoped>
+.picker {
+  --border: 1px solid var(--gray-100);
+
+  width: 620px;
+  border-radius: 5px;
+  background-color: var(--base-white);
+}
+
+.header {
+  padding: 8px 16px;
+  border-bottom: var(--border);
+}
+
+.header,
+.footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.search {
+  padding: 16px;
+  border-bottom: var(--border);
+  background-color: var(--gray-50);
+}
+
+.footer {
+  padding: 16px;
+  border-top: 1px solid var(--gray-200);
+}
+
+.selection {
+  color: var(--gray-400);
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+}
+
+.loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+}
+
+.list {
+  position: relative;
+  max-height: 500px;
+  margin: 0;
+  padding: 0;
+  overflow: scroll;
+  list-style: none;
+}
+
+.list::after {
+  content: "";
+  display: block;
+  position: sticky;
+  bottom: 0;
+  width: 100%;
+  height: 80px;
+  background: linear-gradient(#fff0, var(--base-white));
+}
+
+.empty-state {
+  display: block;
+  padding: 16px 24px;
+  color: var(--gray-400);
+  text-align: center;
+}
+
+.container ul li > ul {
+  padding: 0;
+  list-style: none;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.35s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>
diff --git a/packages/vue3/src/components/ResourcePicker/types.ts b/packages/vue3/src/components/ResourcePicker/types.ts
new file mode 100644
index 00000000..88221c72
--- /dev/null
+++ b/packages/vue3/src/components/ResourcePicker/types.ts
@@ -0,0 +1,37 @@
+interface BaseResource {
+  id?: number | string
+  price?: string
+  stock?: number
+  name?: string
+  thumbnailUrl?: string
+  isChecked: boolean
+  isIndeterminate?: boolean
+}
+
+export interface Variant extends BaseResource {}
+
+export interface Resource extends BaseResource {
+  variants?: Variant[]
+}
+
+export interface ResourceProps {
+  resource: Resource
+  isChecked?: boolean
+  showStock?: boolean
+  showThumbnail?: boolean
+  stockLabel?: string
+  modelValue: boolean
+  indeterminate?: boolean
+}
+
+export interface PickerProps {
+  visible: boolean
+  title?: string
+  resources?: Resource[]
+  selectionLabel?: string
+  stockLabel?: string
+  confirmLabel?: string
+  cancelLabel?: string
+  isLoading?: boolean
+  emptyStateLabel?: string
+}
diff --git a/packages/vue3/src/components/ResourcePicker/utils.ts b/packages/vue3/src/components/ResourcePicker/utils.ts
new file mode 100644
index 00000000..2eb539e9
--- /dev/null
+++ b/packages/vue3/src/components/ResourcePicker/utils.ts
@@ -0,0 +1,3 @@
+export const isEmptyArray = (arr: any[] | undefined) => {
+  return arr === undefined || arr?.length <= 0;
+};
diff --git a/packages/vue3/src/components/index.ts b/packages/vue3/src/components/index.ts
index 5b392cb7..26fb6dbf 100644
--- a/packages/vue3/src/components/index.ts
+++ b/packages/vue3/src/components/index.ts
@@ -54,6 +54,7 @@ export { default as RichText } from './RichText/RichText.vue';
 export { default as Tooltip } from './Tooltip/Tooltip.vue';
 export { default as Slider } from './Slider/Slider.vue';
 export { default as Modal } from './Modal/Modal.vue';
+export { default as ResourcePicker } from './ResourcePicker/ResourcePicker.vue';
 export { default as Popover } from './Popover/Popover.vue';
 export { default as Code } from './Code/Code.vue';
 export { default as Divider } from './Divider/Divider.vue';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a5a444bc..1f93761f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -34,7 +34,7 @@ importers:
         version: 9.0.0(stylelint@15.0.0)
       stylelint-config-standard-scss:
         specifier: ^6.1.0
-        version: 6.1.0(postcss@8.4.21)(stylelint@15.0.0)
+        version: 6.1.0(postcss@8.4.32)(stylelint@15.0.0)
       stylelint-config-standard-vue:
         specifier: ^1.0.0
         version: 1.0.0(postcss-html@1.5.0)(stylelint@15.0.0)
@@ -300,7 +300,7 @@ importers:
         version: 2.0.0-beta.210(@tiptap/pm@2.0.0-beta.210)
       '@tiptap/vue-3':
         specifier: 2.0.0-beta.210
-        version: 2.0.0-beta.210(@tiptap/core@2.0.0-beta.215)(@tiptap/pm@2.0.0-beta.210)(vue@3.2.45)
+        version: 2.0.0-beta.210(@tiptap/core@2.0.0-beta.215)(@tiptap/pm@2.0.0-beta.210)(vue@3.3.11)
       '@types/prismjs':
         specifier: ^1.26.3
         version: 1.26.3
@@ -309,7 +309,7 @@ importers:
         version: 1.29.0
       vue-slicksort:
         specifier: ^2.0.5
-        version: 2.0.5(vue@3.2.45)
+        version: 2.0.5(vue@3.3.11)
     devDependencies:
       '@iconify-json/line-md':
         specifier: ^1.1.20
@@ -334,19 +334,19 @@ importers:
         version: 0.0.13(react-dom@18.2.0)(react@18.2.0)
       '@storybook/vue3':
         specifier: 7.0.0-beta.14
-        version: 7.0.0-beta.14(vue@3.2.45)
+        version: 7.0.0-beta.14(vue@3.3.11)
       '@storybook/vue3-vite':
         specifier: 7.0.0-beta.14
-        version: 7.0.0-beta.14(react-dom@18.2.0)(react@18.2.0)(typescript@4.8.2)(vite@4.0.3)(vue@3.2.45)
+        version: 7.0.0-beta.14(react-dom@18.2.0)(react@18.2.0)(typescript@4.8.2)(vite@4.0.3)(vue@3.3.11)
       '@types/node':
         specifier: 18.7.15
         version: 18.7.15
       '@vitejs/plugin-vue':
         specifier: ^4.0.0
-        version: 4.0.0(vite@4.0.3)(vue@3.2.45)
+        version: 4.0.0(vite@4.0.3)(vue@3.3.11)
       '@vueuse/core':
         specifier: ^9.9.0
-        version: 9.9.0(vue@3.2.45)
+        version: 9.9.0(vue@3.3.11)
       '@youcan/ui-core':
         specifier: '*'
         version: link:../core
@@ -378,8 +378,8 @@ importers:
         specifier: ^4.0.3
         version: 4.0.3(@types/node@18.7.15)(sass@1.54.8)
       vue:
-        specifier: ^3.2.45
-        version: 3.2.45
+        specifier: ^3.3.0
+        version: 3.3.11(typescript@4.8.2)
       vue-tsc:
         specifier: 1.0.9
         version: 1.0.9(typescript@4.8.2)
@@ -770,6 +770,14 @@ packages:
     hasBin: true
     dependencies:
       '@babel/types': 7.20.7
+    dev: true
+
+  /@babel/parser@7.23.6:
+    resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.20.7
 
   /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.18.6(@babel/core@7.20.12):
     resolution: {integrity: sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==}
@@ -2760,6 +2768,9 @@ packages:
     resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
     dev: true
 
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+
   /@jridgewell/trace-mapping@0.3.17:
     resolution: {integrity: sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==}
     dependencies:
@@ -4129,7 +4140,7 @@ packages:
       - supports-color
     dev: true
 
-  /@storybook/vue3-vite@7.0.0-beta.14(react-dom@18.2.0)(react@18.2.0)(typescript@4.8.2)(vite@4.0.3)(vue@3.2.45):
+  /@storybook/vue3-vite@7.0.0-beta.14(react-dom@18.2.0)(react@18.2.0)(typescript@4.8.2)(vite@4.0.3)(vue@3.3.11):
     resolution: {integrity: sha512-bPQECO7AqW8s4Hj8CeM8+F7Vw7Z+xe7WdYn1U61Nq/vPA7ro61ZRJf/f7i1BEywkcn7dyLVD4ltW18pSzM/QRg==}
     engines: {node: ^14.18 || >=16}
     peerDependencies:
@@ -4139,13 +4150,13 @@ packages:
     dependencies:
       '@storybook/builder-vite': 7.0.0-beta.14(typescript@4.8.2)(vite@4.0.3)
       '@storybook/core-server': 7.0.0-beta.14
-      '@storybook/vue3': 7.0.0-beta.14(vue@3.2.45)
-      '@vitejs/plugin-vue': 4.0.0(vite@4.0.3)(vue@3.2.45)
+      '@storybook/vue3': 7.0.0-beta.14(vue@3.3.11)
+      '@vitejs/plugin-vue': 4.0.0(vite@4.0.3)(vue@3.3.11)
       magic-string: 0.26.7
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
       vite: 4.0.3(@types/node@18.7.15)(sass@1.54.8)
-      vue-docgen-api: 4.56.2(vue@3.2.45)
+      vue-docgen-api: 4.56.2(vue@3.3.11)
     transitivePeerDependencies:
       - '@preact/preset-vite'
       - bufferutil
@@ -4157,7 +4168,7 @@ packages:
       - vue
     dev: true
 
-  /@storybook/vue3@7.0.0-beta.14(vue@3.2.45):
+  /@storybook/vue3@7.0.0-beta.14(vue@3.3.11):
     resolution: {integrity: sha512-U0AnB7Dazldzu4sarMRjxqwydG2QXaTjzB1bjrumSofgta1EQwiRnoZcU8sIBES6YN4z8QAHMEvMXHA2iZYDLQ==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
@@ -4170,7 +4181,7 @@ packages:
       '@storybook/types': 7.0.0-beta.14
       ts-dedent: 2.2.0
       type-fest: 2.19.0
-      vue: 3.2.45
+      vue: 3.3.11(typescript@4.8.2)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4541,7 +4552,7 @@ packages:
       - '@tiptap/pm'
     dev: false
 
-  /@tiptap/vue-3@2.0.0-beta.210(@tiptap/core@2.0.0-beta.215)(@tiptap/pm@2.0.0-beta.210)(vue@3.2.45):
+  /@tiptap/vue-3@2.0.0-beta.210(@tiptap/core@2.0.0-beta.215)(@tiptap/pm@2.0.0-beta.210)(vue@3.3.11):
     resolution: {integrity: sha512-enXPf/IBwW1ysG/SPuWWdJk6cAgsTO2Z60U1vaxgmLJ2uM/cEaEZFfn/jH4VCayGthE9A4lHJsI5vDDPKZp8dg==}
     peerDependencies:
       '@tiptap/core': ^2.0.0-beta.209
@@ -4552,7 +4563,7 @@ packages:
       '@tiptap/extension-bubble-menu': 2.0.0-beta.215(@tiptap/core@2.0.0-beta.215)(@tiptap/pm@2.0.0-beta.210)
       '@tiptap/extension-floating-menu': 2.0.0-beta.215(@tiptap/core@2.0.0-beta.215)(@tiptap/pm@2.0.0-beta.210)
       '@tiptap/pm': 2.0.0-beta.210(@tiptap/core@2.0.0-beta.215)
-      vue: 3.2.45
+      vue: 3.3.11(typescript@4.8.2)
     dev: false
 
   /@tootallnate/once@2.0.0:
@@ -5140,7 +5151,7 @@ packages:
       - rollup
     dev: true
 
-  /@vitejs/plugin-vue@4.0.0(vite@4.0.3)(vue@3.2.45):
+  /@vitejs/plugin-vue@4.0.0(vite@4.0.3)(vue@3.3.11):
     resolution: {integrity: sha512-e0X4jErIxAB5oLtDqbHvHpJe/uWNkdpYV83AOG2xo2tEVSzCzewgJMtREZM30wXnM5ls90hxiOtAuVU6H5JgbA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -5148,7 +5159,7 @@ packages:
       vue: ^3.2.25
     dependencies:
       vite: 4.0.3(@types/node@18.7.15)(sass@1.54.8)
-      vue: 3.2.45
+      vue: 3.3.11(typescript@4.8.2)
     dev: true
 
   /@volar/language-core@1.0.9:
@@ -5198,12 +5209,28 @@ packages:
       '@vue/shared': 3.2.45
       estree-walker: 2.0.2
       source-map: 0.6.1
+    dev: true
+
+  /@vue/compiler-core@3.3.11:
+    resolution: {integrity: sha512-h97/TGWBilnLuRaj58sxNrsUU66fwdRKLOLQ9N/5iNDfp+DZhYH9Obhe0bXxhedl8fjAgpRANpiZfbgWyruQ0w==}
+    dependencies:
+      '@babel/parser': 7.23.6
+      '@vue/shared': 3.3.11
+      estree-walker: 2.0.2
+      source-map-js: 1.0.2
 
   /@vue/compiler-dom@3.2.45:
     resolution: {integrity: sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==}
     dependencies:
       '@vue/compiler-core': 3.2.45
       '@vue/shared': 3.2.45
+    dev: true
+
+  /@vue/compiler-dom@3.3.11:
+    resolution: {integrity: sha512-zoAiUIqSKqAJ81WhfPXYmFGwDRuO+loqLxvXmfUdR5fOitPoUiIeFI9cTTyv9MU5O1+ZZglJVTusWzy+wfk5hw==}
+    dependencies:
+      '@vue/compiler-core': 3.3.11
+      '@vue/shared': 3.3.11
 
   /@vue/compiler-sfc@3.2.45:
     resolution: {integrity: sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==}
@@ -5218,12 +5245,34 @@ packages:
       magic-string: 0.25.9
       postcss: 8.4.20
       source-map: 0.6.1
+    dev: true
+
+  /@vue/compiler-sfc@3.3.11:
+    resolution: {integrity: sha512-U4iqPlHO0KQeK1mrsxCN0vZzw43/lL8POxgpzcJweopmqtoYy9nljJzWDIQS3EfjiYhfdtdk9Gtgz7MRXnz3GA==}
+    dependencies:
+      '@babel/parser': 7.23.6
+      '@vue/compiler-core': 3.3.11
+      '@vue/compiler-dom': 3.3.11
+      '@vue/compiler-ssr': 3.3.11
+      '@vue/reactivity-transform': 3.3.11
+      '@vue/shared': 3.3.11
+      estree-walker: 2.0.2
+      magic-string: 0.30.5
+      postcss: 8.4.32
+      source-map-js: 1.0.2
 
   /@vue/compiler-ssr@3.2.45:
     resolution: {integrity: sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==}
     dependencies:
       '@vue/compiler-dom': 3.2.45
       '@vue/shared': 3.2.45
+    dev: true
+
+  /@vue/compiler-ssr@3.3.11:
+    resolution: {integrity: sha512-Zd66ZwMvndxRTgVPdo+muV4Rv9n9DwQ4SSgWWKWkPFebHQfVYRrVjeygmmDmPewsHyznCNvJ2P2d6iOOhdv8Qg==}
+    dependencies:
+      '@vue/compiler-dom': 3.3.11
+      '@vue/shared': 3.3.11
 
   /@vue/reactivity-transform@3.2.45:
     resolution: {integrity: sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==}
@@ -5233,44 +5282,64 @@ packages:
       '@vue/shared': 3.2.45
       estree-walker: 2.0.2
       magic-string: 0.25.9
+    dev: true
+
+  /@vue/reactivity-transform@3.3.11:
+    resolution: {integrity: sha512-fPGjH0wqJo68A0wQ1k158utDq/cRyZNlFoxGwNScE28aUFOKFEnCBsvyD8jHn+0kd0UKVpuGuaZEQ6r9FJRqCg==}
+    dependencies:
+      '@babel/parser': 7.23.6
+      '@vue/compiler-core': 3.3.11
+      '@vue/shared': 3.3.11
+      estree-walker: 2.0.2
+      magic-string: 0.30.5
 
   /@vue/reactivity@3.2.45:
     resolution: {integrity: sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==}
     dependencies:
       '@vue/shared': 3.2.45
+    dev: true
 
-  /@vue/runtime-core@3.2.45:
-    resolution: {integrity: sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A==}
+  /@vue/reactivity@3.3.11:
+    resolution: {integrity: sha512-D5tcw091f0nuu+hXq5XANofD0OXnBmaRqMYl5B3fCR+mX+cXJIGNw/VNawBqkjLNWETrFW0i+xH9NvDbTPVh7g==}
     dependencies:
-      '@vue/reactivity': 3.2.45
-      '@vue/shared': 3.2.45
+      '@vue/shared': 3.3.11
 
-  /@vue/runtime-dom@3.2.45:
-    resolution: {integrity: sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA==}
+  /@vue/runtime-core@3.3.11:
+    resolution: {integrity: sha512-g9ztHGwEbS5RyWaOpXuyIVFTschclnwhqEbdy5AwGhYOgc7m/q3NFwr50MirZwTTzX55JY8pSkeib9BX04NIpw==}
     dependencies:
-      '@vue/runtime-core': 3.2.45
-      '@vue/shared': 3.2.45
-      csstype: 2.6.21
+      '@vue/reactivity': 3.3.11
+      '@vue/shared': 3.3.11
+
+  /@vue/runtime-dom@3.3.11:
+    resolution: {integrity: sha512-OlhtV1PVpbgk+I2zl+Y5rQtDNcCDs12rsRg71XwaA2/Rbllw6mBLMi57VOn8G0AjOJ4Mdb4k56V37+g8ukShpQ==}
+    dependencies:
+      '@vue/runtime-core': 3.3.11
+      '@vue/shared': 3.3.11
+      csstype: 3.1.3
 
-  /@vue/server-renderer@3.2.45(vue@3.2.45):
-    resolution: {integrity: sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g==}
+  /@vue/server-renderer@3.3.11(vue@3.3.11):
+    resolution: {integrity: sha512-AIWk0VwwxCAm4wqtJyxBylRTXSy1wCLOKbWxHaHiu14wjsNYtiRCSgVuqEPVuDpErOlRdNnuRgipQfXRLjLN5A==}
     peerDependencies:
-      vue: 3.2.45
+      vue: 3.3.11
     dependencies:
-      '@vue/compiler-ssr': 3.2.45
-      '@vue/shared': 3.2.45
-      vue: 3.2.45
+      '@vue/compiler-ssr': 3.3.11
+      '@vue/shared': 3.3.11
+      vue: 3.3.11(typescript@4.8.2)
 
   /@vue/shared@3.2.45:
     resolution: {integrity: sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==}
+    dev: true
+
+  /@vue/shared@3.3.11:
+    resolution: {integrity: sha512-u2G8ZQ9IhMWTMXaWqZycnK4UthG1fA238CD+DP4Dm4WJi5hdUKKLg0RMRaRpDPNMdkTwIDkp7WtD0Rd9BH9fLw==}
 
-  /@vueuse/core@9.9.0(vue@3.2.45):
+  /@vueuse/core@9.9.0(vue@3.3.11):
     resolution: {integrity: sha512-JdDb7TrE0imZnwBhMF4+0PCJqGD3AxzH8S2sfk54P0rqvklK+EAtAR/mPb1HwV/JPujQFQJhghQ190Yq03YpVw==}
     dependencies:
       '@types/web-bluetooth': 0.0.16
       '@vueuse/metadata': 9.9.0
-      '@vueuse/shared': 9.9.0(vue@3.2.45)
-      vue-demi: 0.13.11(vue@3.2.45)
+      '@vueuse/shared': 9.9.0(vue@3.3.11)
+      vue-demi: 0.13.11(vue@3.3.11)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -5280,10 +5349,10 @@ packages:
     resolution: {integrity: sha512-pgxsUJv/d7IjKpLeB6TthggEsaBwM3ffc5jPrr5TmxAm/fup0mGR5VTzrdA/PSx85tpb+CIvP92D+55qBNc8ag==}
     dev: true
 
-  /@vueuse/shared@9.9.0(vue@3.2.45):
+  /@vueuse/shared@9.9.0(vue@3.3.11):
     resolution: {integrity: sha512-+D0XFwHG0T+uaIbCSlROBwm1wzs71B7n3KyDOxnvfEMMHDOzl09rYKwaE2AENmYwYPXfHPbSBRDD2gBVHbvTcg==}
     dependencies:
-      vue-demi: 0.13.11(vue@3.2.45)
+      vue-demi: 0.13.11(vue@3.3.11)
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -6320,13 +6389,13 @@ packages:
       css-tree: 1.1.3
     dev: true
 
-  /csstype@2.6.21:
-    resolution: {integrity: sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==}
-
   /csstype@3.1.1:
     resolution: {integrity: sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==}
     dev: true
 
+  /csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
   /dash-get@1.0.2:
     resolution: {integrity: sha512-4FbVrHDwfOASx7uQVxeiCTo7ggSdYZbqs8lH+WU6ViypPlDbe9y6IP5VVUDQBv9DcnyaiPT5XT0UWHgJ64zLeQ==}
     dev: false
@@ -9113,6 +9182,7 @@ packages:
     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
     dependencies:
       sourcemap-codec: 1.4.8
+    dev: true
 
   /magic-string@0.26.7:
     resolution: {integrity: sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==}
@@ -9128,6 +9198,12 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.14
     dev: true
 
+  /magic-string@0.30.5:
+    resolution: {integrity: sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+
   /make-dir@2.1.0:
     resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
     engines: {node: '>=6'}
@@ -9588,6 +9664,12 @@ packages:
     resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
+    dev: true
+
+  /nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
 
   /nanomatch@1.2.13:
     resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
@@ -10225,13 +10307,13 @@ packages:
       postcss: 8.4.21
     dev: true
 
-  /postcss-scss@4.0.6(postcss@8.4.21):
+  /postcss-scss@4.0.6(postcss@8.4.32):
     resolution: {integrity: sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.4.19
     dependencies:
-      postcss: 8.4.21
+      postcss: 8.4.32
     dev: true
 
   /postcss-selector-parser@6.0.11:
@@ -10260,6 +10342,7 @@ packages:
       nanoid: 3.3.4
       picocolors: 1.0.0
       source-map-js: 1.0.2
+    dev: true
 
   /postcss@8.4.21:
     resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
@@ -10270,6 +10353,14 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
+  /postcss@8.4.32:
+    resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+
   /prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -11377,10 +11468,12 @@ packages:
   /source-map@0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /sourcemap-codec@1.4.8:
     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
     deprecated: Please use @jridgewell/sourcemap-codec instead
+    dev: true
 
   /space-separated-tokens@1.1.5:
     resolution: {integrity: sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA==}
@@ -11554,7 +11647,7 @@ packages:
       stylelint-order: 5.0.0(stylelint@15.0.0)
     dev: true
 
-  /stylelint-config-recommended-scss@8.0.0(postcss@8.4.21)(stylelint@15.0.0):
+  /stylelint-config-recommended-scss@8.0.0(postcss@8.4.32)(stylelint@15.0.0):
     resolution: {integrity: sha512-BxjxEzRaZoQb7Iinc3p92GS6zRdRAkIuEu2ZFLTxJK2e1AIcCb5B5MXY9KOXdGTnYFZ+KKx6R4Fv9zU6CtMYPQ==}
     peerDependencies:
       postcss: ^8.3.3
@@ -11563,8 +11656,8 @@ packages:
       postcss:
         optional: true
     dependencies:
-      postcss: 8.4.21
-      postcss-scss: 4.0.6(postcss@8.4.21)
+      postcss: 8.4.32
+      postcss-scss: 4.0.6(postcss@8.4.32)
       stylelint: 15.0.0
       stylelint-config-recommended: 9.0.0(stylelint@15.0.0)
       stylelint-scss: 4.3.0(stylelint@15.0.0)
@@ -11600,7 +11693,7 @@ packages:
       stylelint: 15.0.0
     dev: true
 
-  /stylelint-config-standard-scss@6.1.0(postcss@8.4.21)(stylelint@15.0.0):
+  /stylelint-config-standard-scss@6.1.0(postcss@8.4.32)(stylelint@15.0.0):
     resolution: {integrity: sha512-iZ2B5kQT2G3rUzx+437cEpdcnFOQkwnwqXuY8Z0QUwIHQVE8mnYChGAquyKFUKZRZ0pRnrciARlPaR1RBtPb0Q==}
     peerDependencies:
       postcss: ^8.3.3
@@ -11609,9 +11702,9 @@ packages:
       postcss:
         optional: true
     dependencies:
-      postcss: 8.4.21
+      postcss: 8.4.32
       stylelint: 15.0.0
-      stylelint-config-recommended-scss: 8.0.0(postcss@8.4.21)(stylelint@15.0.0)
+      stylelint-config-recommended-scss: 8.0.0(postcss@8.4.32)(stylelint@15.0.0)
       stylelint-config-standard: 29.0.0(stylelint@15.0.0)
     dev: true
 
@@ -12034,7 +12127,6 @@ packages:
     resolution: {integrity: sha512-C0I1UsrrDHo2fYI5oaCGbSejwX4ch+9Y5jTQELvovfmFkK3HHSZJB8MSJcWLmCUBzQBchCrZ9rMRV6GuNrvGtw==}
     engines: {node: '>=4.2.0'}
     hasBin: true
-    dev: true
 
   /typescript@4.9.5:
     resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==}
@@ -12435,7 +12527,7 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /vue-demi@0.13.11(vue@3.2.45):
+  /vue-demi@0.13.11(vue@3.3.11):
     resolution: {integrity: sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==}
     engines: {node: '>=12'}
     hasBin: true
@@ -12447,10 +12539,10 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      vue: 3.2.45
+      vue: 3.3.11(typescript@4.8.2)
     dev: true
 
-  /vue-docgen-api@4.56.2(vue@3.2.45):
+  /vue-docgen-api@4.56.2(vue@3.3.11):
     resolution: {integrity: sha512-7V36UExnHwAKq0KmB7rtk5ONuHzsATkhDZwCZ+aEudsnaNmMUTc+9g5MZgUXTi8V76KNE4gMrWd3MuESbaUItw==}
     dependencies:
       '@babel/parser': 7.20.7
@@ -12463,7 +12555,7 @@ packages:
       pug: 3.0.2
       recast: 0.21.5
       ts-map: 1.0.3
-      vue-inbrowser-compiler-independent-utils: 4.56.2(vue@3.2.45)
+      vue-inbrowser-compiler-independent-utils: 4.56.2(vue@3.3.11)
     transitivePeerDependencies:
       - vue
     dev: true
@@ -12486,20 +12578,20 @@ packages:
       - supports-color
     dev: false
 
-  /vue-inbrowser-compiler-independent-utils@4.56.2(vue@3.2.45):
+  /vue-inbrowser-compiler-independent-utils@4.56.2(vue@3.3.11):
     resolution: {integrity: sha512-szE2vZDSkZlItq+K4MevgvCGKt5IzM6OkIjyCuj/09ty2akixeQGNFRXyDELMdmVVzmN+9nJn02YKnoPkhXHwA==}
     peerDependencies:
       vue: '>=2'
     dependencies:
-      vue: 3.2.45
+      vue: 3.3.11(typescript@4.8.2)
     dev: true
 
-  /vue-slicksort@2.0.5(vue@3.2.45):
+  /vue-slicksort@2.0.5(vue@3.3.11):
     resolution: {integrity: sha512-fXz1YrNjhUbJK7o0tMk27mIr4pMAZYLSYvtmLazCtfpvz+zafPCn34ILDL8B7hT7WLVZKreYs6JVe5VWymqmzA==}
     peerDependencies:
       vue: '>=3.0.0'
     dependencies:
-      vue: 3.2.45
+      vue: 3.3.11(typescript@4.8.2)
     dev: false
 
   /vue-template-compiler@2.7.14:
@@ -12520,14 +12612,20 @@ packages:
       typescript: 4.8.2
     dev: true
 
-  /vue@3.2.45:
-    resolution: {integrity: sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==}
+  /vue@3.3.11(typescript@4.8.2):
+    resolution: {integrity: sha512-d4oBctG92CRO1cQfVBZp6WJAs0n8AK4Xf5fNjQCBeKCvMI1efGQ5E3Alt1slFJS9fZuPcFoiAiqFvQlv1X7t/w==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
     dependencies:
-      '@vue/compiler-dom': 3.2.45
-      '@vue/compiler-sfc': 3.2.45
-      '@vue/runtime-dom': 3.2.45
-      '@vue/server-renderer': 3.2.45(vue@3.2.45)
-      '@vue/shared': 3.2.45
+      '@vue/compiler-dom': 3.3.11
+      '@vue/compiler-sfc': 3.3.11
+      '@vue/runtime-dom': 3.3.11
+      '@vue/server-renderer': 3.3.11(vue@3.3.11)
+      '@vue/shared': 3.3.11
+      typescript: 4.8.2
 
   /w3c-keyname@2.2.6:
     resolution: {integrity: sha512-f+fciywl1SJEniZHD6H+kUO8gOnwIr7f4ijKA6+ZvJFjeGi1r4PDLl53Ayud9O/rk64RqgoQine0feoeOU0kXg==}