diff --git a/docs/components/content/LoginFormModalPreview.vue b/docs/components/content/LoginFormModalPreview.vue
index f4da7e20..92705604 100644
--- a/docs/components/content/LoginFormModalPreview.vue
+++ b/docs/components/content/LoginFormModalPreview.vue
@@ -2,7 +2,7 @@
 import { ModalsContainer, useModal } from 'vue-final-modal'
 import LoginFormModal from './LoginFormModal.vue'
 
-const { open, close } = useModal<InstanceType<typeof LoginFormModal>['$props']>({
+const { open, close } = useModal({
   component: LoginFormModal,
   attrs: {
     onSubmit(formData) {
diff --git a/docs/components/content/UseModalPreview.vue b/docs/components/content/UseModalPreview.vue
index 15fe8cdc..f0427124 100644
--- a/docs/components/content/UseModalPreview.vue
+++ b/docs/components/content/UseModalPreview.vue
@@ -2,9 +2,7 @@
 import { ModalsContainer, useModal } from 'vue-final-modal'
 import ConfirmModal from './ConfirmModal.vue'
 
-const { open, close } = useModal<
-  InstanceType<typeof ConfirmModal>['$props']
->({
+const { open, close } = useModal({
   component: ConfirmModal,
   attrs: {
     title: 'Hello World!',
diff --git a/docs/content/2.get-started/1.guide/3.migration-guide.md b/docs/content/2.get-started/1.guide/3.migration-guide.md
index 045015c3..912b02a3 100644
--- a/docs/content/2.get-started/1.guide/3.migration-guide.md
+++ b/docs/content/2.get-started/1.guide/3.migration-guide.md
@@ -102,7 +102,7 @@ this.$vfm.show({
 Will be re-written as this:
 
 ```ts
-const { open, close } = useModal<InstanceType<typeof ConfirmModal>['$props']>({
+const { open, close } = useModal({
   component: ConfirmModal,
   attrs: {
     title: 'Hello World!',
diff --git a/docs/content/2.get-started/1.guide/4.types.md b/docs/content/2.get-started/1.guide/4.types.md
index dae4e0d4..097deb40 100644
--- a/docs/content/2.get-started/1.guide/4.types.md
+++ b/docs/content/2.get-started/1.guide/4.types.md
@@ -23,59 +23,51 @@ export type StyleValue = string | CSSProperties | (string | CSSProperties)[]
 ## ModalSlot
 
 ```ts
-export type ModalSlot<T extends Record<string, any> = {}> = string | Component | {
-  component: Component
-  attrs?: T
-}
+interface UseModalOptionsBase { component: Raw<Component>; attrs?: Record<string, any> }
+type ModalSlot = string | Component | UseModalOptionsBase
 ```
 
-## UseModalOptionsPrivate
+## UseModalOptionsSlots
 
 ```ts
-export type UseModalOptionsPrivate<
-  ModalProps extends ComponentProps = {},
-  DefaultSlotProps extends ComponentProps = {},
-> = {
-  defaultModelValue?: boolean
-  context?: Vfm
-  component: Component
-  attrs?: ModalProps
-  slots?: {
-    default: ModalSlot<DefaultSlotProps>
+export type UseModalOptionsSlots = {
+  slots?: string | Component | {
+    default: ModalSlot
     [key: string]: ModalSlot
   }
-
-  id?: symbol
-  modelValue?: boolean
-  resolveOpened?: () => void
-  resolveClosed?: () => void
 }
 ```
 
 ## UseModalOptions
 
 ```ts
-export type UseModalOptions<
-  ModalProps extends ComponentProps,
-  DefaultSlotProps extends ComponentProps = {},
-> = Pick<
-  UseModalOptionsPrivate<ModalProps, DefaultSlotProps>,
-  | 'defaultModelValue'
-  | 'context'
-  | 'component'
-  | 'attrs'
-  | 'slots'
->
+export type UseModalOptions = {
+  defaultModelValue?: boolean
+  context?: Vfm
+  component: Raw<Component>
+  attrs?: Record<string, any>
+} & UseModalOptionsSlots
+```
+
+## UseModalOptionsPrivate
+
+```ts
+export type UseModalOptionsPrivate = {
+  id: symbol
+  modelValue: boolean
+  resolveOpened: () => void
+  resolveClosed: () => void
+}
 ```
 
 ## UseModalReturnType
 
 ```ts
-export type UseModalReturnType<ModalProps extends ComponentProps, DefaultSlotProps extends ComponentProps> = {
-  options: UseModalOptions<ModalProps, DefaultSlotProps>
-  open: () => Promise<unknown>
-  close: () => Promise<unknown>
-  patchOptions: (options: UseModalOptions<ModalProps, DefaultSlotProps>) => void
+export interface UseModalReturnType {
+  options: UseModalOptions & UseModalOptionsPrivate
+  open: () => Promise<string>
+  close: () => Promise<string>
+  patchOptions: IOverloadedPatchOptionsFn
   destroy: () => void
 }
 ```
@@ -87,7 +79,7 @@ export type Vfm = {
   install(app: App): void
   modals: ComputedRef<Modal>[]
   openedModals: ComputedRef<Modal>[]
-  dynamicModals: UseModalOptionsPrivate<{}, {}>[]
+  dynamicModals: (UseModalOptions & UseModalOptionsPrivate)[]
   modalsContainers: Ref<symbol[]>
   get: (modalId: ModalId) => undefined | ComputedRef<Modal>
   toggle: (modalId: ModalId, show?: boolean) => undefined | Promise<string>
diff --git a/docs/content/3.api/2.composables/1.use-modal.md b/docs/content/3.api/2.composables/1.use-modal.md
index 29df9b02..0a47f454 100644
--- a/docs/content/3.api/2.composables/1.use-modal.md
+++ b/docs/content/3.api/2.composables/1.use-modal.md
@@ -26,9 +26,7 @@ import { ModalsContainer } from 'vue-final-modal'
 ```ts
 import { VueFinalModal, useModal } from 'vue-final-modal'
 
-const modalInstance = useModal<
-  InstanceType<typeof VueFinalModal>['$props']
->({
+const modalInstance = useModal({
   component: VueFinalModal,
   attrs: {
     // Props
diff --git a/docs/package.json b/docs/package.json
index 2b56253f..43494cac 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -9,13 +9,13 @@
     "preview": "nuxi preview"
   },
   "devDependencies": {
-    "@nuxt-themes/docus": "^1.4.5",
+    "@nuxt-themes/docus": "^1.4.7",
     "@nuxtjs/tailwindcss": "^6.2.0",
     "nuxt": "^3.0.0"
   },
   "dependencies": {
     "@vorms/core": "^1.0.0",
-    "vue-final-modal": "workspace:4.0.0-rc.10",
+    "vue-final-modal": "workspace:4.0.0-rc.11",
     "vue3-drag-resize": "^2.0.5"
   }
 }
diff --git a/examples/nuxt3/components/MyModalPreview.vue b/examples/nuxt3/components/MyModalPreview.vue
index a6c98e4f..d7c8a8e6 100644
--- a/examples/nuxt3/components/MyModalPreview.vue
+++ b/examples/nuxt3/components/MyModalPreview.vue
@@ -2,7 +2,7 @@
 import { useModal } from 'vue-final-modal'
 import MyModal from './MyModal.vue'
 
-const { open } = useModal<InstanceType<typeof MyModal>['$props']>({
+const { open } = useModal({
   component: MyModal,
   attrs: {
     title: 'Hello World!',
diff --git a/examples/nuxt3/package.json b/examples/nuxt3/package.json
index 4251f490..e750f9cc 100644
--- a/examples/nuxt3/package.json
+++ b/examples/nuxt3/package.json
@@ -8,12 +8,12 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
-    "@nuxt-themes/docus": "^1.4.5",
+    "@nuxt-themes/docus": "^1.4.7",
     "@nuxtjs/tailwindcss": "^6.2.0",
     "nuxt": "3.0.0"
   },
   "dependencies": {
     "@vue-final-modal/nuxt": "1.0.0-rc.0",
-    "vue-final-modal": "4.0.0-rc.10"
+    "vue-final-modal": "4.0.0-rc.11"
   }
 }
diff --git a/examples/vue3/package.json b/examples/vue3/package.json
index e7748b86..f004577d 100644
--- a/examples/vue3/package.json
+++ b/examples/vue3/package.json
@@ -10,16 +10,16 @@
   },
   "dependencies": {
     "vue": "^3.2.45",
-    "vue-final-modal": "4.0.0-rc.10"
+    "vue-final-modal": "4.0.0-rc.11"
   },
   "devDependencies": {
     "@iconify/vue": "^4.0.0",
-    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue": "^4.0.2",
     "autoprefixer": "^10.4.13",
-    "postcss": "^8.4.18",
-    "tailwindcss": "^3.2.2",
-    "typescript": "^4.6.4",
+    "postcss": "^8.4.21",
+    "tailwindcss": "^3.2.4",
+    "typescript": "^4.9.4",
     "vite": "^4.0.4",
-    "vue-tsc": "^1.0.18"
+    "vue-tsc": "^1.0.24"
   }
 }
\ No newline at end of file
diff --git a/examples/vue3/src/components/MyModalPreview.vue b/examples/vue3/src/components/MyModalPreview.vue
index 2ad6eb0d..e26836da 100644
--- a/examples/vue3/src/components/MyModalPreview.vue
+++ b/examples/vue3/src/components/MyModalPreview.vue
@@ -3,7 +3,7 @@ import { useModal } from 'vue-final-modal'
 import MyModal from './MyModal.vue'
 import VButton from './VButton.vue'
 
-const { open } = useModal<InstanceType<typeof MyModal>['$props']>({
+const { open } = useModal({
   component: MyModal,
   attrs: {
     title: 'Hello World!',
diff --git a/package.json b/package.json
index 72715f65..a8e9f6ce 100644
--- a/package.json
+++ b/package.json
@@ -23,16 +23,14 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.34.1",
-    "@types/node": "^18.0.0",
+    "@types/node": "^18.11.18",
     "@vitejs/plugin-vue": "^4.0.0",
-    "@vitejs/plugin-vue-jsx": "^3.0.0",
-    "@vue/test-utils": "^2.2.6",
-    "concurrently": "^7.4.0",
-    "eslint": "^8.31.0",
-    "pnpm": "^7.23.0",
-    "sass": "^1.55.0",
-    "ts-node": "^10.9.1",
-    "typescript": "^4.8.4",
+    "@vue/test-utils": "^2.2.7",
+    "concurrently": "^7.6.0",
+    "eslint": "^8.32.0",
+    "pnpm": "^7.25.1",
+    "sass": "^1.57.1",
+    "typescript": "^4.9.4",
     "vite": "^4.0.4",
     "vue-tsc": "^1.0.24"
   }
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index fd3a8b27..b23030e2 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -24,13 +24,13 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.0.0",
-    "vue-final-modal": "^4.0.0-rc.10"
+    "vue-final-modal": "^4.0.0-rc.11"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^0.2.1",
     "@nuxt/schema": "^3.0.0",
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
     "nuxt": "^3.0.0",
-    "release-it": "^15.5.0"
+    "release-it": "^15.6.0"
   }
 }
diff --git a/packages/vue-final-modal/cypress/components/TestUseModal.spec.ts b/packages/vue-final-modal/cypress/components/TestUseModal.spec.ts
new file mode 100644
index 00000000..4bb1f722
--- /dev/null
+++ b/packages/vue-final-modal/cypress/components/TestUseModal.spec.ts
@@ -0,0 +1,11 @@
+import TestUseModal from './TestUseModal.vue'
+import { createVfm } from '~/index'
+
+it('renders the VueFinalModal', () => {
+  cy.mount(TestUseModal, {
+    global: {
+      plugins: [createVfm()],
+    },
+  })
+  cy.contains('Hello World!')
+})
diff --git a/packages/vue-final-modal/cypress/components/TestUseModal.vue b/packages/vue-final-modal/cypress/components/TestUseModal.vue
new file mode 100644
index 00000000..8d5574d4
--- /dev/null
+++ b/packages/vue-final-modal/cypress/components/TestUseModal.vue
@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { ModalsContainer, VueFinalModal, useModal } from '~/index'
+
+useModal({
+  defaultModelValue: true,
+  component: VueFinalModal,
+  slots: {
+    default: 'Hello World!',
+  },
+})
+</script>
+
+<template>
+  <ModalsContainer />
+</template>
diff --git a/packages/vue-final-modal/cypress/components/VueFinalModal.spec.ts b/packages/vue-final-modal/cypress/components/VueFinalModal.spec.ts
deleted file mode 100644
index 05800078..00000000
--- a/packages/vue-final-modal/cypress/components/VueFinalModal.spec.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// import { mount } from '@cypress/vue'
-import VueFinalModal from '~/components/VueFinalModal/VueFinalModal.vue'
-import { createVfm } from '~/plugin'
-
-const vfm = createVfm()
-
-it('renders the VueFinalModal', () => {
-  cy.mount(VueFinalModal, {
-    props: {
-      modelValue: true,
-    },
-    slots: {
-      default: '<p>Hello World!</p>',
-    },
-    global: {
-      plugins: [vfm],
-    },
-  })
-  cy.contains('Hello')
-})
diff --git a/packages/vue-final-modal/cypress/videos/VueFinalModal.spec.ts.mp4 b/packages/vue-final-modal/cypress/videos/VueFinalModal.spec.ts.mp4
new file mode 100644
index 00000000..a7bb4a2c
Binary files /dev/null and b/packages/vue-final-modal/cypress/videos/VueFinalModal.spec.ts.mp4 differ
diff --git a/packages/vue-final-modal/package.json b/packages/vue-final-modal/package.json
index 5526ee3b..d4b0c309 100644
--- a/packages/vue-final-modal/package.json
+++ b/packages/vue-final-modal/package.json
@@ -31,27 +31,26 @@
     "release": "pnpm build && pnpm test && release-it"
   },
   "dependencies": {
-    "@vueuse/core": "^9.9.0",
-    "@vueuse/integrations": "^9.9.0",
+    "@vueuse/core": "^9.11.1",
+    "@vueuse/integrations": "^9.11.1",
     "focus-trap": "^7.2.0",
     "vue": "^3.2.45"
   },
   "devDependencies": {
-    "@cypress/vue": "^5.0.1",
+    "@cypress/vue": "^5.0.3",
     "@release-it/conventional-changelog": "^5.1.1",
-    "@vitest/coverage-istanbul": "^0.26.2",
-    "@vue-macros/short-vmodel": "^1.0.3",
-    "@vue-macros/volar": "^0.5.10",
-    "cypress": "^11.1.0",
-    "jsdom": "^20.0.2",
-    "release-it": "^15.5.0",
-    "unplugin-vue-macros": "^1.3.2",
-    "unplugin-vue-define-options": "^1.1.3",
-    "vitest": "^0.25.7"
+    "@vitest/coverage-istanbul": "^0.28.1",
+    "@vue-macros/volar": "^0.5.15",
+    "cypress": "^12.3.0",
+    "jsdom": "^21.1.0",
+    "release-it": "^15.6.0",
+    "unplugin-vue-define-options": "^1.1.4",
+    "unplugin-vue-macros": "^1.4.2",
+    "vitest": "^0.28.1"
   },
   "peerDependencies": {
-    "@vueuse/core": "^9.9.0",
-    "@vueuse/integrations": "^9.9.0",
-    "focus-trap": "^7.2.0"
+    "@vueuse/core": ">=9.11.1",
+    "@vueuse/integrations": ">=9.11.1",
+    "focus-trap": ">=7.2.0"
   }
 }
diff --git a/packages/vue-final-modal/src/Modal.ts b/packages/vue-final-modal/src/Modal.ts
index 9a164b10..2fd971f1 100644
--- a/packages/vue-final-modal/src/Modal.ts
+++ b/packages/vue-final-modal/src/Modal.ts
@@ -1,51 +1,80 @@
-import type { App, CSSProperties, Component, ComponentPublicInstance, ComputedRef, Ref } from 'vue'
+import type { App, CSSProperties, Component, ComponentOptions, ComponentPublicInstance, ComputedRef, ConcreteComponent, Raw, Ref, VNodeProps } from 'vue'
 
 export type ComponentProps = ComponentPublicInstance['$props']
 
 export type ModalId = number | string | symbol
 export type StyleValue = string | CSSProperties | (string | CSSProperties)[]
 
-export type ModalSlot<T extends Record<string, any> = {}> = string | Component | {
-  component: Component
-  attrs?: T
+type RawProps = VNodeProps & {
+  // used to differ from a single VNode object as children
+  __v_isVNode?: never
+  // used to differ from Array children
+  [Symbol.iterator]?: never
+} & Record<string, any>
+
+type Attrs<P> = (RawProps & P) | ({} extends P ? null : never)
+
+interface UseModalOptionsConcreteComponent<P> { component: ConcreteComponent<P>; attrs?: Attrs<P> }
+interface UseModalOptionsComponentOptions<P> { component: ComponentOptions<P>; attrs?: Attrs<P> }
+interface UseModalOptionsBase { component: Raw<Component>; attrs?: Record<string, any> }
+interface ModalSlotOptionsConcreteComponent<P> extends UseModalOptionsConcreteComponent<P> {}
+interface ModalSlotOptionsComponentOptions<P> extends UseModalOptionsComponentOptions<P> {}
+type ModalSlot = string | Component | UseModalOptionsBase
+
+export type UseModalOptionsSlots = {
+  slots?: string | Component | {
+    default: ModalSlot
+    [key: string]: ModalSlot
+  }
 }
 
-export type UseModalOptionsPrivate<
-  ModalProps extends ComponentProps = {},
-  DefaultSlotProps extends ComponentProps = {},
-> = {
+export type UseModalOptions = {
   defaultModelValue?: boolean
   context?: Vfm
-  component?: Component
-  attrs?: ModalProps
-  slots?: {
-    default: ModalSlot<DefaultSlotProps>
-    [key: string]: ModalSlot
-  }
+  component: Raw<Component>
+  attrs?: Record<string, any>
+} & UseModalOptionsSlots
+
+export interface IOverloadedUseModalFn {
+  <P>(options: UseModalOptionsConcreteComponent<P> & UseModalOptionsSlots): UseModalReturnType
+  <P>(options: UseModalOptionsComponentOptions<P> & UseModalOptionsSlots): UseModalReturnType
+  <P>(options:
+  | UseModalOptionsConcreteComponent<P> & UseModalOptionsSlots
+  | UseModalOptionsComponentOptions<P> & UseModalOptionsSlots
+  | UseModalOptions
+  ): UseModalReturnType
+}
+
+interface IOverloadedPatchOptionsFn {
+  <P>(options: UseModalOptionsConcreteComponent<P> & UseModalOptionsSlots): void
+  <P>(options: UseModalOptionsComponentOptions<P> & UseModalOptionsSlots): void
+  <P>(options:
+  | UseModalOptionsConcreteComponent<P> & UseModalOptionsSlots
+  | UseModalOptionsComponentOptions<P> & UseModalOptionsSlots
+  | Omit<UseModalOptions, 'defaultModelValue' | 'context'>
+  ): void
+}
+
+interface IOverloadedUseModalSlotFn {
+  <P>(options: ModalSlotOptionsConcreteComponent<P>): ModalSlot
+  <P>(options: ModalSlotOptionsComponentOptions<P>): ModalSlot
+  <P>(options: ModalSlotOptionsConcreteComponent<P> | ModalSlotOptionsComponentOptions<P> | ModalSlot): ModalSlot
+}
+
+export const useModalSlot: IOverloadedUseModalSlotFn = (options: ModalSlot): ModalSlot => options
 
-  id?: symbol
-  modelValue?: boolean
-  resolveOpened?: () => void
-  resolveClosed?: () => void
+export type UseModalOptionsPrivate = {
+  id: symbol
+  modelValue: boolean
+  resolveOpened: () => void
+  resolveClosed: () => void
 }
 
-export type UseModalOptions<
-  ModalProps extends ComponentProps,
-  DefaultSlotProps extends ComponentProps = {},
-> = Pick<
-  UseModalOptionsPrivate<ModalProps, DefaultSlotProps>,
-  | 'defaultModelValue'
-  | 'context'
-  | 'component'
-  | 'attrs'
-  | 'slots'
->
-
-export type UseModalReturnType<ModalProps extends ComponentProps, DefaultSlotProps extends ComponentProps> = {
-  options: UseModalOptions<ModalProps, DefaultSlotProps>
+export interface UseModalReturnType {
+  options: UseModalOptions & UseModalOptionsPrivate
   open: () => Promise<string>
   close: () => Promise<string>
-  patchOptions: (options: Partial<UseModalOptions<ModalProps, DefaultSlotProps>>) => void
+  patchOptions: IOverloadedPatchOptionsFn
   destroy: () => void
 }
 
@@ -53,7 +82,7 @@ export type Vfm = {
   install(app: App): void
   modals: ComputedRef<Modal>[]
   openedModals: ComputedRef<Modal>[]
-  dynamicModals: UseModalOptionsPrivate[]
+  dynamicModals: (UseModalOptions & UseModalOptionsPrivate)[]
   modalsContainers: Ref<symbol[]>
   get: (modalId: ModalId) => undefined | ComputedRef<Modal>
   toggle: (modalId: ModalId, show?: boolean) => undefined | Promise<string>
diff --git a/packages/vue-final-modal/src/components/ModalsContainer.vue b/packages/vue-final-modal/src/components/ModalsContainer.vue
index c702cd6c..993435f5 100644
--- a/packages/vue-final-modal/src/components/ModalsContainer.vue
+++ b/packages/vue-final-modal/src/components/ModalsContainer.vue
@@ -2,7 +2,7 @@
 import { computed, onBeforeUnmount, shallowRef, watch } from 'vue'
 import { isString } from '@vueuse/core'
 import type { Ref } from 'vue'
-import type { UseModalOptionsPrivate } from '../Modal'
+import type { UseModalOptions, UseModalOptionsPrivate } from '../Modal'
 import { useInternalVfm, useVfm } from '~/useApi'
 
 const vfm = useVfm()
@@ -11,7 +11,7 @@ const _vfm = useInternalVfm()
 const uid = Symbol('ModalsContainer')
 const shouldMount = computed(() => uid === vfm.modalsContainers.value?.[0])
 
-const openedDynamicModals: Ref<UseModalOptionsPrivate[]> = shallowRef([])
+const openedDynamicModals: Ref<(UseModalOptions & UseModalOptionsPrivate)[]> = shallowRef([])
 
 function syncOpenDynamicModals() {
   openedDynamicModals.value = vfm.dynamicModals.filter(modal => modal.modelValue)
diff --git a/packages/vue-final-modal/src/plugin.ts b/packages/vue-final-modal/src/plugin.ts
index c4f4ce2a..ce92e164 100644
--- a/packages/vue-final-modal/src/plugin.ts
+++ b/packages/vue-final-modal/src/plugin.ts
@@ -1,12 +1,12 @@
 import type { App, ComputedRef } from 'vue'
 import { markRaw, nextTick, ref, shallowReactive } from 'vue'
 import { internalVfmSymbol, vfmSymbol } from './injectionSymbols'
-import type { InternalVfm, Modal, ModalId, UseModalOptionsPrivate, Vfm } from './Modal'
+import type { InternalVfm, Modal, ModalId, UseModalOptions, UseModalOptionsPrivate, Vfm } from './Modal'
 
 export function createVfm() {
   const modals: ComputedRef<Modal>[] = shallowReactive([])
   const openedModals: ComputedRef<Modal>[] = shallowReactive([])
-  const dynamicModals: UseModalOptionsPrivate<{}, {}>[] = shallowReactive([])
+  const dynamicModals: (UseModalOptions & UseModalOptionsPrivate)[] = shallowReactive([])
   const modalsContainers = ref<symbol[]>([])
 
   const vfm: Vfm = markRaw({
diff --git a/packages/vue-final-modal/src/useApi.ts b/packages/vue-final-modal/src/useApi.ts
index 17c31454..d1bb6bfe 100644
--- a/packages/vue-final-modal/src/useApi.ts
+++ b/packages/vue-final-modal/src/useApi.ts
@@ -3,7 +3,7 @@ import { computed, inject, markRaw, reactive, useAttrs } from 'vue'
 import VueFinalModal from './components/VueFinalModal/VueFinalModal.vue'
 import type CoreModal from './components/CoreModal/CoreModal.vue'
 import { internalVfmSymbol, vfmSymbol } from './injectionSymbols'
-import type { ComponentProps, InternalVfm, ModalSlot, UseModalOptions, UseModalOptionsPrivate, UseModalReturnType, Vfm } from './Modal'
+import type { ComponentProps, IOverloadedUseModalFn, InternalVfm, UseModalOptions, UseModalOptionsPrivate, UseModalOptionsSlots, UseModalReturnType, Vfm } from './Modal'
 
 /**
  * Returns the vfm instance. Equivalent to using `$vfm` inside
@@ -20,15 +20,12 @@ export function useInternalVfm(): InternalVfm {
   return inject(internalVfmSymbol)!
 }
 
-function withMarkRaw<
-  ModalProps extends ComponentProps,
-  DefaultSlotProps extends ComponentProps = {},
->(options: UseModalOptions<ModalProps, DefaultSlotProps>) {
+function withMarkRaw(options: Partial<UseModalOptions>) {
   const { component, slots: innerSlots, ...rest } = options
 
   const slots = typeof innerSlots === 'undefined'
     ? {}
-    : Object.fromEntries<ModalSlot>(Object.entries(innerSlots).map(([name, maybeComponent]) => {
+    : Object.fromEntries<UseModalOptionsSlots['slots']>(Object.entries(innerSlots).map(([name, maybeComponent]) => {
       if (isString(maybeComponent))
         return [name, maybeComponent] as const
 
@@ -50,18 +47,17 @@ function withMarkRaw<
 }
 
 /**
- * Define a dynamic modal.
+ * Create a dynamic modal.
  */
-function defineModal<
-  ModalProps extends ComponentProps,
-  DefaultSlotProps extends ComponentProps = {},
->(_options: UseModalOptions<ModalProps, DefaultSlotProps>): UseModalReturnType<ModalProps, DefaultSlotProps> {
+export const useModal: IOverloadedUseModalFn = function (_options: UseModalOptions): UseModalReturnType {
   const options = reactive({
     id: Symbol('useModal'),
     modelValue: !!_options?.defaultModelValue,
+    resolveOpened: () => {},
+    resolveClosed: () => {},
     attrs: {},
     ...withMarkRaw(_options),
-  }) as UseModalOptionsPrivate<ModalProps, DefaultSlotProps>
+  }) as UseModalOptions & UseModalOptionsPrivate
 
   if (!options.context)
     options.context = useVfm()
@@ -86,7 +82,7 @@ function defineModal<
     })
   }
 
-  function patchOptions(_options: Partial<UseModalOptions<ModalProps, DefaultSlotProps>>) {
+  function patchOptions(_options: Partial<UseModalOptions>) {
     const _patchOptions = withMarkRaw(_options)
     if (_patchOptions?.attrs)
       Object.assign(options.attrs || {}, _patchOptions.attrs)
@@ -104,23 +100,13 @@ function defineModal<
       options.context.dynamicModals.splice(index, 1)
   }
 
-  return {
+  const modal = {
     options,
     open,
     close,
     patchOptions,
     destroy,
   }
-}
-
-/**
- * Create a dynamic modal.
- */
-export function useModal<
-  ModalProps extends ComponentProps,
-  DefaultSlotProps extends ComponentProps = {},
->(_options: UseModalOptions<ModalProps, DefaultSlotProps>): UseModalReturnType<ModalProps, DefaultSlotProps> {
-  const modal = defineModal(_options)
 
   modal.options.context?.dynamicModals.push(modal.options)
 
@@ -136,7 +122,9 @@ export function pickModalProps(props: any, modalProps: any) {
   }, {} as Record<string, any>)
 }
 
-export function byPassAllModalEvents(emit: InstanceType<typeof CoreModal>['$emit']) {
+export function byPassAllModalEvents(emit?: InstanceType<typeof CoreModal>['$emit']) {
+  if (!emit)
+    return {}
   return {
     'onUpdate:modelValue': (val: boolean) => emit('update:modelValue', val),
 
@@ -153,7 +141,7 @@ export function byPassAllModalEvents(emit: InstanceType<typeof CoreModal>['$emit
 export function useVfmAttrs(options: {
   props: ComponentProps
   modalProps: ComponentProps
-  emit: any
+  emit?: any
 }) {
   const { props, modalProps, emit } = options
   const bindProps = computed(() => pickModalProps(props, modalProps))
diff --git a/packages/vue-final-modal/vite.config.ts b/packages/vue-final-modal/vite.config.ts
index 768bc886..4b1cda2e 100644
--- a/packages/vue-final-modal/vite.config.ts
+++ b/packages/vue-final-modal/vite.config.ts
@@ -1,9 +1,7 @@
 import path from 'path'
 import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
-import VueJsx from '@vitejs/plugin-vue-jsx'
 import VueMacros from 'unplugin-vue-macros/vite'
-import { transformShortVmodel } from '@vue-macros/short-vmodel'
 import DefineOptions from 'unplugin-vue-define-options/vite'
 
 const name = 'index'
@@ -16,22 +14,8 @@ export default defineConfig({
   },
   plugins: [
     VueMacros({
-      setupBlock: true,
       plugins: {
-        vue: Vue({
-          include: [/\.vue$/, /setup\.[cm]?[jt]sx?$/],
-          reactivityTransform: true,
-          template: {
-            compilerOptions: {
-              nodeTransforms: [
-                transformShortVmodel({
-                  prefix: '$',
-                }),
-              ],
-            },
-          },
-        }),
-        vueJsx: VueJsx(),
+        vue: Vue(),
       },
     }),
     DefineOptions(),
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 26fe1a68..e720eded 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,50 +5,46 @@ importers:
   .:
     specifiers:
       '@antfu/eslint-config': ^0.34.1
-      '@types/node': ^18.0.0
+      '@types/node': ^18.11.18
       '@vitejs/plugin-vue': ^4.0.0
-      '@vitejs/plugin-vue-jsx': ^3.0.0
-      '@vue/test-utils': ^2.2.6
-      concurrently: ^7.4.0
-      eslint: ^8.31.0
-      pnpm: ^7.23.0
-      sass: ^1.55.0
-      ts-node: ^10.9.1
-      typescript: ^4.8.4
+      '@vue/test-utils': ^2.2.7
+      concurrently: ^7.6.0
+      eslint: ^8.32.0
+      pnpm: ^7.25.1
+      sass: ^1.57.1
+      typescript: ^4.9.4
       vite: ^4.0.4
       vue: ^3.2.45
       vue-tsc: ^1.0.24
     dependencies:
       vue: 3.2.45
     devDependencies:
-      '@antfu/eslint-config': 0.34.1_iukboom6ndih5an6iafl45j2fe
+      '@antfu/eslint-config': 0.34.1_7uibuqfxkfaozanbtbziikiqje
       '@types/node': 18.11.18
       '@vitejs/plugin-vue': 4.0.0_vite@4.0.4+vue@3.2.45
-      '@vitejs/plugin-vue-jsx': 3.0.0_vite@4.0.4+vue@3.2.45
       '@vue/test-utils': 2.2.7_vue@3.2.45
       concurrently: 7.6.0
-      eslint: 8.31.0
-      pnpm: 7.25.0
+      eslint: 8.32.0
+      pnpm: 7.25.1
       sass: 1.57.1
-      ts-node: 10.9.1_awa2wsr5thmg3i7jqycphctjfq
       typescript: 4.9.4
       vite: 4.0.4_ovmyjmuuyckt3r3gpaexj2onji
       vue-tsc: 1.0.24_typescript@4.9.4
 
   docs:
     specifiers:
-      '@nuxt-themes/docus': ^1.4.5
+      '@nuxt-themes/docus': ^1.4.7
       '@nuxtjs/tailwindcss': ^6.2.0
       '@vorms/core': ^1.0.0
       nuxt: ^3.0.0
-      vue-final-modal: workspace:4.0.0-rc.10
+      vue-final-modal: workspace:4.0.0-rc.11
       vue3-drag-resize: ^2.0.5
     dependencies:
       '@vorms/core': 1.0.0
       vue-final-modal: link:../packages/vue-final-modal
       vue3-drag-resize: 2.0.5
     devDependencies:
-      '@nuxt-themes/docus': 1.4.5_nuxt@3.0.0
+      '@nuxt-themes/docus': 1.4.7_nuxt@3.0.0
       '@nuxtjs/tailwindcss': 6.2.0
       nuxt: 3.0.0
 
@@ -59,8 +55,8 @@ importers:
       '@nuxt/schema': ^3.0.0
       '@nuxtjs/eslint-config-typescript': ^12.0.0
       nuxt: ^3.0.0
-      release-it: ^15.5.0
-      vue-final-modal: ^4.0.0-rc.10
+      release-it: ^15.6.0
+      vue-final-modal: ^4.0.0-rc.11
     dependencies:
       '@nuxt/kit': 3.0.0
       vue-final-modal: link:../vue-final-modal
@@ -76,49 +72,46 @@ importers:
 
   packages/vue-final-modal:
     specifiers:
-      '@cypress/vue': ^5.0.1
+      '@cypress/vue': ^5.0.3
       '@release-it/conventional-changelog': ^5.1.1
-      '@vitest/coverage-istanbul': ^0.26.2
-      '@vue-macros/short-vmodel': ^1.0.3
-      '@vue-macros/volar': ^0.5.10
-      '@vueuse/core': ^9.9.0
-      '@vueuse/integrations': ^9.9.0
-      cypress: ^11.1.0
+      '@vitest/coverage-istanbul': ^0.28.1
+      '@vue-macros/volar': ^0.5.15
+      '@vueuse/core': ^9.11.1
+      '@vueuse/integrations': ^9.11.1
+      cypress: ^12.3.0
       focus-trap: ^7.2.0
-      jsdom: ^20.0.2
-      release-it: ^15.5.0
-      unplugin-vue-define-options: ^1.1.3
-      unplugin-vue-macros: ^1.3.2
-      vitest: ^0.25.7
+      jsdom: ^21.1.0
+      release-it: ^15.6.0
+      unplugin-vue-define-options: ^1.1.4
+      unplugin-vue-macros: ^1.4.2
+      vitest: ^0.28.1
       vue: ^3.2.45
     dependencies:
-      '@vueuse/core': 9.10.0_vue@3.2.45
-      '@vueuse/integrations': 9.10.0_nn2zg2o47bujavotzgw5cgkzcu
+      '@vueuse/core': 9.11.1_vue@3.2.45
+      '@vueuse/integrations': 9.11.1_nn2zg2o47bujavotzgw5cgkzcu
       focus-trap: 7.2.0
       vue: 3.2.45
     devDependencies:
-      '@cypress/vue': 5.0.3_cypress@11.2.0+vue@3.2.45
+      '@cypress/vue': 5.0.3_cypress@12.3.0+vue@3.2.45
       '@release-it/conventional-changelog': 5.1.1_release-it@15.6.0
-      '@vitest/coverage-istanbul': 0.26.3_jsdom@20.0.3
-      '@vue-macros/short-vmodel': 1.0.3_vue@3.2.45
-      '@vue-macros/volar': 0.5.10_vue@3.2.45
-      cypress: 11.2.0
-      jsdom: 20.0.3
+      '@vitest/coverage-istanbul': 0.28.1_jsdom@21.1.0
+      '@vue-macros/volar': 0.5.15_vue@3.2.45
+      cypress: 12.3.0
+      jsdom: 21.1.0
       release-it: 15.6.0
-      unplugin-vue-define-options: 1.1.3_vue@3.2.45
-      unplugin-vue-macros: 1.3.2_qgyh25qhta4ylgrt2bemftmezi
-      vitest: 0.25.8_jsdom@20.0.3
+      unplugin-vue-define-options: 1.1.4_vue@3.2.45
+      unplugin-vue-macros: 1.4.2_m7r73sgnm7svi3rdxjujis5p7q
+      vitest: 0.28.1_jsdom@21.1.0
 
   viteplay:
     specifiers:
       '@viteplay/plugin': ^0.2.4
       '@viteplay/vue': ^0.2.4
-      '@vue-macros/short-vmodel': ^1.0.3
-      '@vue-macros/volar': ^0.5.10
-      unplugin-vue-define-options: ^1.1.3
-      unplugin-vue-macros: ^1.3.2
+      '@vue-macros/volar': ^0.5.15
+      unplugin-vue-define-options: ^1.1.4
+      unplugin-vue-macros: ^1.4.2
       vue: ^3.2.45
-      vue-final-modal: workspace:4.0.0-rc.10
+      vue-final-modal: workspace:4.0.0-rc.11
       vue-router: ^4.1.6
     dependencies:
       vue: 3.2.45
@@ -127,10 +120,9 @@ importers:
     devDependencies:
       '@viteplay/plugin': 0.2.4
       '@viteplay/vue': 0.2.4_xsxatmlnmmg5bcuv3xdnj6fj7y
-      '@vue-macros/short-vmodel': 1.0.3_vue@3.2.45
-      '@vue-macros/volar': 0.5.10_vue@3.2.45
-      unplugin-vue-define-options: 1.1.3_vue@3.2.45
-      unplugin-vue-macros: 1.3.2_vue@3.2.45
+      '@vue-macros/volar': 0.5.15_vue@3.2.45
+      unplugin-vue-define-options: 1.1.4_vue@3.2.45
+      unplugin-vue-macros: 1.4.2_vue@3.2.45
 
 packages:
 
@@ -141,23 +133,23 @@ packages:
       '@jridgewell/gen-mapping': 0.1.1
       '@jridgewell/trace-mapping': 0.3.17
 
-  /@antfu/eslint-config-basic/0.34.1_3jon24igvnqaqexgwtxk6nkpse:
+  /@antfu/eslint-config-basic/0.34.1_oomjohfipuyaxs2zyomcx4f5by:
     resolution: {integrity: sha512-kMxVDjjBv3yDQJ2GdpPZDnV7iI+0mygxqLRrhydcppIf5RSfVHwtyFvWfWUJNpQI77Gg/ujeEYOZQE0BI+ndTg==}
     peerDependencies:
       eslint: '>=7.4.0'
     dependencies:
-      eslint: 8.31.0
-      eslint-plugin-antfu: 0.34.1_iukboom6ndih5an6iafl45j2fe
-      eslint-plugin-eslint-comments: 3.2.0_eslint@8.31.0
+      eslint: 8.32.0
+      eslint-plugin-antfu: 0.34.1_7uibuqfxkfaozanbtbziikiqje
+      eslint-plugin-eslint-comments: 3.2.0_eslint@8.32.0
       eslint-plugin-html: 7.1.0
-      eslint-plugin-import: 2.27.4_qdjeohovcytra7xto5vgmxssaq
-      eslint-plugin-jsonc: 2.6.0_eslint@8.31.0
-      eslint-plugin-markdown: 3.0.0_eslint@8.31.0
-      eslint-plugin-n: 15.6.1_eslint@8.31.0
+      eslint-plugin-import: 2.27.4_d7sd2krenkbelnt3n7nqqoxduu
+      eslint-plugin-jsonc: 2.6.0_eslint@8.32.0
+      eslint-plugin-markdown: 3.0.0_eslint@8.32.0
+      eslint-plugin-n: 15.6.1_eslint@8.32.0
       eslint-plugin-no-only-tests: 3.1.0
-      eslint-plugin-promise: 6.1.1_eslint@8.31.0
-      eslint-plugin-unicorn: 45.0.2_eslint@8.31.0
-      eslint-plugin-yml: 1.4.0_eslint@8.31.0
+      eslint-plugin-promise: 6.1.1_eslint@8.32.0
+      eslint-plugin-unicorn: 45.0.2_eslint@8.32.0
+      eslint-plugin-yml: 1.4.0_eslint@8.32.0
       jsonc-eslint-parser: 2.1.0
       yaml-eslint-parser: 1.1.0
     transitivePeerDependencies:
@@ -168,17 +160,17 @@ packages:
       - typescript
     dev: true
 
-  /@antfu/eslint-config-ts/0.34.1_iukboom6ndih5an6iafl45j2fe:
+  /@antfu/eslint-config-ts/0.34.1_7uibuqfxkfaozanbtbziikiqje:
     resolution: {integrity: sha512-YpuB+FhHRFpUzNoJI7JWLRgXNegZuaq4ONQl4lVzYG7YjxvKfXox2EfKhtE98i28ozwbsD8kFjYysmCD8SupHQ==}
     peerDependencies:
       eslint: '>=7.4.0'
       typescript: '>=3.9'
     dependencies:
-      '@antfu/eslint-config-basic': 0.34.1_3jon24igvnqaqexgwtxk6nkpse
-      '@typescript-eslint/eslint-plugin': 5.48.1_3jon24igvnqaqexgwtxk6nkpse
-      '@typescript-eslint/parser': 5.48.1_iukboom6ndih5an6iafl45j2fe
-      eslint: 8.31.0
-      eslint-plugin-jest: 27.2.1_ohsifnwenhmxgcp7mend4dnv74
+      '@antfu/eslint-config-basic': 0.34.1_oomjohfipuyaxs2zyomcx4f5by
+      '@typescript-eslint/eslint-plugin': 5.48.1_oomjohfipuyaxs2zyomcx4f5by
+      '@typescript-eslint/parser': 5.48.1_7uibuqfxkfaozanbtbziikiqje
+      eslint: 8.32.0
+      eslint-plugin-jest: 27.2.1_da3swvvw73n5da6ozuq5ccwblm
       typescript: 4.9.4
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
@@ -187,15 +179,15 @@ packages:
       - supports-color
     dev: true
 
-  /@antfu/eslint-config-vue/0.34.1_3jon24igvnqaqexgwtxk6nkpse:
+  /@antfu/eslint-config-vue/0.34.1_oomjohfipuyaxs2zyomcx4f5by:
     resolution: {integrity: sha512-wrYaQCKSH35y/pMKZ9lDRn4n0xkY3DB22FwucmpAgGVQM8Sj7OD1EbaFR3vXyCR7hL2kBtFnFrfeRuzRz6Frrg==}
     peerDependencies:
       eslint: '>=7.4.0'
     dependencies:
-      '@antfu/eslint-config-basic': 0.34.1_3jon24igvnqaqexgwtxk6nkpse
-      '@antfu/eslint-config-ts': 0.34.1_iukboom6ndih5an6iafl45j2fe
-      eslint: 8.31.0
-      eslint-plugin-vue: 9.9.0_eslint@8.31.0
+      '@antfu/eslint-config-basic': 0.34.1_oomjohfipuyaxs2zyomcx4f5by
+      '@antfu/eslint-config-ts': 0.34.1_7uibuqfxkfaozanbtbziikiqje
+      eslint: 8.32.0
+      eslint-plugin-vue: 9.9.0_eslint@8.32.0
       local-pkg: 0.4.2
     transitivePeerDependencies:
       - '@typescript-eslint/parser'
@@ -206,24 +198,24 @@ packages:
       - typescript
     dev: true
 
-  /@antfu/eslint-config/0.34.1_iukboom6ndih5an6iafl45j2fe:
+  /@antfu/eslint-config/0.34.1_7uibuqfxkfaozanbtbziikiqje:
     resolution: {integrity: sha512-Qz3s6n6Z2urePvOJCFxXpzDdaR7pcXX0jadbc0CI9mtzPAWaDDazXPH+AQ55tqJU7zTHYpccrgz0xWgsKqkYTw==}
     peerDependencies:
       eslint: '>=7.4.0'
     dependencies:
-      '@antfu/eslint-config-vue': 0.34.1_3jon24igvnqaqexgwtxk6nkpse
-      '@typescript-eslint/eslint-plugin': 5.48.1_3jon24igvnqaqexgwtxk6nkpse
-      '@typescript-eslint/parser': 5.48.1_iukboom6ndih5an6iafl45j2fe
-      eslint: 8.31.0
-      eslint-plugin-eslint-comments: 3.2.0_eslint@8.31.0
+      '@antfu/eslint-config-vue': 0.34.1_oomjohfipuyaxs2zyomcx4f5by
+      '@typescript-eslint/eslint-plugin': 5.48.1_oomjohfipuyaxs2zyomcx4f5by
+      '@typescript-eslint/parser': 5.48.1_7uibuqfxkfaozanbtbziikiqje
+      eslint: 8.32.0
+      eslint-plugin-eslint-comments: 3.2.0_eslint@8.32.0
       eslint-plugin-html: 7.1.0
-      eslint-plugin-import: 2.27.4_qdjeohovcytra7xto5vgmxssaq
-      eslint-plugin-jsonc: 2.6.0_eslint@8.31.0
-      eslint-plugin-n: 15.6.1_eslint@8.31.0
-      eslint-plugin-promise: 6.1.1_eslint@8.31.0
-      eslint-plugin-unicorn: 45.0.2_eslint@8.31.0
-      eslint-plugin-vue: 9.9.0_eslint@8.31.0
-      eslint-plugin-yml: 1.4.0_eslint@8.31.0
+      eslint-plugin-import: 2.27.4_d7sd2krenkbelnt3n7nqqoxduu
+      eslint-plugin-jsonc: 2.6.0_eslint@8.32.0
+      eslint-plugin-n: 15.6.1_eslint@8.32.0
+      eslint-plugin-promise: 6.1.1_eslint@8.32.0
+      eslint-plugin-unicorn: 45.0.2_eslint@8.32.0
+      eslint-plugin-vue: 9.9.0_eslint@8.32.0
+      eslint-plugin-yml: 1.4.0_eslint@8.32.0
       jsonc-eslint-parser: 2.1.0
       yaml-eslint-parser: 1.1.0
     transitivePeerDependencies:
@@ -749,13 +741,6 @@ packages:
     dev: true
     optional: true
 
-  /@cspotcode/source-map-support/0.8.1:
-    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
-    engines: {node: '>=12'}
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.9
-    dev: true
-
   /@csstools/selector-specificity/2.0.2_wajs5nedgkikc5pcuwett7legi:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
@@ -791,7 +776,7 @@ packages:
       uuid: 8.3.2
     dev: true
 
-  /@cypress/vue/5.0.3_cypress@11.2.0+vue@3.2.45:
+  /@cypress/vue/5.0.3_cypress@12.3.0+vue@3.2.45:
     resolution: {integrity: sha512-wGOr/aI5KAwpbO44Anb0lgi3mdOUg8V+F16Mam7txBqSCIoX4nRHNDVOx6MR3fSUEsDRhYi3reF+mQgdZdc9rQ==}
     engines: {node: '>=8'}
     peerDependencies:
@@ -802,7 +787,7 @@ packages:
       '@cypress/webpack-dev-server':
         optional: true
     dependencies:
-      cypress: 11.2.0
+      cypress: 12.3.0
       vue: 3.2.45
     dev: true
 
@@ -1031,13 +1016,13 @@ packages:
     dev: true
     optional: true
 
-  /@eslint-community/eslint-utils/4.1.2_eslint@8.31.0:
+  /@eslint-community/eslint-utils/4.1.2_eslint@8.32.0:
     resolution: {integrity: sha512-7qELuQWWjVDdVsFQ5+beUl+KPczrEDA7S3zM4QUd/bJl7oXgsmpXaEVqrRTnOBqenOV4rWf2kVZk2Ot085zPWA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      eslint: 8.31.0
+      eslint: 8.32.0
       eslint-visitor-keys: 3.3.0
     dev: true
 
@@ -1157,13 +1142,6 @@ packages:
       '@jridgewell/resolve-uri': 3.1.0
       '@jridgewell/sourcemap-codec': 1.4.14
 
-  /@jridgewell/trace-mapping/0.3.9:
-    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true
-
   /@koa/router/9.4.0:
     resolution: {integrity: sha512-dOOXgzqaDoHu5qqMEPLKEgLz5CeIA7q8+1W62mCvFVCOqeC71UoTGJ4u1xUSOpIl2J1x2pqrNULkFteUeZW3/A==}
     engines: {node: '>= 8.0.0'}
@@ -1248,15 +1226,15 @@ packages:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  /@nuxt-themes/docus/1.4.5_nuxt@3.0.0:
-    resolution: {integrity: sha512-qievU7VeETu6CvwYQ7wDRLbNblNugghGesWKz/NXWhtxjxShJlUr1cp6SOtK0/RRMRX5HYE/hDKSz6yqMcR6Ew==}
+  /@nuxt-themes/docus/1.4.7_nuxt@3.0.0:
+    resolution: {integrity: sha512-YOUnOky2QFKSZnSASMBHQmObhdEnRny0e+BxKOx2F++qMHKXx9vNpVWfl+2mYjpYEQihSERJ7WZiOhHo0QBLTg==}
     dependencies:
       '@nuxt-themes/elements': 0.4.4
       '@nuxt-themes/tokens': 1.5.3
-      '@nuxt-themes/typography': 0.4.0
+      '@nuxt-themes/typography': 0.4.2
       '@nuxt/content': 2.3.0
-      '@nuxthq/studio': 0.5.4
-      '@vueuse/nuxt': 9.10.0_nuxt@3.0.0
+      '@nuxthq/studio': 0.6.5
+      '@vueuse/nuxt': 9.11.1_nuxt@3.0.0
     transitivePeerDependencies:
       - '@vue/composition-api'
       - bufferutil
@@ -1273,7 +1251,7 @@ packages:
     resolution: {integrity: sha512-GsrCCBcvbOJjF2HV7/TvZXq7l7ETA0+z53HmgHV2L3G3gTpIghfr4v/EUjCOQD+qCpuwiQQW0nQeN51pw3xgow==}
     dependencies:
       '@nuxt-themes/tokens': 1.5.3
-      '@vueuse/core': 9.10.0
+      '@vueuse/core': 9.11.1
     transitivePeerDependencies:
       - '@vue/composition-api'
       - postcss
@@ -1287,7 +1265,7 @@ packages:
     resolution: {integrity: sha512-o0Juq5qhfnWZHCRgKi/rEtx+xqp0MC8tKYhYncISNRFoDCNCOagb65sxsY128OpUJdQOJw0JR3RgYnVGedHyKQ==}
     dependencies:
       '@nuxtjs/color-mode': 3.2.0
-      '@vueuse/core': 9.10.0
+      '@vueuse/core': 9.11.1
       pinceau: 0.10.10
     transitivePeerDependencies:
       - '@vue/composition-api'
@@ -1298,13 +1276,13 @@ packages:
       - vue
     dev: true
 
-  /@nuxt-themes/typography/0.4.0:
-    resolution: {integrity: sha512-qcRw2q5Z2fAIfOoXgG6tK7QSicSzuWK3EbKzWi6mU8kOeEuAeaUU7gF6/dpuurEqCrV1jnsjvkFGK8yA9sBk1g==}
+  /@nuxt-themes/typography/0.4.2:
+    resolution: {integrity: sha512-+lX7occxSCogUXmVwrsNwvS5ylgmFECGyF22tGXzFKT8Y+TMFSKk/dk/TEYoJ7OnL7CGxkvnW4muLCjN6nLJWA==}
     dependencies:
       '@nuxt-themes/tokens': 1.5.3
       '@nuxtjs/color-mode': 3.2.0
       nuxt-config-schema: 0.4.2
-      nuxt-icon: 0.1.8
+      nuxt-icon: 0.2.7
     transitivePeerDependencies:
       - '@vue/composition-api'
       - postcss
@@ -1577,8 +1555,8 @@ packages:
       - vti
     dev: true
 
-  /@nuxthq/studio/0.5.4:
-    resolution: {integrity: sha512-eRtxoN7rNxQdzU5dA4JZQtfyV7beFQTWB48H/UJyATXhsZKMiWt7ifWSwWzuczh5NrBsJiHQ0ThqZ2/J/VgWWQ==}
+  /@nuxthq/studio/0.6.5:
+    resolution: {integrity: sha512-kGb8abgTRJi0gcvTQcawEol5CR6uXS4bpCwEEk0+b3LSvyiM6k22Opb29KkSatprTkFrAPHDKSaUve8PiX22sw==}
     dependencies:
       '@nuxt/kit': 3.0.0
       '@nuxt/schema': 3.0.0
@@ -2091,22 +2069,6 @@ packages:
     engines: {node: '>=10.13.0'}
     dev: true
 
-  /@tsconfig/node10/1.0.9:
-    resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
-    dev: true
-
-  /@tsconfig/node12/1.0.11:
-    resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
-    dev: true
-
-  /@tsconfig/node14/1.0.3:
-    resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
-    dev: true
-
-  /@tsconfig/node16/1.0.3:
-    resolution: {integrity: sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==}
-    dev: true
-
   /@types/chai-subset/1.3.3:
     resolution: {integrity: sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==}
     dependencies:
@@ -2209,11 +2171,11 @@ packages:
     resolution: {integrity: sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==}
     requiresBuild: true
     dependencies:
-      '@types/node': 14.18.36
+      '@types/node': 18.11.18
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.48.1_3jon24igvnqaqexgwtxk6nkpse:
+  /@typescript-eslint/eslint-plugin/5.48.1_ff6kholja5d6imsya23e5hvkwa:
     resolution: {integrity: sha512-9nY5K1Rp2ppmpb9s9S2aBiF3xo5uExCehMDmYmmFqqyxgenbHJ3qbarcLt4ITgaD6r/2ypdlcFRdcuVPnks+fQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2224,23 +2186,21 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.48.1_iukboom6ndih5an6iafl45j2fe
+      '@typescript-eslint/parser': 5.48.1
       '@typescript-eslint/scope-manager': 5.48.1
-      '@typescript-eslint/type-utils': 5.48.1_iukboom6ndih5an6iafl45j2fe
-      '@typescript-eslint/utils': 5.48.1_iukboom6ndih5an6iafl45j2fe
+      '@typescript-eslint/type-utils': 5.48.1
+      '@typescript-eslint/utils': 5.48.1
       debug: 4.3.4
-      eslint: 8.31.0
       ignore: 5.2.4
       natural-compare-lite: 1.4.0
       regexpp: 3.2.0
       semver: 7.3.8
-      tsutils: 3.21.0_typescript@4.9.4
-      typescript: 4.9.4
+      tsutils: 3.21.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.48.1_ff6kholja5d6imsya23e5hvkwa:
+  /@typescript-eslint/eslint-plugin/5.48.1_oomjohfipuyaxs2zyomcx4f5by:
     resolution: {integrity: sha512-9nY5K1Rp2ppmpb9s9S2aBiF3xo5uExCehMDmYmmFqqyxgenbHJ3qbarcLt4ITgaD6r/2ypdlcFRdcuVPnks+fQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2251,16 +2211,18 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.48.1
+      '@typescript-eslint/parser': 5.48.1_7uibuqfxkfaozanbtbziikiqje
       '@typescript-eslint/scope-manager': 5.48.1
-      '@typescript-eslint/type-utils': 5.48.1
-      '@typescript-eslint/utils': 5.48.1
+      '@typescript-eslint/type-utils': 5.48.1_7uibuqfxkfaozanbtbziikiqje
+      '@typescript-eslint/utils': 5.48.1_7uibuqfxkfaozanbtbziikiqje
       debug: 4.3.4
+      eslint: 8.32.0
       ignore: 5.2.4
       natural-compare-lite: 1.4.0
       regexpp: 3.2.0
       semver: 7.3.8
-      tsutils: 3.21.0
+      tsutils: 3.21.0_typescript@4.9.4
+      typescript: 4.9.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2283,7 +2245,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.48.1_iukboom6ndih5an6iafl45j2fe:
+  /@typescript-eslint/parser/5.48.1_7uibuqfxkfaozanbtbziikiqje:
     resolution: {integrity: sha512-4yg+FJR/V1M9Xoq56SF9Iygqm+r5LMXvheo6DQ7/yUWynQ4YfCRnsKuRgqH4EQ5Ya76rVwlEpw4Xu+TgWQUcdA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2297,7 +2259,7 @@ packages:
       '@typescript-eslint/types': 5.48.1
       '@typescript-eslint/typescript-estree': 5.48.1_typescript@4.9.4
       debug: 4.3.4
-      eslint: 8.31.0
+      eslint: 8.32.0
       typescript: 4.9.4
     transitivePeerDependencies:
       - supports-color
@@ -2329,7 +2291,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/type-utils/5.48.1_iukboom6ndih5an6iafl45j2fe:
+  /@typescript-eslint/type-utils/5.48.1_7uibuqfxkfaozanbtbziikiqje:
     resolution: {integrity: sha512-Hyr8HU8Alcuva1ppmqSYtM/Gp0q4JOp1F+/JH5D1IZm/bUBrV0edoewQZiEc1r6I8L4JL21broddxK8HAcZiqQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2340,9 +2302,9 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.48.1_typescript@4.9.4
-      '@typescript-eslint/utils': 5.48.1_iukboom6ndih5an6iafl45j2fe
+      '@typescript-eslint/utils': 5.48.1_7uibuqfxkfaozanbtbziikiqje
       debug: 4.3.4
-      eslint: 8.31.0
+      eslint: 8.32.0
       tsutils: 3.21.0_typescript@4.9.4
       typescript: 4.9.4
     transitivePeerDependencies:
@@ -2414,7 +2376,7 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/utils/5.48.1_iukboom6ndih5an6iafl45j2fe:
+  /@typescript-eslint/utils/5.48.1_7uibuqfxkfaozanbtbziikiqje:
     resolution: {integrity: sha512-SmQuSrCGUOdmGMwivW14Z0Lj8dxG1mOFZ7soeJ0TQZEJcs3n5Ndgkg0A4bcMFzBELqLJ6GTHnEU+iIoaD6hFGA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2425,9 +2387,9 @@ packages:
       '@typescript-eslint/scope-manager': 5.48.1
       '@typescript-eslint/types': 5.48.1
       '@typescript-eslint/typescript-estree': 5.48.1_typescript@4.9.4
-      eslint: 8.31.0
+      eslint: 8.32.0
       eslint-scope: 5.1.1
-      eslint-utils: 3.0.0_eslint@8.31.0
+      eslint-utils: 3.0.0_eslint@8.32.0
       semver: 7.3.8
     transitivePeerDependencies:
       - supports-color
@@ -2512,22 +2474,6 @@ packages:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-vue-jsx/3.0.0_vite@4.0.4+vue@3.2.45:
-    resolution: {integrity: sha512-vurkuzgac5SYuxd2HUZqAFAWGTF10diKBwJNbCvnWijNZfXd+7jMtqjPFbGt7idOJUn584fP1Ar9j/GN2jQ3Ew==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^4.0.0
-      vue: ^3.0.0
-    dependencies:
-      '@babel/core': 7.20.12
-      '@babel/plugin-transform-typescript': 7.20.7_@babel+core@7.20.12
-      '@vue/babel-plugin-jsx': 1.1.1_@babel+core@7.20.12
-      vite: 4.0.4_ovmyjmuuyckt3r3gpaexj2onji
-      vue: 3.2.45
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@vitejs/plugin-vue/3.2.0_vite@3.2.5+vue@3.2.45:
     resolution: {integrity: sha512-E0tnaL4fr+qkdCNxJ+Xd0yM31UwMkQje76fsDVBBUCoGOUPexu2VDUYHL8P4CwV+zMvWw6nlRw19OnRKmYAJpw==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -2594,8 +2540,8 @@ packages:
       - '@vue/composition-api'
     dev: true
 
-  /@vitest/coverage-istanbul/0.26.3_jsdom@20.0.3:
-    resolution: {integrity: sha512-pJRxb+mGy11WdYiam6iW6N4CyhaBbpne+CGPqYGid74SplcR8N07JT3ETDoHKqh5vJCX5UnEIYIreanvFjgLHg==}
+  /@vitest/coverage-istanbul/0.28.1_jsdom@21.1.0:
+    resolution: {integrity: sha512-KH9cJ52/XCjetdEkTZFD2e1sxxA0lKz0XgFz3NLovaLsmxRCo15Vo/b2cr4K0diDI/fygQTkXHriVqrq5s+mJA==}
     dependencies:
       istanbul-lib-coverage: 3.2.0
       istanbul-lib-instrument: 5.2.1
@@ -2603,7 +2549,7 @@ packages:
       istanbul-lib-source-maps: 4.0.1
       istanbul-reports: 3.1.5
       test-exclude: 6.0.0
-      vitest: 0.26.3_jsdom@20.0.3
+      vitest: 0.28.1_jsdom@21.1.0
     transitivePeerDependencies:
       - '@edge-runtime/vm'
       - '@vitest/browser'
@@ -2618,23 +2564,42 @@ packages:
       - terser
     dev: true
 
-  /@volar/language-core/1.0.22:
-    resolution: {integrity: sha512-hiJeCOqxNdtG/04FRGLGI9H9DVz2l6cTqPDBzwqplHXAWfMxjzUaGUrn9sfTG7YMFNZUgK4EYxJnRfhqdtbSFQ==}
+  /@vitest/expect/0.28.1:
+    resolution: {integrity: sha512-BOvWjBoocKrrTTTC0opIvzOEa7WR/Ovx4++QYlbjYKjnQJfWRSEQkTpAIEfOURtZ/ICcaLk5jvsRshXvjarZew==}
     dependencies:
-      '@volar/source-map': 1.0.22
-      muggle-string: 0.1.0
+      '@vitest/spy': 0.28.1
+      '@vitest/utils': 0.28.1
+      chai: 4.3.7
     dev: true
 
-  /@volar/language-core/1.0.24:
-    resolution: {integrity: sha512-vTN+alJiWwK0Pax6POqrmevbtFW2dXhjwWiW/MW4f48eDYPLdyURWcr8TixO7EN/nHsUBj2udT7igFKPtjyAKg==}
+  /@vitest/runner/0.28.1:
+    resolution: {integrity: sha512-kOdmgiNe+mAxZhvj2eUTqKnjfvzzknmrcS+SZXV7j6VgJuWPFAMCv3TWOe03nF9dkqDfVLCDRw/hwFuCzmzlQg==}
     dependencies:
-      '@volar/source-map': 1.0.24
-      muggle-string: 0.1.0
+      '@vitest/utils': 0.28.1
+      p-limit: 4.0.0
+      pathe: 1.1.0
     dev: true
 
-  /@volar/source-map/1.0.22:
-    resolution: {integrity: sha512-cv4gypHSP4MWVR82ed/+1IpI6794qAl0Q0+KJ+VGMVF8rVugsiF9QbyMCgjel9wNRsssQsazzsf6txOR9vHQiw==}
+  /@vitest/spy/0.28.1:
+    resolution: {integrity: sha512-XGlD78cG3IxXNnGwEF121l0MfTNlHSdI25gS2ik0z6f/D9wWUOru849QkJbuNl4CMlZCtNkx3b5IS6MRwKGKuA==}
     dependencies:
+      tinyspy: 1.0.2
+    dev: true
+
+  /@vitest/utils/0.28.1:
+    resolution: {integrity: sha512-a7cV1fs5MeU+W+8sn8gM9gV+q7V/wYz3/4y016w/icyJEKm9AMdSHnrzxTWaElJ07X40pwU6m5353Jlw6Rbd8w==}
+    dependencies:
+      cli-truncate: 3.1.0
+      diff: 5.1.0
+      loupe: 2.3.6
+      picocolors: 1.0.0
+      pretty-format: 27.5.1
+    dev: true
+
+  /@volar/language-core/1.0.24:
+    resolution: {integrity: sha512-vTN+alJiWwK0Pax6POqrmevbtFW2dXhjwWiW/MW4f48eDYPLdyURWcr8TixO7EN/nHsUBj2udT7igFKPtjyAKg==}
+    dependencies:
+      '@volar/source-map': 1.0.24
       muggle-string: 0.1.0
     dev: true
 
@@ -2680,31 +2645,31 @@ packages:
       klona: 2.0.5
     dev: false
 
-  /@vue-macros/api/0.2.4_vue@3.2.45:
-    resolution: {integrity: sha512-Xh21ukcP1joUyADp2UWockwCh5oRX8zfYcOyT5bwzNribV48UdIYvUB2nFrMaPc0bdDXa6jLq3eWDWvk65ozwg==}
+  /@vue-macros/api/0.2.5_vue@3.2.45:
+    resolution: {integrity: sha512-DFJnOgjc3Q7JJOSKgb6Wk2xTwBa6S7n2em2JDINLnPE9iIosd6M+fuKsZ6hqqZgyTlxwpIaDR2RaiNNusnQNsg==}
     engines: {node: '>=14.19.0'}
     dependencies:
       '@babel/types': 7.20.7
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
     transitivePeerDependencies:
       - vue
     dev: true
 
-  /@vue-macros/better-define/1.1.4_vue@3.2.45:
-    resolution: {integrity: sha512-r3GTwfB2x21/2VCc1e5m7P47PdZusFofYb8u+PUlKa6hAz9CM9XtVPbtysy51DZdG7YjLH6EuErpqRjZ+3AOJQ==}
+  /@vue-macros/better-define/1.1.6_vue@3.2.45:
+    resolution: {integrity: sha512-etH6gasJPqVLbuPOctY9hbBnFbm3HpqzrYS2QcAR2SrauGj2yjDK5+l0DryrfqUTA4/xKKaSGBRFFcYIGDAmlg==}
     engines: {node: '>=14.19.0'}
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/api': 0.2.4_vue@3.2.45
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/api': 0.2.5_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       unplugin: 1.0.1
     transitivePeerDependencies:
       - rollup
       - vue
     dev: true
 
-  /@vue-macros/common/0.13.7_vue@3.2.45:
-    resolution: {integrity: sha512-EHBUsE8dGJdyDlkgcOs4IyrDMYjH/EjPTK+evTLVsrEfn1i4O3qrxUS/VW/PYIi/UCLrOcuG9SBbR3xxD5fCDg==}
+  /@vue-macros/common/0.13.8_vue@3.2.45:
+    resolution: {integrity: sha512-Fs8PNCR117MpR4MQYLupG6qary3n6ZKIkuuaJbmYJ+n3QUiO9LmBs1GgF9L+RQ+M4UDdfuk7LbvZwnWJ89MABA==}
     engines: {node: '>=14.19.0'}
     peerDependencies:
       vue: ^2.7.0 || ^3.2.25
@@ -2719,8 +2684,8 @@ packages:
       vue: 3.2.45
     dev: true
 
-  /@vue-macros/define-model/1.2.2_qgyh25qhta4ylgrt2bemftmezi:
-    resolution: {integrity: sha512-DQAxp3jp3P2XbWMn7wW0XZQLMlQ66CkrtoKc8cff+m1traaOJSUKT7h5u+QjmBsF5pUhI609/d0Z2MGhxcrw8g==}
+  /@vue-macros/define-model/1.2.3_m7r73sgnm7svi3rdxjujis5p7q:
+    resolution: {integrity: sha512-3KbYD2NvHEuo/xM5/yTSrSjXZHxphfrpRgjYCFlZfS+d+lvyJz9vezxatZaE/GLy0MS2T4+O5ZdtMWXi3Y6sfw==}
     engines: {node: '>=14.19.0'}
     peerDependencies:
       '@vueuse/core': ^9.0.0
@@ -2729,8 +2694,8 @@ packages:
         optional: true
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
-      '@vueuse/core': 9.10.0_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
+      '@vueuse/core': 9.11.1_vue@3.2.45
       ast-walker-scope: 0.3.1
       unplugin: 1.0.1
     transitivePeerDependencies:
@@ -2738,8 +2703,8 @@ packages:
       - vue
     dev: true
 
-  /@vue-macros/define-model/1.2.2_vue@3.2.45:
-    resolution: {integrity: sha512-DQAxp3jp3P2XbWMn7wW0XZQLMlQ66CkrtoKc8cff+m1traaOJSUKT7h5u+QjmBsF5pUhI609/d0Z2MGhxcrw8g==}
+  /@vue-macros/define-model/1.2.3_vue@3.2.45:
+    resolution: {integrity: sha512-3KbYD2NvHEuo/xM5/yTSrSjXZHxphfrpRgjYCFlZfS+d+lvyJz9vezxatZaE/GLy0MS2T4+O5ZdtMWXi3Y6sfw==}
     engines: {node: '>=14.19.0'}
     peerDependencies:
       '@vueuse/core': ^9.0.0
@@ -2748,7 +2713,7 @@ packages:
         optional: true
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       ast-walker-scope: 0.3.1
       unplugin: 1.0.1
     transitivePeerDependencies:
@@ -2756,66 +2721,66 @@ packages:
       - vue
     dev: true
 
-  /@vue-macros/define-props/0.1.3_vue@3.2.45:
-    resolution: {integrity: sha512-QUK3hZB/RlF8t8dx50CazstEQWGEFZbZXgFKr9yFER7WQuZhYxJCPNjzv2TBnDS3ZuomAAHGxvINA9mIh3M0Ag==}
+  /@vue-macros/define-props/0.2.0_vue@3.2.45:
+    resolution: {integrity: sha512-T/GqYcbxQ8Fm4J86w3+KSeuQPgh6UAYkr1YC+zSExnzoKmeN8k6CsV/Xb/FkkV8dqi0Gpb2XFOvkIrnauLH6Ww==}
     engines: {node: '>=14.19.0'}
     peerDependencies:
-      vue: ^3.2.25
+      vue: ^2.7.0 || ^3.2.25
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       unplugin: 1.0.1
       vue: 3.2.45
     transitivePeerDependencies:
       - rollup
     dev: true
 
-  /@vue-macros/define-render/1.1.3_vue@3.2.45:
-    resolution: {integrity: sha512-mGLEUS/xLDBTUKpuU5Vh9EEm72+GCVHqc0zgrjXbf7TrH8X+3xNSmr/7Cx0iP6tMv5OXIMNhuaCiq751yw5Djg==}
+  /@vue-macros/define-render/1.1.4_vue@3.2.45:
+    resolution: {integrity: sha512-vmlu/LSDA7rA9pS8VE1MUoq6LkS6fU1yJ09ZCPW8J/99NFNpasIr6HxbWO0qFdLuvzNVl5bJAiHqdGxE9h9U0A==}
     engines: {node: '>=14.19.0'}
     peerDependencies:
       vue: ^2.7.0 || ^3.0.0
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       unplugin: 1.0.1
       vue: 3.2.45
     transitivePeerDependencies:
       - rollup
     dev: true
 
-  /@vue-macros/define-slots/0.1.3_vue@3.2.45:
-    resolution: {integrity: sha512-norAzDnh6io8epf4PL4NnVWCgRgmJSqK9ucrNEpjiS5GCEdj3cUBWf9ksu3uob2LnisurlRTOi4Do9ty+1lkKA==}
+  /@vue-macros/define-slots/0.1.4_vue@3.2.45:
+    resolution: {integrity: sha512-bV5Hh4+VQX8A+T6n7t75HuRY6XJODiwrE0JtxybfqHPk3Hp+8DRcEHi32Jxkjjiih2gLX+aosb8v6oDLVCiwBw==}
     engines: {node: '>=14.19.0'}
     peerDependencies:
       vue: ^2.7.0 || ^3.0.0
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       unplugin: 1.0.1
       vue: 3.2.45
     transitivePeerDependencies:
       - rollup
     dev: true
 
-  /@vue-macros/hoist-static/1.1.3_vue@3.2.45:
-    resolution: {integrity: sha512-woOFVO0QUt1pQ6JcQFRKeO7YwuUEb/TTOw51IU+m37Mz//WlLh8+93k+WMGuTes6UxufpEoXft3p4uvajuMBhQ==}
+  /@vue-macros/hoist-static/1.1.4_vue@3.2.45:
+    resolution: {integrity: sha512-zBpkPvgU7p6S9GSiuhK09qCOgxaQ/Q3ipaT1pRrdFrW8T42dAVNjQGbHqjXhP/i+6eCZ4bMvg4BY6DA9OjrBfA==}
     engines: {node: '>=14.19.0'}
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       unplugin: 1.0.1
     transitivePeerDependencies:
       - rollup
       - vue
     dev: true
 
-  /@vue-macros/named-template/0.1.3_vue@3.2.45:
-    resolution: {integrity: sha512-46ZIAHXhySZy05buCoJ0q2cUiRQzQzCzEkzbcYBtIvL3y2ybCXKM7igvTZEWOM9SMF52dQJRJxdrrMT7yagn+A==}
+  /@vue-macros/named-template/0.1.4_vue@3.2.45:
+    resolution: {integrity: sha512-jkj21TxGXpCOOOh/0a3GOiOFSOKQlTbLzEgSJbXMY+hffHmN2Jc0IItFXNC2UnjSbY8hMzeKpKw2lZoQLfIKJg==}
     engines: {node: '>=14.19.0'}
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       '@vue/compiler-dom': 3.2.45
       unplugin: 1.0.1
     transitivePeerDependencies:
@@ -2823,14 +2788,14 @@ packages:
       - vue
     dev: true
 
-  /@vue-macros/reactivity-transform-vue2/0.0.4_vue@3.2.45:
-    resolution: {integrity: sha512-qbi14Xpi6mNW9+q5ZBzACf7YajXTeCqUdnD+5lp1jaxoIQadL9nwJLQPruQrlYaUIEfVlwW8CJrnNaA6ziMSfQ==}
+  /@vue-macros/reactivity-transform-vue2/0.0.6_vue@3.2.45:
+    resolution: {integrity: sha512-iuRCDKOPcn7UJWslibYLnOrdzUt8n+X63rc29Q7C7R1PNoVEszm9jhGn3HUmK6bCkIJFwu3hwWc4k4wTo0SulA==}
     engines: {node: '>=14.19.0'}
     peerDependencies:
-      vue: ^2.7.0
+      vue: ^2.7.0 || ^3.2.25
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       '@vue/reactivity-transform': 3.2.45
       unplugin: 1.0.1
       vue: 3.2.45
@@ -2838,12 +2803,12 @@ packages:
       - rollup
     dev: true
 
-  /@vue-macros/setup-block/0.0.4_vue@3.2.45:
-    resolution: {integrity: sha512-gMvdd4tXwJYX9z6QEktyRdQxhiZexUUMqZZ/P8iFlzWuUVYWD+aYUvg3ueWtZeW3m8UrK7e6AE6iy8ZVShCwcg==}
+  /@vue-macros/setup-block/0.0.5_vue@3.2.45:
+    resolution: {integrity: sha512-C27QKFw6oRP+6mG8HXy6+dfQCXPBNHFRujeuPYD/ueYIOZq+tjPDXHzzJQ5QnR3E4M5DD4yXjSGHgqQLPby+QQ==}
     engines: {node: '>=14.19.0'}
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       '@vue/compiler-dom': 3.2.45
       unplugin: 1.0.1
     transitivePeerDependencies:
@@ -2851,64 +2816,64 @@ packages:
       - vue
     dev: true
 
-  /@vue-macros/setup-component/0.14.0_vue@3.2.45:
-    resolution: {integrity: sha512-M5PrvPkhSnvO1wJ4DgJamM/XNM2gwmbRhEtHp51dxKz1i7SsC4OJiH3DlpW53KXM9QKd0oIH72/u1dCE0QNliA==}
+  /@vue-macros/setup-component/0.14.1_vue@3.2.45:
+    resolution: {integrity: sha512-vmpccytNs/Rb0KHb6tKRC5PDAvvRP1epbvF1RtTOqDG85XHkXwKF/4771nQPXEqF4q0Ps57deVApc6Ud4UPW1g==}
     engines: {node: '>=14.19.0'}
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       unplugin: 1.0.1
     transitivePeerDependencies:
       - rollup
       - vue
     dev: true
 
-  /@vue-macros/setup-sfc/0.13.3_vue@3.2.45:
-    resolution: {integrity: sha512-hzY4ZZ5m7lQZWbNnzVcTlDdygf0oEMeMjg/iBCYxXzLVUaYIelaIJquzoammLJ05A3aVicRO2lCuERYoAeNxGw==}
+  /@vue-macros/setup-sfc/0.13.4_vue@3.2.45:
+    resolution: {integrity: sha512-DKfkpjnenzyJHGWaZK8HaoRz9Mpc8o5t3Jy+VT+uHaA3SeRERS0rqSsLDPTNXkOgFgScdvKCW4wGJebMA0S0PA==}
     engines: {node: '>=14.19.0'}
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       unplugin: 1.0.1
     transitivePeerDependencies:
       - rollup
       - vue
     dev: true
 
-  /@vue-macros/short-emits/1.1.3_vue@3.2.45:
-    resolution: {integrity: sha512-50aYrLU22tKZh4/LIHHUj9VAwaz5RjPXNsVeKcLC9WMk2dwuTiSsWVR06VJmlCKMdPe+oUY/Xi8AEtgDgZwDcQ==}
+  /@vue-macros/short-emits/1.1.4_vue@3.2.45:
+    resolution: {integrity: sha512-vRaLho00Jq6FNdqbKKuksfwA5thbzrl30wyTJITzcp0chGAxFJm/DOXUVoZwox/W71aPS/ctyz6UQAdTUj9j8g==}
     engines: {node: '>=14.19.0'}
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       unplugin: 1.0.1
     transitivePeerDependencies:
       - rollup
       - vue
     dev: true
 
-  /@vue-macros/short-vmodel/1.0.3_vue@3.2.45:
-    resolution: {integrity: sha512-x5Bj87LqSICtP79UEhB99ai8rpNN1PtBMO6/9NtmcLwYSQLrtzZtfVOUgIgiQGuQKpTNA9UEYn3sKTGY9Lce9w==}
+  /@vue-macros/short-vmodel/1.0.4_vue@3.2.45:
+    resolution: {integrity: sha512-p3OZFebKr/SZ3BnOTHXNRc8QlEcY27nUxDRltrKsqn7zWX/KHIuYz3bLuoji1fezQx/GXhWf/k+81Kr8FwUrSA==}
     engines: {node: '>=14.19.0'}
     dependencies:
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       '@vue/compiler-core': 3.2.45
     transitivePeerDependencies:
       - vue
     dev: true
 
-  /@vue-macros/volar/0.5.10_vue@3.2.45:
-    resolution: {integrity: sha512-sTrJT+N//7UF0mNsF+/TkSDDoipjSqNZoBdLMCLCGEcp6hk8YkBc05nJBrZwVmVo8QAACIiPykmvu+BxYfCaTg==}
+  /@vue-macros/volar/0.5.15_vue@3.2.45:
+    resolution: {integrity: sha512-LzMcWXDeglqN8M4Jz9kVVAuORs5zROWzUsKYzv5wEsTb7ibX88sqGBN40wrcltpK6D9EXhn8aIk+6m+lRwpTgw==}
     peerDependencies:
-      vue-tsc: ^1.0.9
+      vue-tsc: ^1.0.24
     peerDependenciesMeta:
       vue-tsc:
         optional: true
     dependencies:
-      '@volar/language-core': 1.0.22
-      '@vue-macros/common': 0.13.7_vue@3.2.45
-      '@vue-macros/define-props': 0.1.3_vue@3.2.45
-      '@vue-macros/short-vmodel': 1.0.3_vue@3.2.45
+      '@volar/language-core': 1.0.24
+      '@vue-macros/common': 0.13.8_vue@3.2.45
+      '@vue-macros/define-props': 0.2.0_vue@3.2.45
+      '@vue-macros/short-vmodel': 1.0.4_vue@3.2.45
       muggle-string: 0.2.1
     transitivePeerDependencies:
       - rollup
@@ -3038,24 +3003,24 @@ packages:
       vue-demi: 0.13.11_vue@3.2.45
     dev: true
 
-  /@vueuse/core/9.10.0:
-    resolution: {integrity: sha512-CxMewME07qeuzuT/AOIQGv0EhhDoojniqU6pC3F8m5VC76L47UT18DcX88kWlP3I7d3qMJ4u/PD8iSRsy3bmNA==}
+  /@vueuse/core/9.11.1:
+    resolution: {integrity: sha512-E/cizD1w9ILkq4axYjZrXLkKaBfzloaby2n3NMjUfd6yI/jkfTVgc6iwy/Cw2e++Ld4LphGbO+3MhzizvwUslQ==}
     dependencies:
       '@types/web-bluetooth': 0.0.16
-      '@vueuse/metadata': 9.10.0
-      '@vueuse/shared': 9.10.0
+      '@vueuse/metadata': 9.11.1
+      '@vueuse/shared': 9.11.1
       vue-demi: 0.13.11
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
     dev: true
 
-  /@vueuse/core/9.10.0_vue@3.2.45:
-    resolution: {integrity: sha512-CxMewME07qeuzuT/AOIQGv0EhhDoojniqU6pC3F8m5VC76L47UT18DcX88kWlP3I7d3qMJ4u/PD8iSRsy3bmNA==}
+  /@vueuse/core/9.11.1_vue@3.2.45:
+    resolution: {integrity: sha512-E/cizD1w9ILkq4axYjZrXLkKaBfzloaby2n3NMjUfd6yI/jkfTVgc6iwy/Cw2e++Ld4LphGbO+3MhzizvwUslQ==}
     dependencies:
       '@types/web-bluetooth': 0.0.16
-      '@vueuse/metadata': 9.10.0
-      '@vueuse/shared': 9.10.0_vue@3.2.45
+      '@vueuse/metadata': 9.11.1
+      '@vueuse/shared': 9.11.1_vue@3.2.45
       vue-demi: 0.13.11_vue@3.2.45
     transitivePeerDependencies:
       - '@vue/composition-api'
@@ -3073,8 +3038,8 @@ packages:
       vue: 3.2.45
     dev: true
 
-  /@vueuse/integrations/9.10.0_nn2zg2o47bujavotzgw5cgkzcu:
-    resolution: {integrity: sha512-MLGVbN3i9gRq3pb8VRZXgPvbNJcUUvgR5pmbc1QZj4Z1vvsvxam159AwWEJdyX2I39a1E7EkmBujtiXtVckO5g==}
+  /@vueuse/integrations/9.11.1_nn2zg2o47bujavotzgw5cgkzcu:
+    resolution: {integrity: sha512-1VBT1U0ScI0GmJn+i7RvyCX5P+Dh04yxHurN3RniYPCFOJ8mCKSqJlzSA5aQ94UIK0ZKI2RyEGS8FY0WAteixw==}
     peerDependencies:
       async-validator: '*'
       axios: '*'
@@ -3111,8 +3076,8 @@ packages:
       universal-cookie:
         optional: true
     dependencies:
-      '@vueuse/core': 9.10.0_vue@3.2.45
-      '@vueuse/shared': 9.10.0_vue@3.2.45
+      '@vueuse/core': 9.11.1_vue@3.2.45
+      '@vueuse/shared': 9.11.1_vue@3.2.45
       focus-trap: 7.2.0
       vue-demi: 0.13.11_vue@3.2.45
     transitivePeerDependencies:
@@ -3124,17 +3089,17 @@ packages:
     resolution: {integrity: sha512-IwSfzH80bnJMzqhaapqJl9JRIiyQU0zsRGEgnxN6jhq7992cPUJIRfV+JHRIZXjYqbwt07E1gTEp0R0zPJ1aqw==}
     dev: true
 
-  /@vueuse/metadata/9.10.0:
-    resolution: {integrity: sha512-G5VZhgTCapzU9rv0Iq2HBrVOSGzOKb+OE668NxhXNcTjUjwYxULkEhAw70FtRLMZc+hxcFAzDZlKYA0xcwNMuw==}
+  /@vueuse/metadata/9.11.1:
+    resolution: {integrity: sha512-ABjkrG+VXggNhjfGyw5e/sekxTZfXTwjrYXkkWQmQ7Biyv+Gq9UD6IDNfeGvQZEINI0Qzw6nfuO2UFCd3hlrxQ==}
 
-  /@vueuse/nuxt/9.10.0_nuxt@3.0.0:
-    resolution: {integrity: sha512-Re63RiUzsEbYGGrES+2YY3Elqblu0XVIVogBJydLBgK4sINDbfnqX0MHDpBuV8MC2SZ/3ojQPMOaJdYIIidJeg==}
+  /@vueuse/nuxt/9.11.1_nuxt@3.0.0:
+    resolution: {integrity: sha512-hiiRzLgsH5nTAb2TChyFc6nykIyTB3MnCEhILg44Ug9ILC3vG/qnHnv3zRtIu4bXNOhDQN5shfnchgGPJFf8PA==}
     peerDependencies:
       nuxt: ^3.0.0
     dependencies:
       '@nuxt/kit': 3.0.0
-      '@vueuse/core': 9.10.0
-      '@vueuse/metadata': 9.10.0
+      '@vueuse/core': 9.11.1
+      '@vueuse/metadata': 9.11.1
       local-pkg: 0.4.2
       nuxt: 3.0.0
       vue-demi: 0.13.11
@@ -3160,8 +3125,8 @@ packages:
       vue-demi: 0.13.11_vue@3.2.45
     dev: true
 
-  /@vueuse/shared/9.10.0:
-    resolution: {integrity: sha512-vakHJ2ZRklAzqmcVBL38RS7BxdBA4+5poG9NsSyqJxrt9kz0zX3P5CXMy0Hm6LFbZXUgvKdqAS3pUH1zX/5qTQ==}
+  /@vueuse/shared/9.11.1:
+    resolution: {integrity: sha512-UTZYGAjT96hWn4buf4wstZbeheBVNcKPQuej6qpoSkjF1atdaeCD6kqm9uGL2waHfisSgH9mq0qCRiBOk5C/2w==}
     dependencies:
       vue-demi: 0.13.11
     transitivePeerDependencies:
@@ -3169,8 +3134,8 @@ packages:
       - vue
     dev: true
 
-  /@vueuse/shared/9.10.0_vue@3.2.45:
-    resolution: {integrity: sha512-vakHJ2ZRklAzqmcVBL38RS7BxdBA4+5poG9NsSyqJxrt9kz0zX3P5CXMy0Hm6LFbZXUgvKdqAS3pUH1zX/5qTQ==}
+  /@vueuse/shared/9.11.1_vue@3.2.45:
+    resolution: {integrity: sha512-UTZYGAjT96hWn4buf4wstZbeheBVNcKPQuej6qpoSkjF1atdaeCD6kqm9uGL2waHfisSgH9mq0qCRiBOk5C/2w==}
     dependencies:
       vue-demi: 0.13.11_vue@3.2.45
     transitivePeerDependencies:
@@ -3334,6 +3299,11 @@ packages:
       color-convert: 2.0.1
     dev: true
 
+  /ansi-styles/5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+    dev: true
+
   /ansi-styles/6.2.1:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
@@ -3391,10 +3361,6 @@ packages:
       readable-stream: 3.6.0
     dev: true
 
-  /arg/4.1.3:
-    resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
-    dev: true
-
   /arg/5.0.2:
     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
     dev: true
@@ -3747,6 +3713,11 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /cac/6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+    dev: true
+
   /cache-content-type/1.0.1:
     resolution: {integrity: sha512-IKufZ1o4Ut42YUrZSo8+qnMTrFuKkvyoLXUywKz9GJ5BrhOFGhLdkx9sG4KAnVvbY6kEcSFjLQul+DVmBm2bgA==}
     engines: {node: '>= 6.0.0'}
@@ -4063,6 +4034,14 @@ packages:
       string-width: 4.2.3
     dev: true
 
+  /cli-truncate/3.1.0:
+    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 5.1.2
+    dev: true
+
   /cli-width/4.0.0:
     resolution: {integrity: sha512-ZksGS2xpa/bYkNzN3BAw1wEjsLV/ZKOf/CCrJ/QOBsxx6fOARIkwTutxp1XIOIohi6HKmOFjMoK/XaqDVUpEEw==}
     engines: {node: '>= 12'}
@@ -4674,9 +4653,9 @@ packages:
     resolution: {integrity: sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw==}
     dev: true
 
-  /cypress/11.2.0:
-    resolution: {integrity: sha512-u61UGwtu7lpsNWLUma/FKNOsrjcI6wleNmda/TyKHe0dOBcVjbCPlp1N6uwFZ0doXev7f/91YDpU9bqDCFeBLA==}
-    engines: {node: '>=12.0.0'}
+  /cypress/12.3.0:
+    resolution: {integrity: sha512-ZQNebibi6NBt51TRxRMYKeFvIiQZ01t50HSy7z/JMgRVqBUey3cdjog5MYEbzG6Ktti5ckDt1tfcC47lmFwXkw==}
+    engines: {node: ^14.0.0 || ^16.0.0 || >=18.0.0}
     hasBin: true
     requiresBuild: true
     dependencies:
@@ -4993,11 +4972,6 @@ packages:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
     dev: true
 
-  /diff/4.0.2:
-    resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
-    engines: {node: '>=0.3.1'}
-    dev: true
-
   /diff/5.1.0:
     resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
     engines: {node: '>=0.3.1'}
@@ -5652,7 +5626,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-module-utils/2.7.4_oqug5ierxezpn52hp42gpcx3gu:
+  /eslint-module-utils/2.7.4_awc5ojakdxd2pk5whk6wov46km:
     resolution: {integrity: sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -5673,15 +5647,15 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.48.1
+      '@typescript-eslint/parser': 5.48.1_7uibuqfxkfaozanbtbziikiqje
       debug: 3.2.7
+      eslint: 8.32.0
       eslint-import-resolver-node: 0.3.7
-      eslint-import-resolver-typescript: 3.5.3_xwyoujhv2zz5pj5vdvbnv64eri
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-module-utils/2.7.4_sqt5xxn4ciiurbqrzlaarm6ama:
+  /eslint-module-utils/2.7.4_oqug5ierxezpn52hp42gpcx3gu:
     resolution: {integrity: sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -5702,18 +5676,18 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.48.1_iukboom6ndih5an6iafl45j2fe
+      '@typescript-eslint/parser': 5.48.1
       debug: 3.2.7
-      eslint: 8.31.0
       eslint-import-resolver-node: 0.3.7
+      eslint-import-resolver-typescript: 3.5.3_xwyoujhv2zz5pj5vdvbnv64eri
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-antfu/0.34.1_iukboom6ndih5an6iafl45j2fe:
+  /eslint-plugin-antfu/0.34.1_7uibuqfxkfaozanbtbziikiqje:
     resolution: {integrity: sha512-UeS1aTUX9rZgknrBT/NyDCSG6dMd6UbiumHdciE62VwOw04dD8cy/p7m+OJZ6WMF3vz0CseJmzzk8q4pca4sEA==}
     dependencies:
-      '@typescript-eslint/utils': 5.48.1_iukboom6ndih5an6iafl45j2fe
+      '@typescript-eslint/utils': 5.48.1_7uibuqfxkfaozanbtbziikiqje
     transitivePeerDependencies:
       - eslint
       - supports-color
@@ -5740,25 +5714,25 @@ packages:
       regexpp: 3.2.0
     dev: true
 
-  /eslint-plugin-es/4.1.0_eslint@8.31.0:
+  /eslint-plugin-es/4.1.0_eslint@8.32.0:
     resolution: {integrity: sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==}
     engines: {node: '>=8.10.0'}
     peerDependencies:
       eslint: '>=4.19.1'
     dependencies:
-      eslint: 8.31.0
+      eslint: 8.32.0
       eslint-utils: 2.1.0
       regexpp: 3.2.0
     dev: true
 
-  /eslint-plugin-eslint-comments/3.2.0_eslint@8.31.0:
+  /eslint-plugin-eslint-comments/3.2.0_eslint@8.32.0:
     resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
     engines: {node: '>=6.5.0'}
     peerDependencies:
       eslint: '>=4.19.1'
     dependencies:
       escape-string-regexp: 1.0.5
-      eslint: 8.31.0
+      eslint: 8.32.0
       ignore: 5.2.4
     dev: true
 
@@ -5768,7 +5742,7 @@ packages:
       htmlparser2: 8.0.1
     dev: true
 
-  /eslint-plugin-import/2.27.4_qdjeohovcytra7xto5vgmxssaq:
+  /eslint-plugin-import/2.27.4_d7sd2krenkbelnt3n7nqqoxduu:
     resolution: {integrity: sha512-Z1jVt1EGKia1X9CnBCkpAOhWy8FgQ7OmJ/IblEkT82yrFU/xJaxwujaTzLWqigewwynRQ9mmHfX9MtAfhxm0sA==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -5778,15 +5752,15 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.48.1_iukboom6ndih5an6iafl45j2fe
+      '@typescript-eslint/parser': 5.48.1_7uibuqfxkfaozanbtbziikiqje
       array-includes: 3.1.6
       array.prototype.flat: 1.3.1
       array.prototype.flatmap: 1.3.1
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 8.31.0
+      eslint: 8.32.0
       eslint-import-resolver-node: 0.3.7
-      eslint-module-utils: 2.7.4_sqt5xxn4ciiurbqrzlaarm6ama
+      eslint-module-utils: 2.7.4_awc5ojakdxd2pk5whk6wov46km
       has: 1.0.3
       is-core-module: 2.11.0
       is-glob: 4.0.3
@@ -5833,7 +5807,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-jest/27.2.1_ohsifnwenhmxgcp7mend4dnv74:
+  /eslint-plugin-jest/27.2.1_da3swvvw73n5da6ozuq5ccwblm:
     resolution: {integrity: sha512-l067Uxx7ZT8cO9NJuf+eJHvt6bqJyz2Z29wykyEdz/OtmcELQl2MQGQLX8J94O1cSJWAwUSEvCjwjA7KEK3Hmg==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     peerDependencies:
@@ -5846,33 +5820,33 @@ packages:
       jest:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.48.1_3jon24igvnqaqexgwtxk6nkpse
-      '@typescript-eslint/utils': 5.48.1_iukboom6ndih5an6iafl45j2fe
-      eslint: 8.31.0
+      '@typescript-eslint/eslint-plugin': 5.48.1_oomjohfipuyaxs2zyomcx4f5by
+      '@typescript-eslint/utils': 5.48.1_7uibuqfxkfaozanbtbziikiqje
+      eslint: 8.32.0
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /eslint-plugin-jsonc/2.6.0_eslint@8.31.0:
+  /eslint-plugin-jsonc/2.6.0_eslint@8.32.0:
     resolution: {integrity: sha512-4bA9YTx58QaWalua1Q1b82zt7eZMB7i+ed8q8cKkbKP75ofOA2SXbtFyCSok7RY6jIXeCqQnKjN9If8zCgv6PA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
-      eslint: 8.31.0
-      eslint-utils: 3.0.0_eslint@8.31.0
+      eslint: 8.32.0
+      eslint-utils: 3.0.0_eslint@8.32.0
       jsonc-eslint-parser: 2.1.0
       natural-compare: 1.4.0
     dev: true
 
-  /eslint-plugin-markdown/3.0.0_eslint@8.31.0:
+  /eslint-plugin-markdown/3.0.0_eslint@8.32.0:
     resolution: {integrity: sha512-hRs5RUJGbeHDLfS7ELanT0e29Ocyssf/7kBM+p7KluY5AwngGkDf8Oyu4658/NZSGTTq05FZeWbkxXtbVyHPwg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      eslint: 8.31.0
+      eslint: 8.32.0
       mdast-util-from-markdown: 0.8.5
     transitivePeerDependencies:
       - supports-color
@@ -5894,16 +5868,16 @@ packages:
       semver: 7.3.8
     dev: true
 
-  /eslint-plugin-n/15.6.1_eslint@8.31.0:
+  /eslint-plugin-n/15.6.1_eslint@8.32.0:
     resolution: {integrity: sha512-R9xw9OtCRxxaxaszTQmQAlPgM+RdGjaL1akWuY/Fv9fRAi8Wj4CUKc6iYVG8QNRjRuo8/BqVYIpfqberJUEacA==}
     engines: {node: '>=12.22.0'}
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
       builtins: 5.0.1
-      eslint: 8.31.0
-      eslint-plugin-es: 4.1.0_eslint@8.31.0
-      eslint-utils: 3.0.0_eslint@8.31.0
+      eslint: 8.32.0
+      eslint-plugin-es: 4.1.0_eslint@8.32.0
+      eslint-utils: 3.0.0_eslint@8.32.0
       ignore: 5.2.4
       is-core-module: 2.11.0
       minimatch: 3.1.2
@@ -5937,13 +5911,13 @@ packages:
       eslint: ^7.0.0 || ^8.0.0
     dev: true
 
-  /eslint-plugin-promise/6.1.1_eslint@8.31.0:
+  /eslint-plugin-promise/6.1.1_eslint@8.32.0:
     resolution: {integrity: sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      eslint: 8.31.0
+      eslint: 8.32.0
     dev: true
 
   /eslint-plugin-unicorn/44.0.2:
@@ -5968,17 +5942,17 @@ packages:
       strip-indent: 3.0.0
     dev: true
 
-  /eslint-plugin-unicorn/45.0.2_eslint@8.31.0:
+  /eslint-plugin-unicorn/45.0.2_eslint@8.32.0:
     resolution: {integrity: sha512-Y0WUDXRyGDMcKLiwgL3zSMpHrXI00xmdyixEGIg90gHnj0PcHY4moNv3Ppje/kDivdAy5vUeUr7z211ImPv2gw==}
     engines: {node: '>=14.18'}
     peerDependencies:
       eslint: '>=8.28.0'
     dependencies:
       '@babel/helper-validator-identifier': 7.19.1
-      '@eslint-community/eslint-utils': 4.1.2_eslint@8.31.0
+      '@eslint-community/eslint-utils': 4.1.2_eslint@8.32.0
       ci-info: 3.7.1
       clean-regexp: 1.0.0
-      eslint: 8.31.0
+      eslint: 8.32.0
       esquery: 1.4.0
       indent-string: 4.0.0
       is-builtin-module: 3.2.0
@@ -6010,32 +5984,32 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-vue/9.9.0_eslint@8.31.0:
+  /eslint-plugin-vue/9.9.0_eslint@8.32.0:
     resolution: {integrity: sha512-YbubS7eK0J7DCf0U2LxvVP7LMfs6rC6UltihIgval3azO3gyDwEGVgsCMe1TmDiEkl6GdMKfRpaME6QxIYtzDQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      eslint: 8.31.0
-      eslint-utils: 3.0.0_eslint@8.31.0
+      eslint: 8.32.0
+      eslint-utils: 3.0.0_eslint@8.32.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.0.11
       semver: 7.3.8
-      vue-eslint-parser: 9.1.0_eslint@8.31.0
+      vue-eslint-parser: 9.1.0_eslint@8.32.0
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-yml/1.4.0_eslint@8.31.0:
+  /eslint-plugin-yml/1.4.0_eslint@8.32.0:
     resolution: {integrity: sha512-vzggXNfPKa+arIaNUGoC3DPRZCxNty+xD/v9xOcE5D3Bj9SbgIrEobqVB35I8QxHd2YjL/dOS0xIIFmjAalwbw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4
-      eslint: 8.31.0
+      eslint: 8.32.0
       lodash: 4.17.21
       natural-compare: 1.4.0
       yaml-eslint-parser: 1.1.0
@@ -6075,13 +6049,13 @@ packages:
       eslint-visitor-keys: 2.1.0
     dev: true
 
-  /eslint-utils/3.0.0_eslint@8.31.0:
+  /eslint-utils/3.0.0_eslint@8.32.0:
     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
     peerDependencies:
       eslint: '>=5'
     dependencies:
-      eslint: 8.31.0
+      eslint: 8.32.0
       eslint-visitor-keys: 2.1.0
     dev: true
 
@@ -6100,8 +6074,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint/8.31.0:
-    resolution: {integrity: sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==}
+  /eslint/8.32.0:
+    resolution: {integrity: sha512-nETVXpnthqKPFyuY2FNjz/bEd6nbosRgKbkgS/y1C7LJop96gYHWpiguLecMHQ2XCPxn77DS0P+68WzG6vkZSQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
@@ -6116,7 +6090,7 @@ packages:
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.1.1
-      eslint-utils: 3.0.0_eslint@8.31.0
+      eslint-utils: 3.0.0_eslint@8.32.0
       eslint-visitor-keys: 3.3.0
       espree: 9.4.1
       esquery: 1.4.0
@@ -6281,7 +6255,7 @@ packages:
     dependencies:
       enhanced-resolve: 5.12.0
       mlly: 1.1.0
-      pathe: 1.0.0
+      pathe: 1.1.0
       ufo: 1.0.1
     dev: true
 
@@ -7547,6 +7521,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /is-fullwidth-code-point/4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+    dev: true
+
   /is-generator-function/1.0.10:
     resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
     engines: {node: '>= 0.4'}
@@ -7867,8 +7846,8 @@ packages:
     resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
     dev: true
 
-  /jsdom/20.0.3:
-    resolution: {integrity: sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==}
+  /jsdom/21.1.0:
+    resolution: {integrity: sha512-m0lzlP7qOtthD918nenK3hdItSd2I+V3W9IrBcB36sqDwG+KnUs66IF5GY7laGWUnlM9vTsD0W1QwSEBYWWcJg==}
     engines: {node: '>=14'}
     peerDependencies:
       canvas: ^2.5.0
@@ -8385,10 +8364,6 @@ packages:
       semver: 6.3.0
     dev: true
 
-  /make-error/1.3.6:
-    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
-    dev: true
-
   /map-obj/1.0.1:
     resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
     engines: {node: '>=0.10.0'}
@@ -9035,7 +9010,7 @@ packages:
       globby: 13.1.3
       jiti: 1.16.2
       mri: 1.2.0
-      pathe: 1.0.0
+      pathe: 1.1.0
       typescript: 4.9.4
     dev: true
 
@@ -9043,7 +9018,7 @@ packages:
     resolution: {integrity: sha512-Rn+ai4G+CQXptDFSRNnChEgNr+xAEauYhwRvpPl/UHStTlgkIftplgJRsA2OXPuoUn86K4XAjB26+x5CEvVb6A==}
     dependencies:
       acorn: 8.8.1
-      pathe: 1.0.0
+      pathe: 1.1.0
       pkg-types: 1.0.1
       ufo: 1.0.1
     dev: true
@@ -9367,11 +9342,12 @@ packages:
       - supports-color
     dev: true
 
-  /nuxt-icon/0.1.8:
-    resolution: {integrity: sha512-oPFlLOZCy80MN+hf49+mBkOIHWVF3sOqZREQZw3qD0N6wGlR15QeRQtKQC8qGeQcc+xvpLQm0GvrdJ8FxFOPYg==}
+  /nuxt-icon/0.2.7:
+    resolution: {integrity: sha512-Tv1oh33oLJfFDhQ5nMZ8I5vspbg7A8JTW7sVtD58gDkHfFzEHXBcXz7OesFZZQvKPwBWSKhBLgIenbFu5Jkzlw==}
     dependencies:
       '@iconify/vue': 4.0.2
       '@nuxt/kit': 3.0.0
+      nuxt-config-schema: 0.4.2
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -9650,6 +9626,13 @@ packages:
       yocto-queue: 0.1.0
     dev: true
 
+  /p-limit/4.0.0:
+    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      yocto-queue: 1.0.0
+    dev: true
+
   /p-locate/2.0.0:
     resolution: {integrity: sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==}
     engines: {node: '>=4'}
@@ -9891,6 +9874,10 @@ packages:
   /pathe/1.0.0:
     resolution: {integrity: sha512-nPdMG0Pd09HuSsr7QOKUXO2Jr9eqaDiZvDwdyIhNG5SHYujkQHYKDfGQkulBxvbDHz8oHLsTgKN86LSwYzSHAg==}
 
+  /pathe/1.1.0:
+    resolution: {integrity: sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==}
+    dev: true
+
   /pathval/1.1.1:
     resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
     dev: true
@@ -9975,8 +9962,8 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /pnpm/7.25.0:
-    resolution: {integrity: sha512-FGFQUON8kJ6ma39elJ8lyD8wPIfgp3opGJD9sX0TgIJk4zSr556qCgC8AN+3BFHe4yuRkEauf4JVLW2RKyyEcA==}
+  /pnpm/7.25.1:
+    resolution: {integrity: sha512-y/jlADVxyk+scBwI0ALRf8QoUMgrWyONnD1voZaPTBI+D+aIXXiFG9pMk3eLhvEfc0nK8KUnnbDDBTywd7WsMw==}
     engines: {node: '>=14.6'}
     hasBin: true
     dev: true
@@ -10507,6 +10494,15 @@ packages:
     engines: {node: ^14.13.1 || >=16.0.0}
     dev: true
 
+  /pretty-format/27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+    dev: true
+
   /process-nextick-args/2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -10663,6 +10659,10 @@ packages:
       destr: 1.2.2
       flat: 5.0.2
 
+  /react-is/17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+    dev: true
+
   /read-cache/1.0.0:
     resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
     dependencies:
@@ -11342,6 +11342,10 @@ packages:
       object-inspect: 1.12.3
     dev: true
 
+  /siginfo/2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+    dev: true
+
   /signal-exit/3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
     dev: true
@@ -11373,6 +11377,14 @@ packages:
       is-fullwidth-code-point: 3.0.0
     dev: true
 
+  /slice-ansi/5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 4.0.0
+    dev: true
+
   /slugify/1.6.5:
     resolution: {integrity: sha512-8mo9bslnBO3tr5PEVFzMPIWwWnipGS0xVbYf65zxDqfNwmzYn1LpiKNrR6DlClusuvo+hDHd1zKpmfAe83NQSQ==}
     engines: {node: '>=8.0.0'}
@@ -11520,6 +11532,10 @@ packages:
     deprecated: 'Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility'
     dev: true
 
+  /stackback/0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+    dev: true
+
   /standard-as-callback/2.1.0:
     resolution: {integrity: sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==}
     dev: true
@@ -12005,37 +12021,6 @@ packages:
     resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
     dev: true
 
-  /ts-node/10.9.1_awa2wsr5thmg3i7jqycphctjfq:
-    resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
-    hasBin: true
-    peerDependencies:
-      '@swc/core': '>=1.2.50'
-      '@swc/wasm': '>=1.2.50'
-      '@types/node': '*'
-      typescript: '>=2.7'
-    peerDependenciesMeta:
-      '@swc/core':
-        optional: true
-      '@swc/wasm':
-        optional: true
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.9
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.3
-      '@types/node': 18.11.18
-      acorn: 8.8.1
-      acorn-walk: 8.2.0
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.2
-      make-error: 1.3.6
-      typescript: 4.9.4
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-    dev: true
-
   /tsconfig-paths/3.14.1:
     resolution: {integrity: sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==}
     dependencies:
@@ -12436,12 +12421,12 @@ packages:
       unplugin: 1.0.1
     dev: true
 
-  /unplugin-vue-define-options/1.1.3_vue@3.2.45:
-    resolution: {integrity: sha512-OfGYQhsvTCkjEsRTrWC0sSFciLy6aIa4bE96ZNmFSQrv1/Cu512F4WTd8WMKyaRhaN6Cy8EM2cbGLMWAHBAz4A==}
+  /unplugin-vue-define-options/1.1.4_vue@3.2.45:
+    resolution: {integrity: sha512-nGE3AlMYDkXrPlcUh2XEZgucC9sPdlZupDBUPyqBgNjEo24WuTF9JihA5bq/VLUeDkobxxmkmGHz040l4PGPDA==}
     engines: {node: '>=14.19.0'}
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/common': 0.13.7_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
       ast-walker-scope: 0.3.1
       unplugin: 1.0.1
     transitivePeerDependencies:
@@ -12449,28 +12434,28 @@ packages:
       - vue
     dev: true
 
-  /unplugin-vue-macros/1.3.2_qgyh25qhta4ylgrt2bemftmezi:
-    resolution: {integrity: sha512-TcAVr81LiRlaeNtzu8tOZhEKHIpdbETFolP+l0eY7HlxQj0ee6feO//+NMLoKsypfJ/HmRuYIBClr1Ji3fAZ3A==}
+  /unplugin-vue-macros/1.4.2_m7r73sgnm7svi3rdxjujis5p7q:
+    resolution: {integrity: sha512-9KeI+F4QCxkMYVcETMLhixpRsN7RBsNFLWMLE05PyQwoNry5RESCrhsfsQn+Jzezs+PiQQjF1DoH6iSc2UbhYA==}
     engines: {node: '>=14.19.0'}
     peerDependencies:
       vue: ^2.7.0 || ^3.2.25
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/better-define': 1.1.4_vue@3.2.45
-      '@vue-macros/common': 0.13.7_vue@3.2.45
-      '@vue-macros/define-model': 1.2.2_qgyh25qhta4ylgrt2bemftmezi
-      '@vue-macros/define-props': 0.1.3_vue@3.2.45
-      '@vue-macros/define-render': 1.1.3_vue@3.2.45
-      '@vue-macros/define-slots': 0.1.3_vue@3.2.45
-      '@vue-macros/hoist-static': 1.1.3_vue@3.2.45
-      '@vue-macros/named-template': 0.1.3_vue@3.2.45
-      '@vue-macros/reactivity-transform-vue2': 0.0.4_vue@3.2.45
-      '@vue-macros/setup-block': 0.0.4_vue@3.2.45
-      '@vue-macros/setup-component': 0.14.0_vue@3.2.45
-      '@vue-macros/setup-sfc': 0.13.3_vue@3.2.45
-      '@vue-macros/short-emits': 1.1.3_vue@3.2.45
+      '@vue-macros/better-define': 1.1.6_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
+      '@vue-macros/define-model': 1.2.3_m7r73sgnm7svi3rdxjujis5p7q
+      '@vue-macros/define-props': 0.2.0_vue@3.2.45
+      '@vue-macros/define-render': 1.1.4_vue@3.2.45
+      '@vue-macros/define-slots': 0.1.4_vue@3.2.45
+      '@vue-macros/hoist-static': 1.1.4_vue@3.2.45
+      '@vue-macros/named-template': 0.1.4_vue@3.2.45
+      '@vue-macros/reactivity-transform-vue2': 0.0.6_vue@3.2.45
+      '@vue-macros/setup-block': 0.0.5_vue@3.2.45
+      '@vue-macros/setup-component': 0.14.1_vue@3.2.45
+      '@vue-macros/setup-sfc': 0.13.4_vue@3.2.45
+      '@vue-macros/short-emits': 1.1.4_vue@3.2.45
       unplugin-combine: 0.5.3
-      unplugin-vue-define-options: 1.1.3_vue@3.2.45
+      unplugin-vue-define-options: 1.1.4_vue@3.2.45
       vue: 3.2.45
     transitivePeerDependencies:
       - '@vueuse/core'
@@ -12480,28 +12465,28 @@ packages:
       - webpack
     dev: true
 
-  /unplugin-vue-macros/1.3.2_vue@3.2.45:
-    resolution: {integrity: sha512-TcAVr81LiRlaeNtzu8tOZhEKHIpdbETFolP+l0eY7HlxQj0ee6feO//+NMLoKsypfJ/HmRuYIBClr1Ji3fAZ3A==}
+  /unplugin-vue-macros/1.4.2_vue@3.2.45:
+    resolution: {integrity: sha512-9KeI+F4QCxkMYVcETMLhixpRsN7RBsNFLWMLE05PyQwoNry5RESCrhsfsQn+Jzezs+PiQQjF1DoH6iSc2UbhYA==}
     engines: {node: '>=14.19.0'}
     peerDependencies:
       vue: ^2.7.0 || ^3.2.25
     dependencies:
       '@rollup/pluginutils': 5.0.2
-      '@vue-macros/better-define': 1.1.4_vue@3.2.45
-      '@vue-macros/common': 0.13.7_vue@3.2.45
-      '@vue-macros/define-model': 1.2.2_vue@3.2.45
-      '@vue-macros/define-props': 0.1.3_vue@3.2.45
-      '@vue-macros/define-render': 1.1.3_vue@3.2.45
-      '@vue-macros/define-slots': 0.1.3_vue@3.2.45
-      '@vue-macros/hoist-static': 1.1.3_vue@3.2.45
-      '@vue-macros/named-template': 0.1.3_vue@3.2.45
-      '@vue-macros/reactivity-transform-vue2': 0.0.4_vue@3.2.45
-      '@vue-macros/setup-block': 0.0.4_vue@3.2.45
-      '@vue-macros/setup-component': 0.14.0_vue@3.2.45
-      '@vue-macros/setup-sfc': 0.13.3_vue@3.2.45
-      '@vue-macros/short-emits': 1.1.3_vue@3.2.45
+      '@vue-macros/better-define': 1.1.6_vue@3.2.45
+      '@vue-macros/common': 0.13.8_vue@3.2.45
+      '@vue-macros/define-model': 1.2.3_vue@3.2.45
+      '@vue-macros/define-props': 0.2.0_vue@3.2.45
+      '@vue-macros/define-render': 1.1.4_vue@3.2.45
+      '@vue-macros/define-slots': 0.1.4_vue@3.2.45
+      '@vue-macros/hoist-static': 1.1.4_vue@3.2.45
+      '@vue-macros/named-template': 0.1.4_vue@3.2.45
+      '@vue-macros/reactivity-transform-vue2': 0.0.6_vue@3.2.45
+      '@vue-macros/setup-block': 0.0.5_vue@3.2.45
+      '@vue-macros/setup-component': 0.14.1_vue@3.2.45
+      '@vue-macros/setup-sfc': 0.13.4_vue@3.2.45
+      '@vue-macros/short-emits': 1.1.4_vue@3.2.45
       unplugin-combine: 0.5.3
-      unplugin-vue-define-options: 1.1.3_vue@3.2.45
+      unplugin-vue-define-options: 1.1.4_vue@3.2.45
       vue: 3.2.45
     transitivePeerDependencies:
       - '@vueuse/core'
@@ -12643,10 +12628,6 @@ packages:
       sade: 1.8.1
     dev: true
 
-  /v8-compile-cache-lib/3.0.1:
-    resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
-    dev: true
-
   /validate-npm-package-license/3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
     dependencies:
@@ -12712,14 +12693,16 @@ packages:
       - terser
     dev: true
 
-  /vite-node/0.26.3_@types+node@18.11.18:
-    resolution: {integrity: sha512-Te2bq0Bfvq6XiO718I+1EinMjpNYKws6SNHKOmVbILAQimKoZKDd+IZLlkaYcBXPpK3HFe2U80k8Zw+m3w/a2w==}
+  /vite-node/0.28.1_@types+node@18.11.18:
+    resolution: {integrity: sha512-Mmab+cIeElkVn4noScCRjy8nnQdh5LDIR4QCH/pVWtY15zv5Z1J7u6/471B9JZ2r8CEIs42vTbngaamOVkhPLA==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
     dependencies:
+      cac: 6.7.14
       debug: 4.3.4
       mlly: 1.1.0
-      pathe: 0.2.0
+      pathe: 1.1.0
+      picocolors: 1.0.0
       source-map: 0.6.1
       source-map-support: 0.5.21
       vite: 4.0.4_@types+node@18.11.18
@@ -12914,8 +12897,8 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.25.8_jsdom@20.0.3:
-    resolution: {integrity: sha512-X75TApG2wZTJn299E/TIYevr4E9/nBo1sUtZzn0Ci5oK8qnpZAZyhwg0qCeMSakGIWtc6oRwcQFyFfW14aOFWg==}
+  /vitest/0.28.1_jsdom@21.1.0:
+    resolution: {integrity: sha512-F6wAO3K5+UqJCCGt0YAl3Ila2f+fpBrJhl9n7qWEhREwfzQeXlMkkCqGqGtzBxCSa8kv5QHrkshX8AaPTXYACQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
     peerDependencies:
@@ -12939,65 +12922,28 @@ packages:
       '@types/chai': 4.3.4
       '@types/chai-subset': 1.3.3
       '@types/node': 18.11.18
+      '@vitest/expect': 0.28.1
+      '@vitest/runner': 0.28.1
+      '@vitest/spy': 0.28.1
+      '@vitest/utils': 0.28.1
       acorn: 8.8.1
       acorn-walk: 8.2.0
+      cac: 6.7.14
       chai: 4.3.7
       debug: 4.3.4
-      jsdom: 20.0.3
-      local-pkg: 0.4.2
-      source-map: 0.6.1
-      strip-literal: 1.0.0
-      tinybench: 2.3.1
-      tinypool: 0.3.0
-      tinyspy: 1.0.2
-      vite: 4.0.4_@types+node@18.11.18
-    transitivePeerDependencies:
-      - less
-      - sass
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-    dev: true
-
-  /vitest/0.26.3_jsdom@20.0.3:
-    resolution: {integrity: sha512-FmHxU9aUCxTi23keF3vxb/Qp0lYXaaJ+jRLGOUmMS3qVTOJvgGE+f1VArupA6pEhaG2Ans4X+zV9dqM5WISMbg==}
-    engines: {node: '>=v14.16.0'}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@vitest/browser': '*'
-      '@vitest/ui': '*'
-      happy-dom: '*'
-      jsdom: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@vitest/browser':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-    dependencies:
-      '@types/chai': 4.3.4
-      '@types/chai-subset': 1.3.3
-      '@types/node': 18.11.18
-      acorn: 8.8.1
-      acorn-walk: 8.2.0
-      chai: 4.3.7
-      debug: 4.3.4
-      jsdom: 20.0.3
+      jsdom: 21.1.0
       local-pkg: 0.4.2
+      pathe: 1.1.0
+      picocolors: 1.0.0
       source-map: 0.6.1
+      std-env: 3.3.1
       strip-literal: 1.0.0
       tinybench: 2.3.1
       tinypool: 0.3.0
       tinyspy: 1.0.2
       vite: 4.0.4_@types+node@18.11.18
-      vite-node: 0.26.3_@types+node@18.11.18
+      vite-node: 0.28.1_@types+node@18.11.18
+      why-is-node-running: 2.2.2
     transitivePeerDependencies:
       - less
       - sass
@@ -13121,14 +13067,14 @@ packages:
       - supports-color
     dev: true
 
-  /vue-eslint-parser/9.1.0_eslint@8.31.0:
+  /vue-eslint-parser/9.1.0_eslint@8.32.0:
     resolution: {integrity: sha512-NGn/iQy8/Wb7RrRa4aRkokyCZfOUWk19OP5HP6JEozQFX5AoS/t+Z0ZN7FY4LlmWc4FNI922V7cvX28zctN8dQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4
-      eslint: 8.31.0
+      eslint: 8.32.0
       eslint-scope: 7.1.1
       eslint-visitor-keys: 3.3.0
       espree: 9.4.1
@@ -13285,6 +13231,15 @@ packages:
       isexe: 2.0.0
     dev: true
 
+  /why-is-node-running/2.2.2:
+    resolution: {integrity: sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+    dev: true
+
   /wide-align/1.1.5:
     resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
     dependencies:
@@ -13496,16 +13451,16 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
-  /yn/3.1.1:
-    resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
-    engines: {node: '>=6'}
-    dev: true
-
   /yocto-queue/0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
     dev: true
 
+  /yocto-queue/1.0.0:
+    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
+    engines: {node: '>=12.20'}
+    dev: true
+
   /zip-stream/4.1.0:
     resolution: {integrity: sha512-zshzwQW7gG7hjpBlgeQP9RuyPGNxvJdzR8SUM3QhxCnLjWN2E7j3dOvpeDcQoETfHx0urRS7EtmVToql7YpU4A==}
     engines: {node: '>= 10'}
diff --git a/viteplay/package.json b/viteplay/package.json
index 016f1b52..0a19dd55 100644
--- a/viteplay/package.json
+++ b/viteplay/package.json
@@ -7,15 +7,14 @@
   },
   "dependencies": {
     "vue": "^3.2.45",
-    "vue-final-modal": "workspace:4.0.0-rc.10",
+    "vue-final-modal": "workspace:4.0.0-rc.11",
     "vue-router": "^4.1.6"
   },
   "devDependencies": {
     "@viteplay/plugin": "^0.2.4",
     "@viteplay/vue": "^0.2.4",
-    "@vue-macros/short-vmodel": "^1.0.3",
-    "@vue-macros/volar": "^0.5.10",
-    "unplugin-vue-macros": "^1.3.2",
-    "unplugin-vue-define-options": "^1.1.3"
+    "@vue-macros/volar": "^0.5.15",
+    "unplugin-vue-macros": "^1.4.2",
+    "unplugin-vue-define-options": "^1.1.4"
   }
 }
diff --git a/viteplay/src/components/ModalBottom/Basic.example.vue b/viteplay/src/components/ModalBottom/Basic.example.vue
index ee98b8e6..12277ade 100644
--- a/viteplay/src/components/ModalBottom/Basic.example.vue
+++ b/viteplay/src/components/ModalBottom/Basic.example.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { ModalBottom, ModalsContainer, useModal, useVfm } from 'vue-final-modal'
+import { ModalBottom, ModalsContainer, useModal, useModalSlot, useVfm } from 'vue-final-modal'
 import DefaultSlot from '../DefaultSlot.vue'
 
 const show = ref(false)
@@ -8,10 +8,7 @@ const theModalId = Symbol('theModalId')
 
 const { toggle } = useVfm()
 
-const bottomSheet = useModal<
-  InstanceType<typeof ModalBottom>['$props'],
-  InstanceType<typeof DefaultSlot>['$props']
->({
+const bottomSheet = useModal({
   component: ModalBottom,
   attrs: {
     background: 'interactive',
@@ -20,7 +17,7 @@ const bottomSheet = useModal<
     },
   },
   slots: {
-    default: {
+    default: useModalSlot({
       component: DefaultSlot,
       attrs: {
         text: '123',
@@ -28,7 +25,7 @@ const bottomSheet = useModal<
           // console.log('onCreated')
         },
       },
-    },
+    }),
   },
 })
 
diff --git a/viteplay/src/components/ModalFullscreen/Basic.example.vue b/viteplay/src/components/ModalFullscreen/Basic.example.vue
index 21e63bb7..04ecd53f 100644
--- a/viteplay/src/components/ModalFullscreen/Basic.example.vue
+++ b/viteplay/src/components/ModalFullscreen/Basic.example.vue
@@ -1,39 +1,35 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { ModalFullscreen, ModalsContainer, useModal, useVfm } from 'vue-final-modal'
+import { ModalFullscreen, ModalsContainer, useModal, useModalSlot, useVfm } from 'vue-final-modal'
 import DefaultSlot from '../DefaultSlot.vue'
 
 const show = ref(false)
 const theModalId = Symbol('theModalId')
 const { toggle } = useVfm()
 
-const fullscreenModal = useModal<
-    InstanceType<typeof ModalFullscreen>['$props'],
-    InstanceType<typeof DefaultSlot>['$props']
-  >({
-    component: ModalFullscreen,
-    attrs: {
-      background: 'interactive',
-      closeDirection: 'RIGHT',
-      // showSwipeBanner: true,
-      contentStyle: {
-        backgroundColor: '#fff',
-      },
+const fullscreenModal = useModal({
+  component: ModalFullscreen,
+  attrs: {
+    background: 'interactive',
+    closeDirection: 'RIGHT',
+    // showSwipeBanner: true,
+    contentStyle: {
+      backgroundColor: '#fff',
     },
-    slots: {
-      default: {
-        component: DefaultSlot,
-        attrs: {
-          text: '123',
-
-          onCreate() {
-            // console.log('onCreated')
-          },
+  },
+  slots: {
+    default: useModalSlot({
+      component: DefaultSlot,
+      attrs: {
+        text: '123',
+        onCreate() {
+          // console.log('onCreated')
         },
       },
-      // 'swipe-banner': '<div style="position: absolute; height: 100%; top: 0; left: 0; width: 20px; background-color: pink;" />',
-    },
-  })
+    }),
+    // 'swipe-banner': '<div style="position: absolute; height: 100%; top: 0; left: 0; width: 20px; background-color: pink;" />',
+  },
+})
 </script>
 
 <template>
diff --git a/viteplay/src/components/VueFinalModal/Basic.example.vue b/viteplay/src/components/VueFinalModal/Basic.example.vue
index a7584ae8..07efb1b4 100644
--- a/viteplay/src/components/VueFinalModal/Basic.example.vue
+++ b/viteplay/src/components/VueFinalModal/Basic.example.vue
@@ -1,15 +1,12 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
-import { ModalsContainer, VueFinalModal, useModal, useVfm } from 'vue-final-modal'
+import { ref } from 'vue'
+import { ModalsContainer, VueFinalModal, useModal, useModalSlot, useVfm } from 'vue-final-modal'
 import DefaultSlot from '../DefaultSlot.vue'
 import TestModal from './TestModal.vue'
 
 const { toggle, closeAll } = useVfm()
 
-const modal1 = useModal<
-  InstanceType<typeof VueFinalModal>['$props'],
-  InstanceType<typeof DefaultSlot>['$props']
->({
+const modal1 = useModal({
   component: VueFinalModal,
   attrs: {
     'displayDirective': 'if',
@@ -25,7 +22,7 @@ const modal1 = useModal<
     onBeforeOpen() { console.log('onBeforeOpen') },
   },
   slots: {
-    default: {
+    default: useModalSlot({
       component: DefaultSlot,
       attrs: {
         text: '123',
@@ -33,20 +30,18 @@ const modal1 = useModal<
           // console.log('onCreated')
         },
       },
-    },
+    }),
   },
 })
 
-const modal2 = useModal<
-  InstanceType<typeof VueFinalModal>['$props']
->({
+const modal2 = useModal({
   component: VueFinalModal,
   attrs: {
     displayDirective: 'if',
     background: 'interactive',
   },
   slots: {
-    default: 'test',
+    default: useModalSlot('test'),
   },
 })
 
@@ -61,9 +56,9 @@ function clickOutside() {
   console.log('clickOutside')
 }
 
-onMounted(() => {
-  show.value = true
-})
+// onMounted(() => {
+//   show.value = true
+// })
 </script>
 
 <template>
diff --git a/viteplay/src/components/VueFinalModal/TestModal.vue b/viteplay/src/components/VueFinalModal/TestModal.vue
index 0e42e54f..4e37314a 100644
--- a/viteplay/src/components/VueFinalModal/TestModal.vue
+++ b/viteplay/src/components/VueFinalModal/TestModal.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
 import type { PropType } from 'vue'
-import type { VueFinalModalEmits } from 'vue-final-modal'
+// import type { VueFinalModalEmits } from 'vue-final-modal'
 import {
   VueFinalModal,
   useVfmAttrs,
   vueFinalModalProps,
 } from 'vue-final-modal'
 
-export interface TestModalEmits extends VueFinalModalEmits {
-}
+// export interface TestModalEmits extends VueFinalModalEmits {
+// }
 
 defineOptions({
   inheritAttrs: false,
@@ -16,12 +16,20 @@ defineOptions({
 
 // eslint-disable-next-line vue/define-macros-order
 const props = defineProps({
+  ...vueFinalModalProps,
   customPropA: { type: Boolean as PropType<boolean>, default: false },
   customPropB: { type: Boolean as PropType<boolean>, default: false },
-  ...vueFinalModalProps,
 })
 
-const emit = defineEmits<TestModalEmits>()
+const emit = defineEmits<{
+  (e: 'update:modelValue', modelValue: boolean): void
+  (e: 'beforeOpen'): void
+  (e: 'opened'): void
+  (e: 'beforeClose'): void
+  (e: 'closed'): void
+  /** onClickOutside will only be emitted when clickToClose equal to `false` */
+  (e: 'clickOutside'): void
+}>()
 
 const vfmAttrs = useVfmAttrs({
   props,
diff --git a/viteplay/vite.config.ts b/viteplay/vite.config.ts
index b166f7fb..30ec239b 100644
--- a/viteplay/vite.config.ts
+++ b/viteplay/vite.config.ts
@@ -1,9 +1,7 @@
 import path from 'path'
 import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
-import VueJsx from '@vitejs/plugin-vue-jsx'
 import VueMacros from 'unplugin-vue-macros/vite'
-import { transformShortVmodel } from '@vue-macros/short-vmodel'
 import DefineOptions from 'unplugin-vue-define-options/vite'
 import viteplay from '@viteplay/plugin'
 
@@ -18,22 +16,8 @@ export default defineConfig({
   },
   plugins: [
     VueMacros({
-      setupBlock: true,
       plugins: {
-        vue: Vue({
-          include: [/\.vue$/, /setup\.[cm]?[jt]sx?$/],
-          reactivityTransform: true,
-          template: {
-            compilerOptions: {
-              nodeTransforms: [
-                transformShortVmodel({
-                  prefix: '$',
-                }),
-              ],
-            },
-          },
-        }),
-        vueJsx: VueJsx(),
+        vue: Vue(),
       },
     }),
     DefineOptions(),