From 667843d0198f7e5c4faaa7075624c7cd46874b5e Mon Sep 17 00:00:00 2001
From: Lexpeartha <sevic.official@gmail.com>
Date: Sun, 21 Aug 2022 18:12:53 +0200
Subject: [PATCH 01/19] chore: fix typo in a comment

---
 src/runtime/router.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/runtime/router.ts b/src/runtime/router.ts
index 37237c0d..7a4da026 100644
--- a/src/runtime/router.ts
+++ b/src/runtime/router.ts
@@ -4,7 +4,7 @@ import { defineNuxtPlugin, useRuntimeConfig } from '#imports'
 
 // @ts-expect-error virtual module
 import routerOptions from '#build/router.options'
-// @ts-expect-error irtual module generated by Nuxt
+// @ts-expect-error virtual module generated by Nuxt
 import routes from '#build/routes'
 
 export default defineNuxtPlugin(nuxtApp => {

From f7489e0731d376c5894485586e98e4c292361ce8 Mon Sep 17 00:00:00 2001
From: Lexpeartha <sevic.official@gmail.com>
Date: Sun, 21 Aug 2022 18:13:13 +0200
Subject: [PATCH 02/19] feat: add CreateAnimation component

---
 src/module.ts                              | 15 ++--
 src/runtime/components.ts                  |  6 ++
 src/runtime/components/CreateAnimation.vue | 87 ++++++++++++++++++++++
 3 files changed, 102 insertions(+), 6 deletions(-)
 create mode 100644 src/runtime/components.ts
 create mode 100644 src/runtime/components/CreateAnimation.vue

diff --git a/src/module.ts b/src/module.ts
index 2d043a4e..f487e5df 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -58,12 +58,12 @@ export interface ModuleOptions {
     statusTap?: boolean
     swipeBackEnabled?: boolean
     tabButtonLayout?:
-    | 'icon-top'
-    | 'icon-start'
-    | 'icon-end'
-    | 'icon-bottom'
-    | 'icon-hide'
-    | 'label-hide'
+      | 'icon-top'
+      | 'icon-start'
+      | 'icon-end'
+      | 'icon-bottom'
+      | 'icon-hide'
+      | 'label-hide'
     toastEnter?: AnimationBuilder
     toastLeave?: AnimationBuilder
   }
@@ -123,6 +123,9 @@ export default defineNuxtModule<ModuleOptions>({
     nuxt.options.vite.optimizeDeps.include = nuxt.options.vite.optimizeDeps.include || []
     nuxt.options.vite.optimizeDeps.include.push('@ionic/vue')
 
+    // Add Nuxt Vue custom utility components
+    addPlugin(resolve(runtimeDir, 'components'))
+
     // Add auto-imported components
     IonicBuiltInComponents.map(name =>
       addComponent({
diff --git a/src/runtime/components.ts b/src/runtime/components.ts
new file mode 100644
index 00000000..b6eb8d9a
--- /dev/null
+++ b/src/runtime/components.ts
@@ -0,0 +1,6 @@
+import { defineNuxtPlugin } from '#imports'
+import CreateAnimation from './components/CreateAnimation.vue'
+
+export default defineNuxtPlugin(nuxtApp => {
+  nuxtApp.vueApp.component('CreateAnimation', CreateAnimation)
+})
diff --git a/src/runtime/components/CreateAnimation.vue b/src/runtime/components/CreateAnimation.vue
new file mode 100644
index 00000000..c258826d
--- /dev/null
+++ b/src/runtime/components/CreateAnimation.vue
@@ -0,0 +1,87 @@
+<script setup lang="ts">
+import { onMounted, onBeforeUnmount } from 'vue'
+import { createAnimation, Animation, AnimationDirection, AnimationFill } from '@ionic/vue'
+
+interface AnimationFromObject {
+  property: string
+  fromValue: string
+}
+
+interface AnimationFromToObject {
+  property: string
+  fromValue: string
+  toValue: string
+}
+
+interface AnimationOptions {
+  id?: string
+  duration?: number
+  iterations?: number
+  easing?: string
+  fill?: AnimationFill
+  direction?: AnimationDirection
+  from?: AnimationFromObject | AnimationFromObject[]
+  fromTo?: AnimationFromToObject | AnimationFromToObject[]
+  playOnMount?: boolean
+  // playOnVisible?: boolean
+}
+
+const props = withDefaults(defineProps<AnimationOptions>(), {
+  id: '',
+  duration: 1000,
+  iterations: 1,
+  easing: 'linear',
+  fill: 'auto',
+  direction: 'normal',
+  from: null,
+  fromTo: null,
+  playOnMount: false,
+})
+
+const element = ref<HTMLDivElement>(null)
+
+let animation = ref<Animation>(null)
+
+onMounted(() => {
+  animation.value = createAnimation(props.id)
+    .addElement(element.value)
+    .duration(props.duration)
+    .iterations(props.iterations)
+    .easing(props.easing)
+    .fill(props.fill)
+    .direction(props.direction)
+
+  // From
+  if (props.from !== null) {
+    if (Array.isArray(props.from)) {
+      props.from.forEach(({ property, fromValue }) => {
+        animation.value.from(property, fromValue)
+      })
+    } else {
+      animation.value.from(props.from.property, props.from.fromValue)
+    }
+  }
+
+  // From-to
+  if (props.fromTo !== null) {
+    if (Array.isArray(props.fromTo)) {
+      props.fromTo.forEach(({ property, fromValue, toValue }) => {
+        animation.value.fromTo(property, fromValue, toValue)
+      })
+    } else {
+      animation.value.fromTo(props.fromTo.property, props.fromTo.fromValue, props.fromTo.toValue)
+    }
+  }
+
+  props.playOnMount && animation.value.play()
+})
+onBeforeUnmount(() => {
+  animation.value.destroy()
+})
+</script>
+
+<template>
+  <div ref="element">
+    <slot :animation="animation" />
+  </div>
+</template>

From 81283d38c79ddb143ac07b78ca60dc7eb8a36516 Mon Sep 17 00:00:00 2001
From: Lexpeartha <sevic.official@gmail.com>
Date: Sun, 21 Aug 2022 18:13:43 +0200
Subject: [PATCH 03/19] chore(playground): add CreateAnimation as example

---
 playground/pages/tabs/tab3.vue | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/playground/pages/tabs/tab3.vue b/playground/pages/tabs/tab3.vue
index 5f9c164a..59d22a99 100644
--- a/playground/pages/tabs/tab3.vue
+++ b/playground/pages/tabs/tab3.vue
@@ -11,9 +11,27 @@
           <ion-title size="large">Tab 3</ion-title>
         </ion-toolbar>
       </ion-header>
-      
+
+      <div style="display: flex; justify-content: center; padding-top: 2em">
+        <CreateAnimation
+          v-slot="{ animation }"
+          :duration="2000"
+          :fromTo="[
+            { property: 'opacity', fromValue: '1', toValue: '0.2' },
+            { property: 'transform', fromValue: 'scale(1)', toValue: 'scale(0.8)' },
+          ]"
+          fill="forwards"
+          playOnMount
+        >
+          <div style="width: 250px; height: 250px; background-color: red; border-radius: 1em"></div>
+
+          <button @click="animation.play()">Play</button>
+          <button @click="animation.pause()">Pause</button>
+          <button @click="animation.stop()">Stop</button>
+        </CreateAnimation>
+      </div>
+
       <ExploreContainer name="Tab 3 page" />
     </ion-content>
   </ion-page>
 </template>
-

From bc9d1c750b508754f44d0cca5b748240c08ba5ec Mon Sep 17 00:00:00 2001
From: Lexpeartha <43365376+Lexpeartha@users.noreply.github.com>
Date: Sun, 21 Aug 2022 20:56:28 +0200
Subject: [PATCH 04/19] refactor: change animation ref to const

Co-authored-by: Daniel Roe <daniel@roe.dev>
---
 src/runtime/components/CreateAnimation.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/runtime/components/CreateAnimation.vue b/src/runtime/components/CreateAnimation.vue
index c258826d..9946a13c 100644
--- a/src/runtime/components/CreateAnimation.vue
+++ b/src/runtime/components/CreateAnimation.vue
@@ -40,7 +40,7 @@ const props = withDefaults(defineProps<AnimationOptions>(), {
 
 const element = ref<HTMLDivElement>(null)
 
-let animation = ref<Animation>(null)
+const animation = ref<Animation>(null)
 
 onMounted(() => {
   animation.value = createAnimation(props.id)

From cbcd1abf994cfea77961675b9035a08397604053 Mon Sep 17 00:00:00 2001
From: Lexpeartha <sevic.official@gmail.com>
Date: Sun, 21 Aug 2022 21:11:00 +0200
Subject: [PATCH 05/19] refactor: utilize `@nuxt/kit` for importing component

---
 src/module.ts             |  3 ++-
 src/parts/components.ts   | 12 ++++++++++++
 src/runtime/components.ts |  6 ------
 3 files changed, 14 insertions(+), 7 deletions(-)
 create mode 100644 src/parts/components.ts
 delete mode 100644 src/runtime/components.ts

diff --git a/src/module.ts b/src/module.ts
index f487e5df..7a367ef9 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -7,6 +7,7 @@ import { defineUnimportPreset } from 'unimport'
 
 import { runtimeDir } from './utils'
 
+import { setupUtilityComponents } from './parts/components'
 import { useCSSSetup } from './parts/css'
 import { setupIcons } from './parts/icons'
 import { setupMeta } from './parts/meta'
@@ -124,7 +125,7 @@ export default defineNuxtModule<ModuleOptions>({
     nuxt.options.vite.optimizeDeps.include.push('@ionic/vue')
 
     // Add Nuxt Vue custom utility components
-    addPlugin(resolve(runtimeDir, 'components'))
+    setupUtilityComponents()
 
     // Add auto-imported components
     IonicBuiltInComponents.map(name =>
diff --git a/src/parts/components.ts b/src/parts/components.ts
new file mode 100644
index 00000000..195e48ac
--- /dev/null
+++ b/src/parts/components.ts
@@ -0,0 +1,12 @@
+import { addComponent } from '@nuxt/kit'
+import { resolve } from 'path'
+import { runtimeDir } from '../utils'
+
+export const setupUtilityComponents = () => {
+  //   const nuxt = useNuxt()
+
+  addComponent({
+    name: 'CreateAnimation',
+    filePath: resolve(runtimeDir, 'components', 'CreateAnimation.vue'),
+  })
+}
diff --git a/src/runtime/components.ts b/src/runtime/components.ts
deleted file mode 100644
index b6eb8d9a..00000000
--- a/src/runtime/components.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { defineNuxtPlugin } from '#imports'
-import CreateAnimation from './components/CreateAnimation.vue'
-
-export default defineNuxtPlugin(nuxtApp => {
-  nuxtApp.vueApp.component('CreateAnimation', CreateAnimation)
-})

From ab02a93be84486f2e9994b89a79009706cf0c9fa Mon Sep 17 00:00:00 2001
From: Lexpeartha <sevic.official@gmail.com>
Date: Sun, 21 Aug 2022 21:22:49 +0200
Subject: [PATCH 06/19] chore: ignore annoying non-null assertion eslint
 warning

---
 src/parts/router.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/parts/router.ts b/src/parts/router.ts
index 40449ebc..2023e96a 100644
--- a/src/parts/router.ts
+++ b/src/parts/router.ts
@@ -6,6 +6,7 @@ import { runtimeDir } from '../utils'
 export const setupRouter = () => {
   const nuxt = useNuxt()
   const pagesDirs = nuxt.options._layers.map(layer =>
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     resolve(layer.config?.srcDir || layer.cwd!, layer.config?.dir?.pages || 'pages')
   )
 

From d9c2d01ab7216b2d447b663f7eaba3a76cd0bcb3 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Tue, 23 Aug 2022 10:58:31 +0200
Subject: [PATCH 07/19] refactor: rename component to `IonAnimation`

---
 src/parts/components.ts                                       | 4 ++--
 .../components/{CreateAnimation.vue => IonAnimation.vue}      | 0
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename src/runtime/components/{CreateAnimation.vue => IonAnimation.vue} (100%)

diff --git a/src/parts/components.ts b/src/parts/components.ts
index 195e48ac..d1a9a923 100644
--- a/src/parts/components.ts
+++ b/src/parts/components.ts
@@ -6,7 +6,7 @@ export const setupUtilityComponents = () => {
   //   const nuxt = useNuxt()
 
   addComponent({
-    name: 'CreateAnimation',
-    filePath: resolve(runtimeDir, 'components', 'CreateAnimation.vue'),
+    name: 'IonAnimation',
+    filePath: resolve(runtimeDir, 'components', 'IonAnimation.vue'),
   })
 }
diff --git a/src/runtime/components/CreateAnimation.vue b/src/runtime/components/IonAnimation.vue
similarity index 100%
rename from src/runtime/components/CreateAnimation.vue
rename to src/runtime/components/IonAnimation.vue

From 389d9a206b6dc3a259df1c61631063fa90e6dcb1 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Tue, 23 Aug 2022 11:13:47 +0200
Subject: [PATCH 08/19] chore: update playground animations example

---
 playground/pages/tabs.vue      |  5 +++
 playground/pages/tabs/tab3.vue | 20 -----------
 playground/pages/tabs/tab4.vue | 64 ++++++++++++++++++++++++++++++++++
 3 files changed, 69 insertions(+), 20 deletions(-)
 create mode 100644 playground/pages/tabs/tab4.vue

diff --git a/playground/pages/tabs.vue b/playground/pages/tabs.vue
index fbf4d6dd..09f81420 100644
--- a/playground/pages/tabs.vue
+++ b/playground/pages/tabs.vue
@@ -24,6 +24,11 @@ useHead({
             <ion-icon :icon="ioniconsBulbOutline" />
             <ion-label>Tab 3</ion-label>
           </ion-tab-button>
+
+          <ion-tab-button tab="tab4" href="/tabs/tab4">
+            <ion-icon :icon="ioniconsAccessibilityOutline" />
+            <ion-label>Animation examples</ion-label>
+          </ion-tab-button>
         </ion-tab-bar>
       </ion-tabs>
     </ion-content>
diff --git a/playground/pages/tabs/tab3.vue b/playground/pages/tabs/tab3.vue
index 59d22a99..e49db7fb 100644
--- a/playground/pages/tabs/tab3.vue
+++ b/playground/pages/tabs/tab3.vue
@@ -11,26 +11,6 @@
           <ion-title size="large">Tab 3</ion-title>
         </ion-toolbar>
       </ion-header>
-
-      <div style="display: flex; justify-content: center; padding-top: 2em">
-        <CreateAnimation
-          v-slot="{ animation }"
-          :duration="2000"
-          :fromTo="[
-            { property: 'opacity', fromValue: '1', toValue: '0.2' },
-            { property: 'transform', fromValue: 'scale(1)', toValue: 'scale(0.8)' },
-          ]"
-          fill="forwards"
-          playOnMount
-        >
-          <div style="width: 250px; height: 250px; background-color: red; border-radius: 1em"></div>
-
-          <button @click="animation.play()">Play</button>
-          <button @click="animation.pause()">Pause</button>
-          <button @click="animation.stop()">Stop</button>
-        </CreateAnimation>
-      </div>
-
       <ExploreContainer name="Tab 3 page" />
     </ion-content>
   </ion-page>
diff --git a/playground/pages/tabs/tab4.vue b/playground/pages/tabs/tab4.vue
new file mode 100644
index 00000000..5dd8e2d9
--- /dev/null
+++ b/playground/pages/tabs/tab4.vue
@@ -0,0 +1,64 @@
+<template>
+  <ion-page>
+    <ion-header>
+      <ion-toolbar>
+        <ion-title>Tab 3</ion-title>
+      </ion-toolbar>
+    </ion-header>
+    <ion-content :fullscreen="true">
+      <ion-header collapse="condense">
+        <ion-toolbar>
+          <ion-title size="large">Tab 3</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <div class="animations-grid">
+        <IonAnimation
+          v-slot="{ animation }"
+          :duration="2000"
+          :fromTo="[
+            { property: 'opacity', fromValue: '1', toValue: '0.2' },
+            { property: 'transform', fromValue: 'translateY(0px)', toValue: 'translateY(-50px)' },
+          ]"
+          fill="forwards"
+        >
+          <div class="red-square"></div>
+
+          <button @click="animation.play()">Play</button>
+          <button @click="animation.pause()">Pause</button>
+          <button @click="animation.stop()">Stop</button>
+        </IonAnimation>
+      </div>
+    </ion-content>
+  </ion-page>
+</template>
+
+<style scoped>
+.animations-grid {
+  padding: 3em;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  grid-gap: 1em;
+}
+
+.red-square {
+  width: 250px;
+  height: 250px;
+  background-color: red;
+  border-radius: 1em;
+}
+
+.blue-square {
+  width: 250px;
+  height: 250px;
+  background-color: blue;
+  border-radius: 1em;
+}
+
+.green-square {
+  width: 250px;
+  height: 250px;
+  background-color: green;
+  border-radius: 1em;
+}
+</style>

From 735026e372a92283ab5fb73b632eb7876724ab16 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Thu, 25 Aug 2022 00:21:34 +0200
Subject: [PATCH 09/19] feat: add `playOnVisible` prop

---
 src/runtime/components/IonAnimation.vue | 32 +++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/IonAnimation.vue b/src/runtime/components/IonAnimation.vue
index 9946a13c..5ca9744b 100644
--- a/src/runtime/components/IonAnimation.vue
+++ b/src/runtime/components/IonAnimation.vue
@@ -13,6 +13,11 @@ interface AnimationFromToObject {
   toValue: string
 }
 
+// interface KeyframeObject {
+//   offset: number
+//   [key: string]: string
+// }
+
 interface AnimationOptions {
   id?: string
   duration?: number
@@ -22,8 +27,10 @@ interface AnimationOptions {
   direction?: AnimationDirection
   from?: AnimationFromObject | AnimationFromObject[]
   fromTo?: AnimationFromToObject | AnimationFromToObject[]
+  keyframes?: any[]
   playOnMount?: boolean
-  // playOnVisible?: boolean
+  playOnVisible?: boolean
+  // keyframes
 }
 
 const props = withDefaults(defineProps<AnimationOptions>(), {
@@ -36,6 +43,7 @@ const props = withDefaults(defineProps<AnimationOptions>(), {
   from: null,
   fromTo: null,
   playOnMount: false,
+  playOnVisible: false,
 })
 
 const element = ref<HTMLDivElement>(null)
@@ -73,7 +81,27 @@ onMounted(() => {
     }
   }
 
-  props.playOnMount && animation.value.play()
+  if (props.playOnVisible && !props.playOnMount) {
+    const observer = new IntersectionObserver(
+      () => {
+        // Play animation
+        animation.value.play()
+        // Disconnect observer - making animation always trigger ONLY ONCE
+        observer.disconnect()
+      },
+      {
+        // Use viewport as root element
+        root: null,
+        rootMargin: '0px',
+        threshold: 0.5,
+      }
+    )
+    // Start observing for animation element
+    observer.observe(element.value)
+
+    // Disconnect observer when component is about to be unmounted
+    onBeforeUnmount(() => observer.disconnect())
+  } else if (props.playOnMount) animation.value.play()
 })
 onBeforeUnmount(() => {
   animation.value.destroy()

From 3f848e7bbb4db6e7735f119e2f6b2afa3a40f158 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Thu, 25 Aug 2022 00:48:15 +0200
Subject: [PATCH 10/19] feat: add keyframes

---
 src/runtime/components/IonAnimation.vue | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/runtime/components/IonAnimation.vue b/src/runtime/components/IonAnimation.vue
index 5ca9744b..7daa8b39 100644
--- a/src/runtime/components/IonAnimation.vue
+++ b/src/runtime/components/IonAnimation.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { onMounted, onBeforeUnmount } from 'vue'
-import { createAnimation, Animation, AnimationDirection, AnimationFill } from '@ionic/vue'
+import {
+  createAnimation,
+  Animation,
+  AnimationDirection,
+  AnimationFill,
+  AnimationKeyFrames,
+} from '@ionic/vue'
 
 interface AnimationFromObject {
   property: string
@@ -27,10 +33,9 @@ interface AnimationOptions {
   direction?: AnimationDirection
   from?: AnimationFromObject | AnimationFromObject[]
   fromTo?: AnimationFromToObject | AnimationFromToObject[]
-  keyframes?: any[]
+  keyframes?: AnimationKeyFrames
   playOnMount?: boolean
   playOnVisible?: boolean
-  // keyframes
 }
 
 const props = withDefaults(defineProps<AnimationOptions>(), {
@@ -42,6 +47,7 @@ const props = withDefaults(defineProps<AnimationOptions>(), {
   direction: 'normal',
   from: null,
   fromTo: null,
+  keyframes: null,
   playOnMount: false,
   playOnVisible: false,
 })
@@ -59,8 +65,14 @@ onMounted(() => {
     .fill(props.fill)
     .direction(props.direction)
 
+  let hasKeyframes = Array.isArray(props.keyframes) && props.keyframes.length > 0
+
+  if (hasKeyframes) {
+    animation.value.keyframes(props.keyframes)
+  }
+
   // From
-  if (props.from !== null) {
+  if (props.from !== null && !hasKeyframes) {
     if (Array.isArray(props.from)) {
       props.from.forEach(({ property, fromValue }) => {
         animation.value.from(property, fromValue)
@@ -71,7 +83,7 @@ onMounted(() => {
   }
 
   // From-to
-  if (props.fromTo !== null) {
+  if (props.fromTo !== null && !hasKeyframes) {
     if (Array.isArray(props.fromTo)) {
       props.fromTo.forEach(({ property, fromValue, toValue }) => {
         animation.value.fromTo(property, fromValue, toValue)

From 06e824f5532956c4638ff5ad16274b1a27074f93 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Thu, 25 Aug 2022 00:48:30 +0200
Subject: [PATCH 11/19] chore: update animation examples

---
 playground/pages/tabs/tab4.vue | 36 ++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/playground/pages/tabs/tab4.vue b/playground/pages/tabs/tab4.vue
index 5dd8e2d9..b365e06f 100644
--- a/playground/pages/tabs/tab4.vue
+++ b/playground/pages/tabs/tab4.vue
@@ -28,6 +28,42 @@
           <button @click="animation.pause()">Pause</button>
           <button @click="animation.stop()">Stop</button>
         </IonAnimation>
+
+        <IonAnimation
+          v-slot="{ animation }"
+          :duration="3000"
+          :keyframes="[
+            { offset: 0, transform: 'scale(1) translateX(0)' },
+            { offset: 0.4, transform: 'scale(1.1) translateX(15px)' },
+            { offset: 0.6, transform: 'scale(1.1) translateX(-15px)' },
+            { offset: 1, transform: 'scale(1) translateX(0)' },
+          ]"
+          fill="forwards"
+        >
+          <div class="blue-square"></div>
+
+          <button @click="animation.play()">Play</button>
+          <button @click="animation.pause()">Pause</button>
+          <button @click="animation.stop()">Stop</button>
+        </IonAnimation>
+
+        <IonAnimation
+          v-slot="{ animation }"
+          :duration="1000"
+          :keyframes="[
+            { offset: 0, transform: 'scale(1)' },
+            { offset: 0.8, transform: 'scale(1.15)' },
+            { offset: 1, transform: 'scale(1)' },
+          ]"
+          fill="forwards"
+          :iterations="Infinity"
+        >
+          <div class="green-square"></div>
+
+          <button @click="animation.play()">Play</button>
+          <button @click="animation.pause()">Pause</button>
+          <button @click="animation.stop()">Stop</button>
+        </IonAnimation>
       </div>
     </ion-content>
   </ion-page>

From 75e9d485eb1ab663aa0fe0859c584477832339ce Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Thu, 25 Aug 2022 00:56:43 +0200
Subject: [PATCH 12/19] feat: add props for animation hooks

---
 src/runtime/components/IonAnimation.vue | 26 +++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/runtime/components/IonAnimation.vue b/src/runtime/components/IonAnimation.vue
index 7daa8b39..f9c9af00 100644
--- a/src/runtime/components/IonAnimation.vue
+++ b/src/runtime/components/IonAnimation.vue
@@ -19,10 +19,9 @@ interface AnimationFromToObject {
   toValue: string
 }
 
-// interface KeyframeObject {
-//   offset: number
-//   [key: string]: string
-// }
+type AnimationStyles = {
+  [key: string]: any
+}
 
 interface AnimationOptions {
   id?: string
@@ -36,6 +35,12 @@ interface AnimationOptions {
   keyframes?: AnimationKeyFrames
   playOnMount?: boolean
   playOnVisible?: boolean
+  beforeStyles?: AnimationStyles
+  beforeAddClass?: string | string[]
+  beforeClearStyles?: string[]
+  afterStyles?: AnimationStyles
+  afterAddClass?: string | string[]
+  afterClearStyles?: string[]
 }
 
 const props = withDefaults(defineProps<AnimationOptions>(), {
@@ -50,6 +55,12 @@ const props = withDefaults(defineProps<AnimationOptions>(), {
   keyframes: null,
   playOnMount: false,
   playOnVisible: false,
+  beforeStyles: null,
+  beforeAddClass: null,
+  beforeClearStyles: null,
+  afterStyles: null,
+  afterAddClass: null,
+  afterClearStyles: null,
 })
 
 const element = ref<HTMLDivElement>(null)
@@ -64,6 +75,13 @@ onMounted(() => {
     .easing(props.easing)
     .fill(props.fill)
     .direction(props.direction)
+    // Animation Hooks
+    .beforeStyles(props.beforeStyles ?? {})
+    .beforeAddClass(props.beforeAddClass ?? [])
+    .beforeClearStyles(props.beforeClearStyles ?? [])
+    .afterStyles(props.afterStyles ?? {})
+    .afterAddClass(props.afterAddClass ?? [])
+    .afterClearStyles(props.afterClearStyles ?? [])
 
   let hasKeyframes = Array.isArray(props.keyframes) && props.keyframes.length > 0
 

From 2e63051b7eb31d714f8a83f244254a1606b961db Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 25 Aug 2022 09:49:01 +0100
Subject: [PATCH 13/19] style: remove comment

---
 src/parts/components.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/parts/components.ts b/src/parts/components.ts
index d1a9a923..5585b6bf 100644
--- a/src/parts/components.ts
+++ b/src/parts/components.ts
@@ -3,8 +3,6 @@ import { resolve } from 'path'
 import { runtimeDir } from '../utils'
 
 export const setupUtilityComponents = () => {
-  //   const nuxt = useNuxt()
-
   addComponent({
     name: 'IonAnimation',
     filePath: resolve(runtimeDir, 'components', 'IonAnimation.vue'),

From 51558f9be0a1716875603e40ee5457f7b8d95ee4 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Thu, 25 Aug 2022 18:18:32 +0200
Subject: [PATCH 14/19] docs: add utility component to features

---
 docs/content/3.features.md | 59 ++++++++++++++++++++++++++++++++++----
 1 file changed, 54 insertions(+), 5 deletions(-)

diff --git a/docs/content/3.features.md b/docs/content/3.features.md
index fadc6c33..6ae6adef 100644
--- a/docs/content/3.features.md
+++ b/docs/content/3.features.md
@@ -24,17 +24,66 @@ definePageMeta({
 
 ::
 
-## Components
+## Ionic Framework components
 
-All Ionic Vue components should be auto-imported throughout your app. (If you find one that isn't, please open an issue.) Although your IDE should be aware of these everywhere, they are not globally registered and are only imported within the components that use them.
+All Ionic Vue components should be auto-imported throughout your app. (If you find one that isn't, please open an issue.) Although your IDE should be aware of these everywhere, they are not globally registered and are only imported within the components that use them. For more on how component imports work, see the [Nuxt documentation](https://v3.nuxtjs.org/guide/directory-structure/components#components-directory).
 
-For more on how component imports work, see the [Nuxt documentation](https://v3.nuxtjs.org/guide/directory-structure/components#components-directory).
+## Module utility components
+
+Module also offers few components made for easier and more seamless way to integrate Ionic's composables or functions into your Nuxt app.
+
+### `IonAnimation` component
+
+Component made specifically to make usage of Ionic's `createAnimation` easier. It has almost 1 to 1 props matching as your usual animation object. For more see [official Ionic docs](https://ionicframework.com/docs/utilities/animations) or check out [playground examples](https://github.com/danielroe/nuxt-ionic/blob/main/playground/pages/tabs/tab4.vue)
+
+Instead of using the function manually:
+
+```vue
+<script setup lang="ts">
+// Template ref of your element
+const squareRef = ref()
+
+// Your animation object
+const animation = createAnimation()
+  .addElement(squareRef.value)
+  .duration(3000)
+  .iterations(Infinity)
+  .keyframes([
+    { offset: 0, background: 'red' },
+    { offset: 0.72, background: 'var(--background)' },
+    { offset: 1, background: 'green' },
+  ])
+
+onMounted(() => {
+  animation.play()
+})
+</script>
+```
+
+You can delegate all that logic to the component:
+
+```vue
+<template>
+  <IonAnimation
+    :duration="3000"
+    :iterations="Infinity"
+    :keyframes="[
+      { offset: 0, background: 'red' },
+      { offset: 0.72, background: 'var(--background)' },
+      { offset: 1, background: 'green' },
+    ]"
+    playOnMount
+  >
+    <!-- Content to animate -->
+  </IonAnimation>
+</template>
+```
 
 ## Icons
 
 Icons are auto-imported from `ionicons/icons` by default, following the pattern of camel case naming with `ionicons` in front of the original icon name from the [official icons website](https://ionic.io/ionicons).
 
-For example, instead of this
+For example, instead of this:
 
 ```vue [component.vue]
 <script setup lang="ts">
@@ -47,7 +96,7 @@ import { image, squareSharp, triangleOutline } from 'ionicons/icons'
 </template>
 ```
 
-You would write this
+You would write this:
 
 ```vue [component.vue]
 <template>

From d051cf2a1d17678fb9fd3b85ea59482dd64ce230 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Thu, 25 Aug 2022 18:28:29 +0200
Subject: [PATCH 15/19] chore: update dependencies

---
 package.json   |  22 ++--
 pnpm-lock.yaml | 288 ++++++++++++++++++++++++-------------------------
 2 files changed, 150 insertions(+), 160 deletions(-)

diff --git a/package.json b/package.json
index 2cb9b52a..dc7690bd 100644
--- a/package.json
+++ b/package.json
@@ -53,16 +53,16 @@
     "postpublish": "pinst --enable"
   },
   "dependencies": {
-    "@capacitor/cli": "^4.0.1",
-    "@capacitor/core": "^4.0.1",
+    "@capacitor/cli": "^4.1.0",
+    "@capacitor/core": "^4.1.0",
     "@ionic/cli": "^6.20.1",
-    "@ionic/vue": "^6.2.2",
-    "@ionic/vue-router": "^6.2.2",
+    "@ionic/vue": "^6.2.4",
+    "@ionic/vue-router": "^6.2.4",
     "@kevinmarrec/nuxt-pwa": "^0.4.2",
     "@nuxt/kit": "^3.0.0-rc.8",
     "ionicons": "^6.0.2",
-    "pathe": "^0.3.4",
-    "pkg-types": "^0.3.3",
+    "pathe": "^0.3.5",
+    "pkg-types": "^0.3.4",
     "ufo": "^0.8.5",
     "unimport": "^0.6.7"
   },
@@ -71,9 +71,9 @@
     "@nuxt/schema": "3.0.0-rc.8",
     "@nuxt/test-utils": "3.0.0-rc.8",
     "@nuxtjs/eslint-config-typescript": "^10.0.0",
-    "@release-it/conventional-changelog": "^5.0.0",
-    "@types/node": "^18.7.2",
-    "@vitest/coverage-c8": "^0.22.0",
+    "@release-it/conventional-changelog": "^5.1.0",
+    "@types/node": "^18.7.13",
+    "@vitest/coverage-c8": "^0.22.1",
     "c8": "^7.12.0",
     "conventional-changelog-conventionalcommits": "^5.0.0",
     "eslint": "^8.22.0",
@@ -85,9 +85,9 @@
     "nuxt": "^3.0.0-rc.8",
     "pinst": "^3.0.0",
     "prettier": "^2.7.1",
-    "release-it": "^15.3.0",
+    "release-it": "^15.4.0",
     "typescript": "^4.7.4",
-    "vitest": "^0.22.0",
+    "vitest": "^0.22.1",
     "vue": "^3.2.37"
   },
   "resolutions": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 33375668..0356f55b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,20 +7,20 @@ importers:
 
   .:
     specifiers:
-      '@capacitor/cli': ^4.0.1
-      '@capacitor/core': ^4.0.1
+      '@capacitor/cli': ^4.1.0
+      '@capacitor/core': ^4.1.0
       '@ionic/cli': ^6.20.1
-      '@ionic/vue': ^6.2.2
-      '@ionic/vue-router': ^6.2.2
+      '@ionic/vue': ^6.2.4
+      '@ionic/vue-router': ^6.2.4
       '@kevinmarrec/nuxt-pwa': ^0.4.2
       '@nuxt/kit': ^3.0.0-rc.8
       '@nuxt/module-builder': ^0.1.7
       '@nuxt/schema': 3.0.0-rc.8
       '@nuxt/test-utils': 3.0.0-rc.8
       '@nuxtjs/eslint-config-typescript': ^10.0.0
-      '@release-it/conventional-changelog': ^5.0.0
-      '@types/node': ^18.7.2
-      '@vitest/coverage-c8': ^0.22.0
+      '@release-it/conventional-changelog': ^5.1.0
+      '@types/node': ^18.7.13
+      '@vitest/coverage-c8': ^0.22.1
       c8: ^7.12.0
       conventional-changelog-conventionalcommits: ^5.0.0
       eslint: ^8.22.0
@@ -31,27 +31,27 @@ importers:
       ionicons: ^6.0.2
       lint-staged: ^13.0.3
       nuxt: ^3.0.0-rc.8
-      pathe: ^0.3.4
+      pathe: ^0.3.5
       pinst: ^3.0.0
-      pkg-types: ^0.3.3
+      pkg-types: ^0.3.4
       prettier: ^2.7.1
-      release-it: ^15.3.0
+      release-it: ^15.4.0
       typescript: ^4.7.4
       ufo: ^0.8.5
       unimport: ^0.6.7
-      vitest: ^0.22.0
+      vitest: ^0.22.1
       vue: ^3.2.37
     dependencies:
-      '@capacitor/cli': 4.0.1
-      '@capacitor/core': 4.0.1
+      '@capacitor/cli': 4.1.0
+      '@capacitor/core': 4.1.0
       '@ionic/cli': 6.20.1
-      '@ionic/vue': 6.2.2
-      '@ionic/vue-router': 6.2.2
+      '@ionic/vue': 6.2.4
+      '@ionic/vue-router': 6.2.4
       '@kevinmarrec/nuxt-pwa': 0.4.2
       '@nuxt/kit': 3.0.0-rc.8
       ionicons: 6.0.2
-      pathe: 0.3.4
-      pkg-types: 0.3.3
+      pathe: 0.3.5
+      pkg-types: 0.3.4
       ufo: 0.8.5
       unimport: 0.6.7
     devDependencies:
@@ -59,9 +59,9 @@ importers:
       '@nuxt/schema': 3.0.0-rc.8
       '@nuxt/test-utils': 3.0.0-rc.8_vue@3.2.37
       '@nuxtjs/eslint-config-typescript': 10.0.0_4rv7y5c6xz3vfxwhbrcxxi73bq
-      '@release-it/conventional-changelog': 5.0.0_release-it@15.3.0
-      '@types/node': 18.7.2
-      '@vitest/coverage-c8': 0.22.0
+      '@release-it/conventional-changelog': 5.1.0_release-it@15.4.0
+      '@types/node': 18.7.13
+      '@vitest/coverage-c8': 0.22.1
       c8: 7.12.0
       conventional-changelog-conventionalcommits: 5.0.0
       eslint: 8.22.0
@@ -73,9 +73,9 @@ importers:
       nuxt: 3.0.0-rc.8
       pinst: 3.0.0
       prettier: 2.7.1
-      release-it: 15.3.0
+      release-it: 15.4.0
       typescript: 4.7.4
-      vitest: 0.22.0
+      vitest: 0.22.1
       vue: 3.2.37
 
   docs:
@@ -399,8 +399,8 @@ packages:
       '@capacitor/core': ^4.0.0
     dev: true
 
-  /@capacitor/cli/4.0.1:
-    resolution: {integrity: sha512-fRb8npef6g8rdNg82NV4P6GfKbH+ifHpDJSIr3WqqSuPqWKGR2wVD81XueTS45xccU0moJuT/FQwiuXZ7K66Cg==}
+  /@capacitor/cli/4.1.0:
+    resolution: {integrity: sha512-SkMtohfjZS0tJdCtoqugHQIYJ4DowjXk4yQzDFXN3MnhjAKEQmB7QcZY5R8o9NoPMx0ngw2Bzm00e7RdyERvzg==}
     engines: {node: '>=12.4.0'}
     hasBin: true
     dependencies:
@@ -425,8 +425,8 @@ packages:
       - supports-color
     dev: false
 
-  /@capacitor/core/4.0.1:
-    resolution: {integrity: sha512-gita0j7UPoGyHejAUsrW1OrkyDSp7gfHn45fkeQclHRSz7UWLF4hqE1R/6INsVmIFu/amIApxfHed8h3m/Fm7g==}
+  /@capacitor/core/4.1.0:
+    resolution: {integrity: sha512-bMYFnC5l5n11D/kLTz9TOOJfUH+nQqYRwzG7h5h4AXIm8aFxH5ZY3iFlDZd7R4xcyrlnfxzfoooSH9trPjRBLA==}
     dependencies:
       tslib: 2.4.0
     dev: false
@@ -463,7 +463,7 @@ packages:
   /@docus/base-edge/3.0.0-1138f93:
     resolution: {integrity: sha512-4x9/ump1+5Ig5S0xm7zjSPZJUr9BTI4DvhNtLZCJwLFqn2rdK1kz/x8w9QX44Q+ns6GT7Is9FCwij55hywOPbw==}
     dependencies:
-      '@nuxt/content': /@nuxt/content-edge/2.1.0-27679066.bf35a81
+      '@nuxt/content': /@nuxt/content-edge/2.1.0-27687652.df85e8e
       '@nuxthq/admin': /@nuxthq/admin-edge/0.0.1-27627055.9933660
       '@vueuse/core': 8.9.4
       '@vueuse/nuxt': 8.9.4
@@ -687,10 +687,10 @@ packages:
       - supports-color
     dev: false
 
-  /@ionic/core/6.2.2:
-    resolution: {integrity: sha512-neE+JhtQ7Kb4nGoKR3e55edHQot5BZTw+woV9+pbyCXP1jGeyFeWWPYBYYOkm05TSEkHgh0v6NkV9y31k8GTNw==}
+  /@ionic/core/6.2.4:
+    resolution: {integrity: sha512-LDRIwG5plwTHELxQ/j3uEfLJ7YkzJzR1V4QGE+X59aE/l7XoXZyLb1NWFjY7glBbFHGQgSuPFWNhXFkyRBxRFQ==}
     dependencies:
-      '@stencil/core': 2.17.3
+      '@stencil/core': 2.17.4
       ionicons: 6.0.2
       tslib: 2.4.0
     dev: false
@@ -794,16 +794,16 @@ packages:
       - supports-color
     dev: false
 
-  /@ionic/vue-router/6.2.2:
-    resolution: {integrity: sha512-1T3QyX1q1p92a8AhmyrPlCMZ9MeunIlXSYpwsb2cnEMKckCei/la0SXGqxTVkszgwW4nYoebAud6/0NEtZl2cQ==}
+  /@ionic/vue-router/6.2.4:
+    resolution: {integrity: sha512-7gwX1o8V2pCm6sCk7fD/Ws2X6iRCobCDZyJc7jzHynqANhQfr0OsUjqhthedR4NNkC3ZmZBsENDu9/6CZzoVjw==}
     dependencies:
-      '@ionic/vue': 6.2.2
+      '@ionic/vue': 6.2.4
     dev: false
 
-  /@ionic/vue/6.2.2:
-    resolution: {integrity: sha512-jxFW/FFCW6PB5daOGrBlHzZiabS+1A2MUExLQmBoVvw8Dt5gypv1J6oMWKqdVlBDOU7wqozkFjqioeK3c5sPSA==}
+  /@ionic/vue/6.2.4:
+    resolution: {integrity: sha512-SbLew1VJiUnBBkOvDrbgOwdxkVpmF+3pzp1wUwqxNVVBTn4QKTbL/agfgx7IbLY+i+jz36pntKvzGB/Keljh9g==}
     dependencies:
-      '@ionic/core': 6.2.2
+      '@ionic/core': 6.2.4
       ionicons: 6.0.2
     dev: false
 
@@ -919,13 +919,13 @@ packages:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.13.0
 
-  /@nuxt/content-edge/2.1.0-27679066.bf35a81:
-    resolution: {integrity: sha512-8f05YCqGfj2P/ykcW822J1DrVjG21uDO5pP02TgxoyjgPJqOf6sXS5DjoBrz5fzmt3/+jyNeWBp4Fnp3CevOTw==}
+  /@nuxt/content-edge/2.1.0-27687652.df85e8e:
+    resolution: {integrity: sha512-IqOzVx0oueMczjV8pk2bT9aD0T1SeJMCojc/7BE4pMbP4HfxlPGqUmT53hyZfE5htAP0xpkNEKBwKxEgt/tQ2w==}
     dependencies:
       '@nuxt/kit': 3.0.0-rc.8
       consola: 2.15.3
       csvtojson: 2.0.10
-      defu: 6.0.0
+      defu: 6.1.0
       destr: 1.1.1
       detab: 3.0.1
       html-tags: 3.2.0
@@ -935,7 +935,7 @@ packages:
       mdast-util-to-hast: 12.2.0
       mdurl: 1.0.1
       ohash: 0.1.5
-      pathe: 0.3.4
+      pathe: 0.3.5
       property-information: 6.1.1
       rehype-external-links: 2.0.0
       rehype-raw: 6.1.1
@@ -944,7 +944,7 @@ packages:
       rehype-sort-attributes: 4.0.0
       remark-emoji: 3.0.2
       remark-gfm: 3.0.1
-      remark-mdc: 1.0.4
+      remark-mdc: 1.0.7
       remark-parse: 10.0.1
       remark-rehype: 10.1.0
       remark-squeeze-paragraphs: 5.0.1
@@ -955,7 +955,7 @@ packages:
       unified: 10.1.2
       unist-builder: 3.0.0
       unist-util-position: 4.0.3
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
       unstorage: 0.5.6
       ws: 8.8.1
     transitivePeerDependencies:
@@ -1017,8 +1017,8 @@ packages:
       knitwork: 0.1.2
       lodash.template: 4.5.0
       mlly: 0.5.12
-      pathe: 0.3.4
-      pkg-types: 0.3.3
+      pathe: 0.3.5
+      pkg-types: 0.3.4
       scule: 0.3.2
       semver: 7.3.7
       unctx: 2.0.1
@@ -1046,8 +1046,8 @@ packages:
       knitwork: 0.1.2
       lodash.template: 4.5.0
       mlly: 0.5.12
-      pathe: 0.3.4
-      pkg-types: 0.3.3
+      pathe: 0.3.5
+      pkg-types: 0.3.4
       scule: 0.3.2
       semver: 7.3.7
       unctx: 2.0.1_hgwfu3fccgzeexdvdhqkmnprsa
@@ -1097,7 +1097,7 @@ packages:
       create-require: 1.1.1
       defu: 6.0.0
       jiti: 1.14.0
-      pathe: 0.3.4
+      pathe: 0.3.5
       postcss-import-resolver: 2.0.0
       scule: 0.3.2
       std-env: 3.2.1
@@ -1117,7 +1117,7 @@ packages:
       create-require: 1.1.1
       defu: 6.0.0
       jiti: 1.14.0
-      pathe: 0.3.4
+      pathe: 0.3.5
       postcss-import-resolver: 2.0.0
       scule: 0.3.2
       std-env: 3.2.1
@@ -1274,35 +1274,31 @@ packages:
     peerDependencies:
       eslint: ^8.14.0
     dependencies:
-      '@nuxtjs/eslint-config': 10.0.0_42jdfezp7lcuhr3fexihng3k3a
+      '@nuxtjs/eslint-config': 10.0.0_eslint@8.22.0
       '@typescript-eslint/eslint-plugin': 5.33.0_yy5c4q6zhpajzhorvwhnwvctfe
       '@typescript-eslint/parser': 5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq
       eslint: 8.22.0
       eslint-import-resolver-typescript: 2.7.1_2iahngt3u2tkbdlu6s4gkur3pu
-      eslint-plugin-import: 2.26.0_42jdfezp7lcuhr3fexihng3k3a
+      eslint-plugin-import: 2.26.0_eslint@8.22.0
     transitivePeerDependencies:
-      - eslint-import-resolver-webpack
       - supports-color
       - typescript
     dev: true
 
-  /@nuxtjs/eslint-config/10.0.0_42jdfezp7lcuhr3fexihng3k3a:
+  /@nuxtjs/eslint-config/10.0.0_eslint@8.22.0:
     resolution: {integrity: sha512-5umb4Nyd/D9azWyFPGe3ru0E5v8SSVzgtZeJwTaCpqjsQDrr51P7QPtBTVdJXIbhdY1lws67x9Emkb7oKwh4zw==}
     peerDependencies:
       eslint: ^8.14.0
     dependencies:
       eslint: 8.22.0
       eslint-config-standard: 17.0.0_zbdqnta3mhnrvw4yywdsj5qdqy
-      eslint-plugin-import: 2.26.0_42jdfezp7lcuhr3fexihng3k3a
+      eslint-plugin-import: 2.26.0_eslint@8.22.0
       eslint-plugin-n: 15.2.4_eslint@8.22.0
       eslint-plugin-node: 11.1.0_eslint@8.22.0
       eslint-plugin-promise: 6.0.0_eslint@8.22.0
       eslint-plugin-unicorn: 42.0.0_eslint@8.22.0
       eslint-plugin-vue: 8.7.1_eslint@8.22.0
     transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
       - supports-color
     dev: true
 
@@ -1560,16 +1556,17 @@ packages:
       config-chain: 1.1.13
     dev: true
 
-  /@release-it/conventional-changelog/5.0.0_release-it@15.3.0:
-    resolution: {integrity: sha512-YAvGgxA8cIQSbmyHmAmLMwzCkNP74upLST8jFuDJTI+AVfK2Grp2HbZu0/NeV3sHYD20sT8YMzNVUeRxNlyHeg==}
+  /@release-it/conventional-changelog/5.1.0_release-it@15.4.0:
+    resolution: {integrity: sha512-o55D822tVIoldUDj1Fp1KvenVREcEEjYOyuVNwRVnTcExFN6nWUPrH05q7Y8opT23N5snuCwPJ5bzLPEcpBvRg==}
     engines: {node: '>=14'}
     peerDependencies:
-      release-it: ^15.0.0-esm.4
+      release-it: ^15.3.0
     dependencies:
       concat-stream: 2.0.0
       conventional-changelog: 3.1.25
       conventional-recommended-bump: 6.1.0
-      release-it: 15.3.0
+      release-it: 15.4.0
+      semver: 7.3.7
     dev: true
 
   /@rollup/plugin-alias/3.1.9_rollup@2.77.3:
@@ -1712,8 +1709,8 @@ packages:
     hasBin: true
     dev: false
 
-  /@stencil/core/2.17.3:
-    resolution: {integrity: sha512-qw2DZzOpyaltLLEfYRTj3n+XbvRtkmv4QQimYDJubC6jMY0NXK9r6H2+VyszdbbVmvK1D9GqZtyvY0NmOrztsg==}
+  /@stencil/core/2.17.4:
+    resolution: {integrity: sha512-SGRlHpjV1RyFvzw6jFMVKpLNox9Eds3VvpbpD2SW9CuxdLonHDSFtQks5zmT4zs1Rse9I6kFc2mFK/dHNTalkg==}
     engines: {node: '>=12.10.0', npm: '>=6.0.0'}
     hasBin: true
     dev: false
@@ -1775,7 +1772,7 @@ packages:
     dependencies:
       '@types/http-cache-semantics': 4.0.1
       '@types/keyv': 3.1.4
-      '@types/node': 18.7.2
+      '@types/node': 18.7.13
       '@types/responselike': 1.0.0
     dev: true
 
@@ -1806,7 +1803,7 @@ packages:
   /@types/fs-extra/8.1.2:
     resolution: {integrity: sha512-SvSrYXfWSc7R4eqnOzbQF4TZmfpNSM9FrSWLU3EUnWBuyZqNBOrv1B1JA3byUDPUl9z4Ab3jeZG2eDdySlgNMg==}
     dependencies:
-      '@types/node': 18.7.2
+      '@types/node': 18.7.13
     dev: false
 
   /@types/hast/2.3.4:
@@ -1846,7 +1843,7 @@ packages:
   /@types/keyv/3.1.4:
     resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
     dependencies:
-      '@types/node': 18.7.2
+      '@types/node': 18.7.13
     dev: true
 
   /@types/mdast/3.0.10:
@@ -1867,8 +1864,12 @@ packages:
     resolution: {integrity: sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==}
     dev: true
 
+  /@types/node/18.7.13:
+    resolution: {integrity: sha512-46yIhxSe5xEaJZXWdIBP7GU4HDTG8/eo0qd9atdiL+lFpA03y8KS+lkTN834TWJj5767GbWv4n/P6efyTFt1Dw==}
+
   /@types/node/18.7.2:
     resolution: {integrity: sha512-ce7MIiaYWCFv6A83oEultwhBXb22fxwNOQf5DIxWA4WXvDQ7K+L0fbWl/YOfCzlR5B/uFkSnVBhPcOfOECcWvA==}
+    dev: true
 
   /@types/normalize-package-data/2.4.1:
     resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
@@ -1891,7 +1892,7 @@ packages:
   /@types/responselike/1.0.0:
     resolution: {integrity: sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==}
     dependencies:
-      '@types/node': 18.7.2
+      '@types/node': 18.7.13
     dev: true
 
   /@types/slice-ansi/4.0.0:
@@ -2093,11 +2094,11 @@ packages:
       vue: 3.2.37
     dev: true
 
-  /@vitest/coverage-c8/0.22.0:
-    resolution: {integrity: sha512-jwW6b8U+h9nbzQfKoRmpf2xjDg+mcAjLIdVUrZGhjTnIdekGfvoqFoeiXzsLv2HwYBeFi4943lYUftuj8qD1FQ==}
+  /@vitest/coverage-c8/0.22.1:
+    resolution: {integrity: sha512-KOOYpO7EGpaF+nD8GD+Y05D0JtZp12NUu6DdLXvBPqSOPo2HkZ7KNBtfR0rb6gOy3NLtGiWTYTzCwhajgb2HlA==}
     dependencies:
       c8: 7.12.0
-      vitest: 0.22.0
+      vitest: 0.22.1
     transitivePeerDependencies:
       - '@edge-runtime/vm'
       - '@vitest/browser'
@@ -3346,8 +3347,8 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
-      JSONStream: 1.3.5
       is-text-path: 1.0.1
+      JSONStream: 1.3.5
       lodash: 4.17.21
       meow: 8.1.2
       split2: 3.2.2
@@ -3596,21 +3597,11 @@ packages:
 
   /debug/2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
     dependencies:
       ms: 2.0.0
 
   /debug/3.2.7:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
     dependencies:
       ms: 2.1.3
     dev: true
@@ -3712,6 +3703,10 @@ packages:
   /defu/6.0.0:
     resolution: {integrity: sha512-t2MZGLf1V2rV4VBZbWIaXKdX/mUcYW0n2znQZoADBkGGxYL8EWqCuCZBmJPJ/Yy9fofJkyuuSuo5GSwo0XdEgw==}
 
+  /defu/6.1.0:
+    resolution: {integrity: sha512-pOFYRTIhoKujrmbTRhcW5lYQLBXw/dlTwfI8IguF1QCDJOcJzNH1w+YFjxqy6BAuJrClTy6MUE8q+oKJ2FLsIw==}
+    dev: true
+
   /degenerator/3.0.2:
     resolution: {integrity: sha512-c0mef3SNQo56t6urUU6tdQAs+ThoD0o9B9MJ8HEt7NQcGEILCRFqQb7ZbP9JAv+QF1Ky5plydhMR/IrqWDm+TQ==}
     engines: {node: '>= 6'}
@@ -4522,7 +4517,7 @@ packages:
       eslint-plugin-promise: ^6.0.0
     dependencies:
       eslint: 8.22.0
-      eslint-plugin-import: 2.26.0_42jdfezp7lcuhr3fexihng3k3a
+      eslint-plugin-import: 2.26.0_eslint@8.22.0
       eslint-plugin-n: 15.2.4_eslint@8.22.0
       eslint-plugin-promise: 6.0.0_eslint@8.22.0
     dev: true
@@ -4532,8 +4527,6 @@ packages:
     dependencies:
       debug: 3.2.7
       resolve: 1.22.1
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /eslint-import-resolver-typescript/2.7.1_2iahngt3u2tkbdlu6s4gkur3pu:
@@ -4545,7 +4538,7 @@ packages:
     dependencies:
       debug: 4.3.4
       eslint: 8.22.0
-      eslint-plugin-import: 2.26.0_42jdfezp7lcuhr3fexihng3k3a
+      eslint-plugin-import: 2.26.0_eslint@8.22.0
       glob: 7.2.3
       is-glob: 4.0.3
       resolve: 1.22.1
@@ -4554,31 +4547,12 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-module-utils/2.7.3_rtbhofbsy3gzv73dx4xodd3q4u:
+  /eslint-module-utils/2.7.3:
     resolution: {integrity: sha512-088JEC7O3lDZM9xGe0RerkOMd0EjFl+Yvd1jPWIkMT5u3H9+HC34mWWPnqPrN13gieT9pBOO+Qt07Nb/6TresQ==}
     engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-      eslint-import-resolver-node:
-        optional: true
-      eslint-import-resolver-typescript:
-        optional: true
-      eslint-import-resolver-webpack:
-        optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq
       debug: 3.2.7
-      eslint-import-resolver-node: 0.3.6
-      eslint-import-resolver-typescript: 2.7.1_2iahngt3u2tkbdlu6s4gkur3pu
       find-up: 2.1.0
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /eslint-plugin-es/3.0.1_eslint@8.22.0:
@@ -4603,24 +4577,19 @@ packages:
       regexpp: 3.2.0
     dev: true
 
-  /eslint-plugin-import/2.26.0_42jdfezp7lcuhr3fexihng3k3a:
+  /eslint-plugin-import/2.26.0_eslint@8.22.0:
     resolution: {integrity: sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==}
     engines: {node: '>=4'}
     peerDependencies:
-      '@typescript-eslint/parser': '*'
       eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq
       array-includes: 3.1.5
       array.prototype.flat: 1.3.0
       debug: 2.6.9
       doctrine: 2.1.0
       eslint: 8.22.0
       eslint-import-resolver-node: 0.3.6
-      eslint-module-utils: 2.7.3_rtbhofbsy3gzv73dx4xodd3q4u
+      eslint-module-utils: 2.7.3
       has: 1.0.3
       is-core-module: 2.10.0
       is-glob: 4.0.3
@@ -4628,10 +4597,6 @@ packages:
       object.values: 1.1.5
       resolve: 1.22.1
       tsconfig-paths: 3.14.1
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
     dev: true
 
   /eslint-plugin-n/15.2.4_eslint@8.22.0:
@@ -5628,7 +5593,7 @@ packages:
       html-void-elements: 2.0.1
       parse5: 6.0.1
       unist-util-position: 4.0.3
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
       vfile: 5.3.4
       web-namespaces: 2.0.1
       zwitch: 2.0.2
@@ -6506,8 +6471,6 @@ packages:
       debug: 2.6.9
       lodash.assign: 3.2.0
       rsvp: 3.6.2
-    transitivePeerDependencies:
-      - supports-color
     dev: false
 
   /levn/0.3.0:
@@ -6865,7 +6828,7 @@ packages:
     dependencies:
       '@types/mdast': 3.0.10
       '@types/unist': 2.0.6
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
     dev: true
 
   /mdast-util-find-and-replace/2.2.1:
@@ -6963,7 +6926,7 @@ packages:
       unist-builder: 3.0.0
       unist-util-generated: 2.0.0
       unist-util-position: 4.0.3
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
     dev: true
 
   /mdast-util-to-markdown/1.3.0:
@@ -6974,7 +6937,7 @@ packages:
       longest-streak: 3.0.1
       mdast-util-to-string: 3.1.0
       micromark-util-decode-string: 1.0.2
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
       zwitch: 2.0.2
     dev: true
 
@@ -6991,7 +6954,7 @@ packages:
     dev: true
 
   /media-typer/0.3.0:
-    resolution: {integrity: sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=}
+    resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
     engines: {node: '>= 0.6'}
     dev: true
 
@@ -7460,6 +7423,14 @@ packages:
       pkg-types: 0.3.3
       ufo: 0.8.5
 
+  /mlly/0.5.14:
+    resolution: {integrity: sha512-DgRgNUSX9NIxxCxygX4Xeg9C7GX7OUx1wuQ8cXx9o9LE0e9wrH+OZ9fcnrlEedsC/rtqry3ZhUddC759XD/L0w==}
+    dependencies:
+      acorn: 8.8.0
+      pathe: 0.3.5
+      pkg-types: 0.3.4
+      ufo: 0.8.5
+
   /modify-values/1.0.1:
     resolution: {integrity: sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==}
     engines: {node: '>=0.10.0'}
@@ -8209,6 +8180,9 @@ packages:
   /pathe/0.3.4:
     resolution: {integrity: sha512-YWgqEdxf36R6vcsyj0A+yT/rDRPe0wui4J9gRR7T4whjU5Lx/jZOr75ckEgTNaLVQABAwsrlzHRpIKcCdXAQ5A==}
 
+  /pathe/0.3.5:
+    resolution: {integrity: sha512-grU/QeYP0ChuE5kjU2/k8VtAeODzbernHlue0gTa27+ayGIu3wqYBIPGfP9r5xSqgCgDd4nWrjKXEfxMillByg==}
+
   /pathval/1.1.1:
     resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
     dev: true
@@ -8257,6 +8231,13 @@ packages:
       mlly: 0.5.10
       pathe: 0.3.4
 
+  /pkg-types/0.3.4:
+    resolution: {integrity: sha512-s214f/xkRpwlwVBToWq9Mu0XlU3HhZMYCnr2var8+jjbavBHh/VCh4pBLsJW29rJ//B1jb4HlpMIaNIMH+W2/w==}
+    dependencies:
+      jsonc-parser: 3.1.0
+      mlly: 0.5.14
+      pathe: 0.3.5
+
   /plausible-tracker/0.3.8:
     resolution: {integrity: sha512-lmOWYQ7s9KOUJ1R+YTOR3HrjdbxIS2Z4de0P/Jx2dQPteznJl2eX3tXxKClpvbfyGP59B5bbhW8ftN59HbbFSg==}
     engines: {node: '>=10'}
@@ -8291,8 +8272,6 @@ packages:
       async: 2.6.4
       debug: 3.2.7
       mkdirp: 0.5.6
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /postcss-calc/8.2.4_postcss@8.4.16:
@@ -9093,7 +9072,7 @@ packages:
       is-absolute-url: 4.0.1
       space-separated-tokens: 2.0.1
       unified: 10.1.2
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
     dev: true
 
   /rehype-raw/6.1.1:
@@ -9113,7 +9092,7 @@ packages:
       hast-util-heading-rank: 2.1.0
       hast-util-to-string: 2.0.0
       unified: 10.1.2
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
     dev: true
 
   /rehype-sort-attribute-values/4.0.0:
@@ -9122,7 +9101,7 @@ packages:
       '@types/hast': 2.3.4
       hast-util-is-element: 2.1.2
       unified: 10.1.2
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
     dev: true
 
   /rehype-sort-attributes/4.0.0:
@@ -9130,11 +9109,11 @@ packages:
     dependencies:
       '@types/hast': 2.3.4
       unified: 10.1.2
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
     dev: true
 
-  /release-it/15.3.0:
-    resolution: {integrity: sha512-MI4EBGca+y4SskgBkWNIakFp/GvXfpZEMWkmqmsysPcou/L+E+sKd0oy33ovGCyLic+9SI2rv/lQ3ACgonmqdQ==}
+  /release-it/15.4.0:
+    resolution: {integrity: sha512-l7ZHfg5SHXWaAQy5gUS1dowryqjLevpXKvyNt8V7QCqqGQO/IvQEfLnc5xx4unBgJvxjt/X2f9KZ8FOzRnaT9w==}
     engines: {node: '>=14.9'}
     hasBin: true
     dependencies:
@@ -9176,7 +9155,7 @@ packages:
     dependencies:
       emoticon: 4.0.1
       node-emoji: 1.11.0
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
     dev: true
 
   /remark-gfm/3.0.1:
@@ -9200,8 +9179,8 @@ packages:
       unist-util-visit: 4.1.0
     dev: true
 
-  /remark-mdc/1.0.4:
-    resolution: {integrity: sha512-bitabCV+w3Ma5yDFSbkVd6z+JtAV0MjzJmF0U6S3bA4kQU8KaqYpQJH/LfuGpyY+oASvF3WaPwn8n/wAVEWJUA==}
+  /remark-mdc/1.0.7:
+    resolution: {integrity: sha512-qKIvlYQz7mCZlzAf30sgLfZAxw9mQfVq4CoL1K3X4DK5V/ABYyFc6i4S3gbZjQJTv+DF1OMNJ0Zct+yGdGI0Xw==}
     dependencies:
       flat: 5.0.2
       js-yaml: 4.1.0
@@ -9215,7 +9194,7 @@ packages:
       parse-entities: 4.0.0
       scule: 0.2.1
       stringify-entities: 4.0.3
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
       unist-util-visit-parents: 5.1.0
     transitivePeerDependencies:
       - supports-color
@@ -9530,8 +9509,6 @@ packages:
       on-finished: 2.4.1
       range-parser: 1.2.1
       statuses: 2.0.1
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /serialize-javascript/4.0.0:
@@ -9554,8 +9531,6 @@ packages:
       escape-html: 1.0.3
       parseurl: 1.3.3
       send: 0.18.0
-    transitivePeerDependencies:
-      - supports-color
     dev: true
 
   /set-blocking/2.0.0:
@@ -10181,8 +10156,8 @@ packages:
     engines: {node: '>=14.0.0'}
     dev: true
 
-  /tinyspy/1.0.0:
-    resolution: {integrity: sha512-FI5B2QdODQYDRjfuLF+OrJ8bjWRMCXokQPcwKm0W3IzcbUmBNv536cQc7eXGoAuXphZwgx1DFbqImwzz08Fnhw==}
+  /tinyspy/1.0.2:
+    resolution: {integrity: sha512-bSGlgwLBYf7PnUsQ6WOc6SJ3pGOcd+d8AA6EUnLDDM0kWEstC1JIlSZA3UNliDXhd9ABoS7hiRBDCu+XP/sf1Q==}
     engines: {node: '>=14.0.0'}
     dev: true
 
@@ -10380,7 +10355,7 @@ packages:
       mlly: 0.4.3
       mri: 1.2.0
       pathe: 0.2.0
-      pkg-types: 0.3.3
+      pkg-types: 0.3.4
       pretty-bytes: 5.6.0
       rimraf: 3.0.2
       rollup: 2.77.3
@@ -10489,7 +10464,7 @@ packages:
       local-pkg: 0.4.2
       magic-string: 0.26.2
       mlly: 0.5.10
-      pathe: 0.3.4
+      pathe: 0.3.5
       scule: 0.3.2
       strip-literal: 0.4.0
       unplugin: 0.9.0
@@ -10508,7 +10483,7 @@ packages:
       local-pkg: 0.4.2
       magic-string: 0.26.2
       mlly: 0.5.10
-      pathe: 0.3.4
+      pathe: 0.3.5
       scule: 0.3.2
       strip-literal: 0.4.0
       unplugin: 0.9.0_fsy7z5huphjxskoujotgeen55a
@@ -10528,7 +10503,7 @@ packages:
       local-pkg: 0.4.2
       magic-string: 0.26.2
       mlly: 0.5.10
-      pathe: 0.3.4
+      pathe: 0.3.5
       scule: 0.3.2
       strip-literal: 0.4.0
       unplugin: 0.9.0_hgwfu3fccgzeexdvdhqkmnprsa
@@ -10571,7 +10546,7 @@ packages:
     dependencies:
       '@types/unist': 2.0.6
       unist-util-is: 5.1.1
-      unist-util-visit-parents: 5.1.0
+      unist-util-visit-parents: 5.1.1
     dev: true
 
   /unist-util-stringify-position/3.0.2:
@@ -10587,6 +10562,13 @@ packages:
       unist-util-is: 5.1.1
     dev: true
 
+  /unist-util-visit-parents/5.1.1:
+    resolution: {integrity: sha512-gks4baapT/kNRaWxuGkl5BIhoanZo7sC/cUT/JToSRNL1dYoXRFl75d++NkjYk4TAu2uv2Px+l8guMajogeuiw==}
+    dependencies:
+      '@types/unist': 2.0.6
+      unist-util-is: 5.1.1
+    dev: true
+
   /unist-util-visit/4.1.0:
     resolution: {integrity: sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==}
     dependencies:
@@ -10595,6 +10577,14 @@ packages:
       unist-util-visit-parents: 5.1.0
     dev: true
 
+  /unist-util-visit/4.1.1:
+    resolution: {integrity: sha512-n9KN3WV9k4h1DxYR1LoajgN93wpEi/7ZplVe02IoB4gH5ctI1AaF2670BLHQYbwj+pY83gFtyeySFiyMHJklrg==}
+    dependencies:
+      '@types/unist': 2.0.6
+      unist-util-is: 5.1.1
+      unist-util-visit-parents: 5.1.1
+    dev: true
+
   /universal-user-agent/6.0.0:
     resolution: {integrity: sha512-isyNax3wXoKaulPDZWHQqbmIx1k2tb9fb3GGDBRxCscfYV2Ch7WxPArBsFEG8s/safwXTT7H4QGhaIkTp9447w==}
     dev: true
@@ -11005,8 +10995,8 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.22.0:
-    resolution: {integrity: sha512-BSIro/QOHLaQY08FHwT6THWhqLQ+VPU+N4Rdo4pcP+16XB6oLmNNAXGcSh/MOLUhfUy+mqCwx7AyKmU7Ms5R+g==}
+  /vitest/0.22.1:
+    resolution: {integrity: sha512-+x28YTnSLth4KbXg7MCzoDAzPJlJex7YgiZbUh6YLp0/4PqVZ7q7/zyfdL0OaPtKTpNiQFPpMC8Y2MSzk8F7dw==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
     peerDependencies:
@@ -11029,12 +11019,12 @@ packages:
     dependencies:
       '@types/chai': 4.3.3
       '@types/chai-subset': 1.3.3
-      '@types/node': 18.7.2
+      '@types/node': 18.7.13
       chai: 4.3.6
       debug: 4.3.4
       local-pkg: 0.4.2
       tinypool: 0.2.4
-      tinyspy: 1.0.0
+      tinyspy: 1.0.2
       vite: 3.0.7
     transitivePeerDependencies:
       - less

From 143d635c570836e3a50828cec188ee8ea90e6b1a Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Fri, 26 Aug 2022 16:31:52 +0200
Subject: [PATCH 16/19] refactor: remove div wrapper for animation component

---
 src/runtime/components/IonAnimation.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/runtime/components/IonAnimation.vue b/src/runtime/components/IonAnimation.vue
index f9c9af00..d435bc72 100644
--- a/src/runtime/components/IonAnimation.vue
+++ b/src/runtime/components/IonAnimation.vue
@@ -139,7 +139,5 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div ref="element">
-    <slot :animation="animation" />
-  </div>
+  <slot ref="element" :animation="animation" />
 </template>

From 527da62ab9403c6c98aed85d22986c7b086d7142 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Fri, 26 Aug 2022 16:32:18 +0200
Subject: [PATCH 17/19] chore(playground): add more animation examples

---
 playground/pages/tabs/tab4.vue | 239 +++++++++++++++++++++++++--------
 1 file changed, 186 insertions(+), 53 deletions(-)

diff --git a/playground/pages/tabs/tab4.vue b/playground/pages/tabs/tab4.vue
index b365e06f..5cf4f111 100644
--- a/playground/pages/tabs/tab4.vue
+++ b/playground/pages/tabs/tab4.vue
@@ -13,68 +13,201 @@
       </ion-header>
 
       <div class="animations-grid">
-        <IonAnimation
-          v-slot="{ animation }"
-          :duration="2000"
-          :fromTo="[
-            { property: 'opacity', fromValue: '1', toValue: '0.2' },
-            { property: 'transform', fromValue: 'translateY(0px)', toValue: 'translateY(-50px)' },
-          ]"
-          fill="forwards"
-        >
-          <div class="red-square"></div>
-
-          <button @click="animation.play()">Play</button>
-          <button @click="animation.pause()">Pause</button>
-          <button @click="animation.stop()">Stop</button>
-        </IonAnimation>
-
-        <IonAnimation
-          v-slot="{ animation }"
-          :duration="3000"
-          :keyframes="[
-            { offset: 0, transform: 'scale(1) translateX(0)' },
-            { offset: 0.4, transform: 'scale(1.1) translateX(15px)' },
-            { offset: 0.6, transform: 'scale(1.1) translateX(-15px)' },
-            { offset: 1, transform: 'scale(1) translateX(0)' },
-          ]"
-          fill="forwards"
-        >
-          <div class="blue-square"></div>
-
-          <button @click="animation.play()">Play</button>
-          <button @click="animation.pause()">Pause</button>
-          <button @click="animation.stop()">Stop</button>
-        </IonAnimation>
-
-        <IonAnimation
-          v-slot="{ animation }"
-          :duration="1000"
-          :keyframes="[
-            { offset: 0, transform: 'scale(1)' },
-            { offset: 0.8, transform: 'scale(1.15)' },
-            { offset: 1, transform: 'scale(1)' },
-          ]"
-          fill="forwards"
-          :iterations="Infinity"
-        >
-          <div class="green-square"></div>
-
-          <button @click="animation.play()">Play</button>
-          <button @click="animation.pause()">Pause</button>
-          <button @click="animation.stop()">Stop</button>
-        </IonAnimation>
+        <section>
+          <IonLabel color="primary">
+            <strong>Basic animation</strong>
+          </IonLabel>
+          <IonAnimation
+            ref="animation1"
+            v-slot="{ animation }"
+            :duration="2000"
+            :fromTo="[
+              { property: 'opacity', fromValue: '1', toValue: '0.2' },
+              { property: 'transform', fromValue: 'translateX(0px)', toValue: 'translateX(-50px)' },
+            ]"
+            fill="forwards"
+          >
+            <div class="red-square"></div>
+
+            <div class="buttons">
+              <IonButton @click="animation.play()">Play</IonButton>
+              <IonButton @click="animation.pause()">Pause</IonButton>
+              <IonButton @click="animation.stop()">Stop</IonButton>
+            </div>
+          </IonAnimation>
+        </section>
+
+        <section>
+          <IonLabel color="primary">
+            <strong>Keyframes animation</strong>
+          </IonLabel>
+          <IonAnimation
+            v-slot="{ animation }"
+            :duration="3000"
+            :keyframes="[
+              { offset: 0, transform: 'scale(1) translate(0, 0)' },
+              { offset: 0.4, transform: 'scale(1.05) translate(15px, 15px)' },
+              { offset: 0.6, transform: 'scale(1.05) translate(-30px, 15px)' },
+              { offset: 1, transform: 'scale(1) translate(0, 0)' },
+            ]"
+            fill="none"
+          >
+            <div class="blue-square"></div>
+
+            <div class="buttons">
+              <IonButton @click="animation.play()">Play</IonButton>
+              <IonButton @click="animation.pause()">Pause</IonButton>
+              <IonButton @click="animation.stop()">Stop</IonButton>
+            </div>
+          </IonAnimation>
+        </section>
+
+        <section>
+          <IonLabel color="primary">
+            <strong>Animation that repeats forever</strong>
+          </IonLabel>
+          <IonAnimation
+            v-slot="{ animation }"
+            :duration="1000"
+            :keyframes="[
+              { offset: 0, transform: 'scale(1)' },
+              { offset: 0.75, transform: 'scale(1.05)' },
+              { offset: 1, transform: 'scale(1)' },
+            ]"
+            :iterations="Infinity"
+          >
+            <div class="green-square"></div>
+
+            <div class="buttons">
+              <IonButton @click="animation.play()">Play</IonButton>
+              <IonButton @click="animation.pause()">Pause</IonButton>
+              <IonButton @click="animation.stop()">Stop</IonButton>
+            </div>
+          </IonAnimation>
+        </section>
+
+        <section>
+          <IonLabel color="primary">
+            <strong>Animation with style hooks</strong>
+          </IonLabel>
+          <IonAnimation
+            v-slot="{ animation }"
+            :duration="2000"
+            :keyframes="[
+              { offset: 0, transform: 'scale(1)' },
+              { offset: 0.75, transform: 'scale(1.1)' },
+              { offset: 1, transform: 'scale(1)' },
+            ]"
+            :beforeStyles="{
+              opacity: 0.5,
+            }"
+            :afterClearStyles="['opacity']"
+            :afterStyles="{
+              transform: 'scale(0.9)',
+            }"
+            :beforeClearStyles="['transform']"
+            fill="none"
+          >
+            <div class="red-square"></div>
+
+            <div class="buttons">
+              <IonButton @click="animation.play()">Play</IonButton>
+              <IonButton @click="animation.pause()">Pause</IonButton>
+              <IonButton @click="animation.stop()">Stop</IonButton>
+            </div>
+          </IonAnimation>
+        </section>
+
+        <section>
+          <IonLabel color="primary">
+            <strong>Animation with specific easing</strong>
+          </IonLabel>
+          <IonAnimation
+            v-slot="{ animation }"
+            :duration="2000"
+            :keyframes="[
+              {
+                offset: 0,
+                transform: 'rotate(0)',
+              },
+              {
+                offset: 0.5,
+                transform: 'rotate(60deg)',
+              },
+              {
+                offset: 1,
+                transform: 'rotate(0)',
+              },
+            ]"
+            easing="cubic-bezier(.7,.55,0,1.15)"
+          >
+            <div class="blue-square"></div>
+
+            <div class="buttons">
+              <IonButton @click="animation.play()">Play</IonButton>
+              <IonButton @click="animation.pause()">Pause</IonButton>
+              <IonButton @click="animation.stop()">Stop</IonButton>
+            </div>
+          </IonAnimation>
+        </section>
+
+        <section>
+          <IonLabel color="primary">
+            <strong>Reversed animation direction</strong>
+          </IonLabel>
+          <IonAnimation
+            v-slot="{ animation }"
+            :duration="3000"
+            :keyframes="[
+              { offset: 0, transform: 'scale(1)' },
+              { offset: 0.3, transform: 'scale(1.2)' },
+              { offset: 0.6, transform: 'scale(1.05)' },
+              { offset: 0.9, transform: 'scale(0.8)' },
+              { offset: 1, transform: 'scale(1)' },
+            ]"
+            direction="reverse"
+            easing="ease-in"
+          >
+            <div class="green-square"></div>
+
+            <div class="buttons">
+              <IonButton @click="animation.play()">Play</IonButton>
+              <IonButton @click="animation.pause()">Pause</IonButton>
+              <IonButton @click="animation.stop()">Stop</IonButton>
+            </div>
+          </IonAnimation>
+        </section>
       </div>
     </ion-content>
   </ion-page>
 </template>
 
 <style scoped>
+:root {
+  --animation-color: purple;
+}
+
 .animations-grid {
   padding: 3em;
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  grid-gap: 1em;
+  grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
+  grid-auto-flow: row;
+  row-gap: 4em;
+  align-items: center;
+  justify-items: center;
+  text-align: center;
+}
+
+.animations-grid > *:nth-child(2) {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.buttons {
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
 }
 
 .red-square {

From b03c2b332ed1eff173cc22e38f8ec2a09f30ecf1 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Fri, 26 Aug 2022 16:32:33 +0200
Subject: [PATCH 18/19] docs: document animation component

---
 docs/content/3.features.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/content/3.features.md b/docs/content/3.features.md
index 6ae6adef..ea7421a5 100644
--- a/docs/content/3.features.md
+++ b/docs/content/3.features.md
@@ -79,6 +79,10 @@ You can delegate all that logic to the component:
 </template>
 ```
 
+::alert{type=info}
+Currently component doesn't support grouped and chained animations. For that usage we still recommend using `createAnimation` by itself
+::
+
 ## Icons
 
 Icons are auto-imported from `ionicons/icons` by default, following the pattern of camel case naming with `ionicons` in front of the original icon name from the [official icons website](https://ionic.io/ionicons).

From 8a5fbb524f4be793e3c3d3b7204edd0023d9b2e2 Mon Sep 17 00:00:00 2001
From: Aleksa <sevic.official@gmail.com>
Date: Tue, 30 Aug 2022 08:13:57 +0200
Subject: [PATCH 19/19] chore: update deps

---
 package.json   |   8 +-
 pnpm-lock.yaml | 319 ++++++++++++++++++++++---------------------------
 2 files changed, 148 insertions(+), 179 deletions(-)

diff --git a/package.json b/package.json
index dc7690bd..cfe46301 100644
--- a/package.json
+++ b/package.json
@@ -60,7 +60,7 @@
     "@ionic/vue-router": "^6.2.4",
     "@kevinmarrec/nuxt-pwa": "^0.4.2",
     "@nuxt/kit": "^3.0.0-rc.8",
-    "ionicons": "^6.0.2",
+    "ionicons": "^6.0.3",
     "pathe": "^0.3.5",
     "pkg-types": "^0.3.4",
     "ufo": "^0.8.5",
@@ -72,11 +72,11 @@
     "@nuxt/test-utils": "3.0.0-rc.8",
     "@nuxtjs/eslint-config-typescript": "^10.0.0",
     "@release-it/conventional-changelog": "^5.1.0",
-    "@types/node": "^18.7.13",
+    "@types/node": "^18.7.14",
     "@vitest/coverage-c8": "^0.22.1",
     "c8": "^7.12.0",
     "conventional-changelog-conventionalcommits": "^5.0.0",
-    "eslint": "^8.22.0",
+    "eslint": "^8.23.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
     "expect-type": "^0.13.0",
@@ -86,7 +86,7 @@
     "pinst": "^3.0.0",
     "prettier": "^2.7.1",
     "release-it": "^15.4.0",
-    "typescript": "^4.7.4",
+    "typescript": "^4.8.2",
     "vitest": "^0.22.1",
     "vue": "^3.2.37"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0356f55b..4c2f655c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,16 +19,16 @@ importers:
       '@nuxt/test-utils': 3.0.0-rc.8
       '@nuxtjs/eslint-config-typescript': ^10.0.0
       '@release-it/conventional-changelog': ^5.1.0
-      '@types/node': ^18.7.13
+      '@types/node': ^18.7.14
       '@vitest/coverage-c8': ^0.22.1
       c8: ^7.12.0
       conventional-changelog-conventionalcommits: ^5.0.0
-      eslint: ^8.22.0
+      eslint: ^8.23.0
       eslint-config-prettier: ^8.5.0
       eslint-plugin-prettier: ^4.2.1
       expect-type: ^0.13.0
       husky: ^8.0.1
-      ionicons: ^6.0.2
+      ionicons: ^6.0.3
       lint-staged: ^13.0.3
       nuxt: ^3.0.0-rc.8
       pathe: ^0.3.5
@@ -36,7 +36,7 @@ importers:
       pkg-types: ^0.3.4
       prettier: ^2.7.1
       release-it: ^15.4.0
-      typescript: ^4.7.4
+      typescript: ^4.8.2
       ufo: ^0.8.5
       unimport: ^0.6.7
       vitest: ^0.22.1
@@ -49,7 +49,7 @@ importers:
       '@ionic/vue-router': 6.2.4
       '@kevinmarrec/nuxt-pwa': 0.4.2
       '@nuxt/kit': 3.0.0-rc.8
-      ionicons: 6.0.2
+      ionicons: 6.0.3
       pathe: 0.3.5
       pkg-types: 0.3.4
       ufo: 0.8.5
@@ -58,15 +58,15 @@ importers:
       '@nuxt/module-builder': 0.1.7
       '@nuxt/schema': 3.0.0-rc.8
       '@nuxt/test-utils': 3.0.0-rc.8_vue@3.2.37
-      '@nuxtjs/eslint-config-typescript': 10.0.0_4rv7y5c6xz3vfxwhbrcxxi73bq
+      '@nuxtjs/eslint-config-typescript': 10.0.0_yqf6kl63nyoq5megxukfnom5rm
       '@release-it/conventional-changelog': 5.1.0_release-it@15.4.0
-      '@types/node': 18.7.13
+      '@types/node': 18.7.14
       '@vitest/coverage-c8': 0.22.1
       c8: 7.12.0
       conventional-changelog-conventionalcommits: 5.0.0
-      eslint: 8.22.0
-      eslint-config-prettier: 8.5.0_eslint@8.22.0
-      eslint-plugin-prettier: 4.2.1_i2cojdczqdiurzgttlwdgf764e
+      eslint: 8.23.0
+      eslint-config-prettier: 8.5.0_eslint@8.23.0
+      eslint-plugin-prettier: 4.2.1_tgumt6uwl2md3n6uqnggd6wvce
       expect-type: 0.13.0
       husky: 8.0.1
       lint-staged: 13.0.3
@@ -74,7 +74,7 @@ importers:
       pinst: 3.0.0
       prettier: 2.7.1
       release-it: 15.4.0
-      typescript: 4.7.4
+      typescript: 4.8.2
       vitest: 0.22.1
       vue: 3.2.37
 
@@ -463,13 +463,13 @@ packages:
   /@docus/base-edge/3.0.0-1138f93:
     resolution: {integrity: sha512-4x9/ump1+5Ig5S0xm7zjSPZJUr9BTI4DvhNtLZCJwLFqn2rdK1kz/x8w9QX44Q+ns6GT7Is9FCwij55hywOPbw==}
     dependencies:
-      '@nuxt/content': /@nuxt/content-edge/2.1.0-27687652.df85e8e
+      '@nuxt/content': /@nuxt/content-edge/2.1.0-27690951.ce5397d
       '@nuxthq/admin': /@nuxthq/admin-edge/0.0.1-27627055.9933660
       '@vueuse/core': 8.9.4
       '@vueuse/nuxt': 8.9.4
-      defu: 6.0.0
+      defu: 6.1.0
       nuxt: 3.0.0-rc.8
-      pkg-types: 0.3.3
+      pkg-types: 0.3.4
     transitivePeerDependencies:
       - '@vue/composition-api'
       - bufferutil
@@ -555,13 +555,13 @@ packages:
     dev: true
     optional: true
 
-  /@eslint/eslintrc/1.3.0:
-    resolution: {integrity: sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==}
+  /@eslint/eslintrc/1.3.1:
+    resolution: {integrity: sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4
-      espree: 9.3.3
+      espree: 9.4.0
       globals: 13.17.0
       ignore: 5.2.0
       import-fresh: 3.3.0
@@ -587,6 +587,11 @@ packages:
     resolution: {integrity: sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==}
     dev: true
 
+  /@humanwhocodes/module-importer/1.0.1:
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+    dev: true
+
   /@humanwhocodes/object-schema/1.2.1:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
     dev: true
@@ -691,7 +696,7 @@ packages:
     resolution: {integrity: sha512-LDRIwG5plwTHELxQ/j3uEfLJ7YkzJzR1V4QGE+X59aE/l7XoXZyLb1NWFjY7glBbFHGQgSuPFWNhXFkyRBxRFQ==}
     dependencies:
       '@stencil/core': 2.17.4
-      ionicons: 6.0.2
+      ionicons: 6.0.3
       tslib: 2.4.0
     dev: false
 
@@ -804,7 +809,7 @@ packages:
     resolution: {integrity: sha512-SbLew1VJiUnBBkOvDrbgOwdxkVpmF+3pzp1wUwqxNVVBTn4QKTbL/agfgx7IbLY+i+jz36pntKvzGB/Keljh9g==}
     dependencies:
       '@ionic/core': 6.2.4
-      ionicons: 6.0.2
+      ionicons: 6.0.3
     dev: false
 
   /@ioredis/commands/1.2.0:
@@ -919,12 +924,11 @@ packages:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.13.0
 
-  /@nuxt/content-edge/2.1.0-27687652.df85e8e:
-    resolution: {integrity: sha512-IqOzVx0oueMczjV8pk2bT9aD0T1SeJMCojc/7BE4pMbP4HfxlPGqUmT53hyZfE5htAP0xpkNEKBwKxEgt/tQ2w==}
+  /@nuxt/content-edge/2.1.0-27690951.ce5397d:
+    resolution: {integrity: sha512-w+qQOwvIgg5sJp/n2LrnwGk1Lo/CKsOxCs9HlYDy6OwUVe63PyYA+otYlrQPy/QT+bjsh8I+ogKA67HaYjSSAQ==}
     dependencies:
       '@nuxt/kit': 3.0.0-rc.8
       consola: 2.15.3
-      csvtojson: 2.0.10
       defu: 6.1.0
       destr: 1.1.1
       detab: 3.0.1
@@ -1260,7 +1264,7 @@ packages:
     dependencies:
       '@nuxt/kit': 3.0.0-rc.8
       lodash.template: 4.5.0
-      pathe: 0.3.4
+      pathe: 0.3.5
     transitivePeerDependencies:
       - esbuild
       - rollup
@@ -1269,35 +1273,35 @@ packages:
       - webpack
     dev: true
 
-  /@nuxtjs/eslint-config-typescript/10.0.0_4rv7y5c6xz3vfxwhbrcxxi73bq:
+  /@nuxtjs/eslint-config-typescript/10.0.0_yqf6kl63nyoq5megxukfnom5rm:
     resolution: {integrity: sha512-DaFjb0IPOq5MhdPs/5h0+kUmjQ6sVSMo3mrEuuAY3r2NUWmVSWEFrlUCqx0S0pHvjBXS4MfwBWS/oWPs41aQeA==}
     peerDependencies:
       eslint: ^8.14.0
     dependencies:
-      '@nuxtjs/eslint-config': 10.0.0_eslint@8.22.0
-      '@typescript-eslint/eslint-plugin': 5.33.0_yy5c4q6zhpajzhorvwhnwvctfe
-      '@typescript-eslint/parser': 5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq
-      eslint: 8.22.0
-      eslint-import-resolver-typescript: 2.7.1_2iahngt3u2tkbdlu6s4gkur3pu
-      eslint-plugin-import: 2.26.0_eslint@8.22.0
+      '@nuxtjs/eslint-config': 10.0.0_eslint@8.23.0
+      '@typescript-eslint/eslint-plugin': 5.33.0_jdimzhijjiauxythgs7kr6base
+      '@typescript-eslint/parser': 5.33.0_yqf6kl63nyoq5megxukfnom5rm
+      eslint: 8.23.0
+      eslint-import-resolver-typescript: 2.7.1_faomjyrlgqmwswvqymymzkxcqi
+      eslint-plugin-import: 2.26.0_eslint@8.23.0
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@nuxtjs/eslint-config/10.0.0_eslint@8.22.0:
+  /@nuxtjs/eslint-config/10.0.0_eslint@8.23.0:
     resolution: {integrity: sha512-5umb4Nyd/D9azWyFPGe3ru0E5v8SSVzgtZeJwTaCpqjsQDrr51P7QPtBTVdJXIbhdY1lws67x9Emkb7oKwh4zw==}
     peerDependencies:
       eslint: ^8.14.0
     dependencies:
-      eslint: 8.22.0
-      eslint-config-standard: 17.0.0_zbdqnta3mhnrvw4yywdsj5qdqy
-      eslint-plugin-import: 2.26.0_eslint@8.22.0
-      eslint-plugin-n: 15.2.4_eslint@8.22.0
-      eslint-plugin-node: 11.1.0_eslint@8.22.0
-      eslint-plugin-promise: 6.0.0_eslint@8.22.0
-      eslint-plugin-unicorn: 42.0.0_eslint@8.22.0
-      eslint-plugin-vue: 8.7.1_eslint@8.22.0
+      eslint: 8.23.0
+      eslint-config-standard: 17.0.0_7lcp6shtjfsrxkpnp5oalkajiq
+      eslint-plugin-import: 2.26.0_eslint@8.23.0
+      eslint-plugin-n: 15.2.4_eslint@8.23.0
+      eslint-plugin-node: 11.1.0_eslint@8.23.0
+      eslint-plugin-promise: 6.0.0_eslint@8.23.0
+      eslint-plugin-unicorn: 42.0.0_eslint@8.23.0
+      eslint-plugin-vue: 8.7.1_eslint@8.23.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1312,7 +1316,7 @@ packages:
       chalk: 5.0.1
       clear-module: 4.1.2
       consola: 2.15.3
-      defu: 6.0.0
+      defu: 6.1.0
       postcss: 8.4.16
       postcss-custom-properties: 12.1.8_postcss@8.4.16
       postcss-nesting: 10.1.10_postcss@8.4.16
@@ -1772,7 +1776,7 @@ packages:
     dependencies:
       '@types/http-cache-semantics': 4.0.1
       '@types/keyv': 3.1.4
-      '@types/node': 18.7.13
+      '@types/node': 18.7.14
       '@types/responselike': 1.0.0
     dev: true
 
@@ -1803,7 +1807,7 @@ packages:
   /@types/fs-extra/8.1.2:
     resolution: {integrity: sha512-SvSrYXfWSc7R4eqnOzbQF4TZmfpNSM9FrSWLU3EUnWBuyZqNBOrv1B1JA3byUDPUl9z4Ab3jeZG2eDdySlgNMg==}
     dependencies:
-      '@types/node': 18.7.13
+      '@types/node': 18.7.14
     dev: false
 
   /@types/hast/2.3.4:
@@ -1843,7 +1847,7 @@ packages:
   /@types/keyv/3.1.4:
     resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
     dependencies:
-      '@types/node': 18.7.13
+      '@types/node': 18.7.14
     dev: true
 
   /@types/mdast/3.0.10:
@@ -1864,8 +1868,8 @@ packages:
     resolution: {integrity: sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==}
     dev: true
 
-  /@types/node/18.7.13:
-    resolution: {integrity: sha512-46yIhxSe5xEaJZXWdIBP7GU4HDTG8/eo0qd9atdiL+lFpA03y8KS+lkTN834TWJj5767GbWv4n/P6efyTFt1Dw==}
+  /@types/node/18.7.14:
+    resolution: {integrity: sha512-6bbDaETVi8oyIARulOE9qF1/Qdi/23z6emrUh0fNJRUmjznqrixD4MpGDdgOFk5Xb0m2H6Xu42JGdvAxaJR/wA==}
 
   /@types/node/18.7.2:
     resolution: {integrity: sha512-ce7MIiaYWCFv6A83oEultwhBXb22fxwNOQf5DIxWA4WXvDQ7K+L0fbWl/YOfCzlR5B/uFkSnVBhPcOfOECcWvA==}
@@ -1892,7 +1896,7 @@ packages:
   /@types/responselike/1.0.0:
     resolution: {integrity: sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==}
     dependencies:
-      '@types/node': 18.7.13
+      '@types/node': 18.7.14
     dev: true
 
   /@types/slice-ansi/4.0.0:
@@ -1920,7 +1924,7 @@ packages:
     resolution: {integrity: sha512-5d2RhCard1nQUC3aHcq/gHzWYO6K0WJmAbjO7mQJgCQKtZpgXxv1rOM6O/dBDhDYYVutk1sciOgNSe+5YyfM8A==}
     dev: true
 
-  /@typescript-eslint/eslint-plugin/5.33.0_yy5c4q6zhpajzhorvwhnwvctfe:
+  /@typescript-eslint/eslint-plugin/5.33.0_jdimzhijjiauxythgs7kr6base:
     resolution: {integrity: sha512-jHvZNSW2WZ31OPJ3enhLrEKvAZNyAFWZ6rx9tUwaessTc4sx9KmgMNhVcqVAl1ETnT5rU5fpXTLmY9YvC1DCNg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1931,23 +1935,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq
+      '@typescript-eslint/parser': 5.33.0_yqf6kl63nyoq5megxukfnom5rm
       '@typescript-eslint/scope-manager': 5.33.0
-      '@typescript-eslint/type-utils': 5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq
-      '@typescript-eslint/utils': 5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq
+      '@typescript-eslint/type-utils': 5.33.0_yqf6kl63nyoq5megxukfnom5rm
+      '@typescript-eslint/utils': 5.33.0_yqf6kl63nyoq5megxukfnom5rm
       debug: 4.3.4
-      eslint: 8.22.0
+      eslint: 8.23.0
       functional-red-black-tree: 1.0.1
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.7.4
-      typescript: 4.7.4
+      tsutils: 3.21.0_typescript@4.8.2
+      typescript: 4.8.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq:
+  /@typescript-eslint/parser/5.33.0_yqf6kl63nyoq5megxukfnom5rm:
     resolution: {integrity: sha512-cgM5cJrWmrDV2KpvlcSkelTBASAs1mgqq+IUGKJvFxWrapHpaRy5EXPQz9YaKF3nZ8KY18ILTiVpUtbIac86/w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1959,10 +1963,10 @@ packages:
     dependencies:
       '@typescript-eslint/scope-manager': 5.33.0
       '@typescript-eslint/types': 5.33.0
-      '@typescript-eslint/typescript-estree': 5.33.0_typescript@4.7.4
+      '@typescript-eslint/typescript-estree': 5.33.0_typescript@4.8.2
       debug: 4.3.4
-      eslint: 8.22.0
-      typescript: 4.7.4
+      eslint: 8.23.0
+      typescript: 4.8.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1975,7 +1979,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.33.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq:
+  /@typescript-eslint/type-utils/5.33.0_yqf6kl63nyoq5megxukfnom5rm:
     resolution: {integrity: sha512-2zB8uEn7hEH2pBeyk3NpzX1p3lF9dKrEbnXq1F7YkpZ6hlyqb2yZujqgRGqXgRBTHWIUG3NGx/WeZk224UKlIA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1985,11 +1989,11 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/utils': 5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq
+      '@typescript-eslint/utils': 5.33.0_yqf6kl63nyoq5megxukfnom5rm
       debug: 4.3.4
-      eslint: 8.22.0
-      tsutils: 3.21.0_typescript@4.7.4
-      typescript: 4.7.4
+      eslint: 8.23.0
+      tsutils: 3.21.0_typescript@4.8.2
+      typescript: 4.8.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1999,7 +2003,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.33.0_typescript@4.7.4:
+  /@typescript-eslint/typescript-estree/5.33.0_typescript@4.8.2:
     resolution: {integrity: sha512-tqq3MRLlggkJKJUrzM6wltk8NckKyyorCSGMq4eVkyL5sDYzJJcMgZATqmF8fLdsWrW7OjjIZ1m9v81vKcaqwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2014,13 +2018,13 @@ packages:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.7.4
-      typescript: 4.7.4
+      tsutils: 3.21.0_typescript@4.8.2
+      typescript: 4.8.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.33.0_4rv7y5c6xz3vfxwhbrcxxi73bq:
+  /@typescript-eslint/utils/5.33.0_yqf6kl63nyoq5megxukfnom5rm:
     resolution: {integrity: sha512-JxOAnXt9oZjXLIiXb5ZIcZXiwVHCkqZgof0O8KPgz7C7y0HS42gi75PdPlqh1Tf109M0fyUw45Ao6JLo7S5AHw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2029,10 +2033,10 @@ packages:
       '@types/json-schema': 7.0.11
       '@typescript-eslint/scope-manager': 5.33.0
       '@typescript-eslint/types': 5.33.0
-      '@typescript-eslint/typescript-estree': 5.33.0_typescript@4.7.4
-      eslint: 8.22.0
+      '@typescript-eslint/typescript-estree': 5.33.0_typescript@4.8.2
+      eslint: 8.23.0
       eslint-scope: 5.1.1
-      eslint-utils: 3.0.0_eslint@8.22.0
+      eslint-utils: 3.0.0_eslint@8.23.0
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -2647,10 +2651,6 @@ packages:
       readable-stream: 3.6.0
     dev: true
 
-  /bluebird/3.7.2:
-    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
-    dev: true
-
   /boolbase/1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
     dev: true
@@ -3563,16 +3563,6 @@ packages:
     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
     dev: true
 
-  /csvtojson/2.0.10:
-    resolution: {integrity: sha512-lUWFxGKyhraKCW8Qghz6Z0f2l/PqB1W3AO0HKJzGIQ5JRSlR651ekJDiGJbBT4sRNNv5ddnSGVEnsxP9XRCVpQ==}
-    engines: {node: '>=4.0.0'}
-    hasBin: true
-    dependencies:
-      bluebird: 3.7.2
-      lodash: 4.17.21
-      strip-bom: 2.0.0
-    dev: true
-
   /cuint/0.2.2:
     resolution: {integrity: sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw==}
     dev: true
@@ -4499,16 +4489,16 @@ packages:
     optionalDependencies:
       source-map: 0.6.1
 
-  /eslint-config-prettier/8.5.0_eslint@8.22.0:
+  /eslint-config-prettier/8.5.0_eslint@8.23.0:
     resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
-      eslint: 8.22.0
+      eslint: 8.23.0
     dev: true
 
-  /eslint-config-standard/17.0.0_zbdqnta3mhnrvw4yywdsj5qdqy:
+  /eslint-config-standard/17.0.0_7lcp6shtjfsrxkpnp5oalkajiq:
     resolution: {integrity: sha512-/2ks1GKyqSOkH7JFvXJicu0iMpoojkwB+f5Du/1SC0PtBL+s8v30k9njRZ21pm2drKYm2342jFnGWzttxPmZVg==}
     peerDependencies:
       eslint: ^8.0.1
@@ -4516,10 +4506,10 @@ packages:
       eslint-plugin-n: ^15.0.0
       eslint-plugin-promise: ^6.0.0
     dependencies:
-      eslint: 8.22.0
-      eslint-plugin-import: 2.26.0_eslint@8.22.0
-      eslint-plugin-n: 15.2.4_eslint@8.22.0
-      eslint-plugin-promise: 6.0.0_eslint@8.22.0
+      eslint: 8.23.0
+      eslint-plugin-import: 2.26.0_eslint@8.23.0
+      eslint-plugin-n: 15.2.4_eslint@8.23.0
+      eslint-plugin-promise: 6.0.0_eslint@8.23.0
     dev: true
 
   /eslint-import-resolver-node/0.3.6:
@@ -4529,7 +4519,7 @@ packages:
       resolve: 1.22.1
     dev: true
 
-  /eslint-import-resolver-typescript/2.7.1_2iahngt3u2tkbdlu6s4gkur3pu:
+  /eslint-import-resolver-typescript/2.7.1_faomjyrlgqmwswvqymymzkxcqi:
     resolution: {integrity: sha512-00UbgGwV8bSgUv34igBDbTOtKhqoRMy9bFjNehT40bXg6585PNIct8HhXZ0SybqB9rWtXj9crcku8ndDn/gIqQ==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -4537,8 +4527,8 @@ packages:
       eslint-plugin-import: '*'
     dependencies:
       debug: 4.3.4
-      eslint: 8.22.0
-      eslint-plugin-import: 2.26.0_eslint@8.22.0
+      eslint: 8.23.0
+      eslint-plugin-import: 2.26.0_eslint@8.23.0
       glob: 7.2.3
       is-glob: 4.0.3
       resolve: 1.22.1
@@ -4555,29 +4545,29 @@ packages:
       find-up: 2.1.0
     dev: true
 
-  /eslint-plugin-es/3.0.1_eslint@8.22.0:
+  /eslint-plugin-es/3.0.1_eslint@8.23.0:
     resolution: {integrity: sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==}
     engines: {node: '>=8.10.0'}
     peerDependencies:
       eslint: '>=4.19.1'
     dependencies:
-      eslint: 8.22.0
+      eslint: 8.23.0
       eslint-utils: 2.1.0
       regexpp: 3.2.0
     dev: true
 
-  /eslint-plugin-es/4.1.0_eslint@8.22.0:
+  /eslint-plugin-es/4.1.0_eslint@8.23.0:
     resolution: {integrity: sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==}
     engines: {node: '>=8.10.0'}
     peerDependencies:
       eslint: '>=4.19.1'
     dependencies:
-      eslint: 8.22.0
+      eslint: 8.23.0
       eslint-utils: 2.1.0
       regexpp: 3.2.0
     dev: true
 
-  /eslint-plugin-import/2.26.0_eslint@8.22.0:
+  /eslint-plugin-import/2.26.0_eslint@8.23.0:
     resolution: {integrity: sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -4587,7 +4577,7 @@ packages:
       array.prototype.flat: 1.3.0
       debug: 2.6.9
       doctrine: 2.1.0
-      eslint: 8.22.0
+      eslint: 8.23.0
       eslint-import-resolver-node: 0.3.6
       eslint-module-utils: 2.7.3
       has: 1.0.3
@@ -4599,16 +4589,16 @@ packages:
       tsconfig-paths: 3.14.1
     dev: true
 
-  /eslint-plugin-n/15.2.4_eslint@8.22.0:
+  /eslint-plugin-n/15.2.4_eslint@8.23.0:
     resolution: {integrity: sha512-tjnVMv2fiXYMnuiIFI8QMtyUFI42SckEEWvi8h68SWGWshfqO6SSCASy24dGMGAiy7NUk6DZt90DM0iNUsmQ5w==}
     engines: {node: '>=12.22.0'}
     peerDependencies:
       eslint: '>=7.0.0'
     dependencies:
       builtins: 5.0.1
-      eslint: 8.22.0
-      eslint-plugin-es: 4.1.0_eslint@8.22.0
-      eslint-utils: 3.0.0_eslint@8.22.0
+      eslint: 8.23.0
+      eslint-plugin-es: 4.1.0_eslint@8.23.0
+      eslint-utils: 3.0.0_eslint@8.23.0
       ignore: 5.2.0
       is-core-module: 2.10.0
       minimatch: 3.1.2
@@ -4616,14 +4606,14 @@ packages:
       semver: 7.3.7
     dev: true
 
-  /eslint-plugin-node/11.1.0_eslint@8.22.0:
+  /eslint-plugin-node/11.1.0_eslint@8.23.0:
     resolution: {integrity: sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==}
     engines: {node: '>=8.10.0'}
     peerDependencies:
       eslint: '>=5.16.0'
     dependencies:
-      eslint: 8.22.0
-      eslint-plugin-es: 3.0.1_eslint@8.22.0
+      eslint: 8.23.0
+      eslint-plugin-es: 3.0.1_eslint@8.23.0
       eslint-utils: 2.1.0
       ignore: 5.2.0
       minimatch: 3.1.2
@@ -4631,7 +4621,7 @@ packages:
       semver: 6.3.0
     dev: true
 
-  /eslint-plugin-prettier/4.2.1_i2cojdczqdiurzgttlwdgf764e:
+  /eslint-plugin-prettier/4.2.1_tgumt6uwl2md3n6uqnggd6wvce:
     resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
     engines: {node: '>=12.0.0'}
     peerDependencies:
@@ -4642,22 +4632,22 @@ packages:
       eslint-config-prettier:
         optional: true
     dependencies:
-      eslint: 8.22.0
-      eslint-config-prettier: 8.5.0_eslint@8.22.0
+      eslint: 8.23.0
+      eslint-config-prettier: 8.5.0_eslint@8.23.0
       prettier: 2.7.1
       prettier-linter-helpers: 1.0.0
     dev: true
 
-  /eslint-plugin-promise/6.0.0_eslint@8.22.0:
+  /eslint-plugin-promise/6.0.0_eslint@8.23.0:
     resolution: {integrity: sha512-7GPezalm5Bfi/E22PnQxDWH2iW9GTvAlUNTztemeHb6c1BniSyoeTrM87JkC0wYdi6aQrZX9p2qEiAno8aTcbw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      eslint: 8.22.0
+      eslint: 8.23.0
     dev: true
 
-  /eslint-plugin-unicorn/42.0.0_eslint@8.22.0:
+  /eslint-plugin-unicorn/42.0.0_eslint@8.23.0:
     resolution: {integrity: sha512-ixBsbhgWuxVaNlPTT8AyfJMlhyC5flCJFjyK3oKE8TRrwBnaHvUbuIkCM1lqg8ryYrFStL/T557zfKzX4GKSlg==}
     engines: {node: '>=12'}
     peerDependencies:
@@ -4666,8 +4656,8 @@ packages:
       '@babel/helper-validator-identifier': 7.18.6
       ci-info: 3.3.2
       clean-regexp: 1.0.0
-      eslint: 8.22.0
-      eslint-utils: 3.0.0_eslint@8.22.0
+      eslint: 8.23.0
+      eslint-utils: 3.0.0_eslint@8.23.0
       esquery: 1.4.0
       indent-string: 4.0.0
       is-builtin-module: 3.2.0
@@ -4680,19 +4670,19 @@ packages:
       strip-indent: 3.0.0
     dev: true
 
-  /eslint-plugin-vue/8.7.1_eslint@8.22.0:
+  /eslint-plugin-vue/8.7.1_eslint@8.23.0:
     resolution: {integrity: sha512-28sbtm4l4cOzoO1LtzQPxfxhQABararUb1JtqusQqObJpWX2e/gmVyeYVfepizPFne0Q5cILkYGiBoV36L12Wg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      eslint: 8.22.0
-      eslint-utils: 3.0.0_eslint@8.22.0
+      eslint: 8.23.0
+      eslint-utils: 3.0.0_eslint@8.23.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.0.10
       semver: 7.3.7
-      vue-eslint-parser: 8.3.0_eslint@8.22.0
+      vue-eslint-parser: 8.3.0_eslint@8.23.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4720,13 +4710,13 @@ packages:
       eslint-visitor-keys: 1.3.0
     dev: true
 
-  /eslint-utils/3.0.0_eslint@8.22.0:
+  /eslint-utils/3.0.0_eslint@8.23.0:
     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
     peerDependencies:
       eslint: '>=5'
     dependencies:
-      eslint: 8.22.0
+      eslint: 8.23.0
       eslint-visitor-keys: 2.1.0
     dev: true
 
@@ -4745,14 +4735,15 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint/8.22.0:
-    resolution: {integrity: sha512-ci4t0sz6vSRKdmkOGmprBo6fmI4PrphDFMy5JEq/fNS0gQkJM3rLmrqcp8ipMcdobH3KtUP40KniAE9W19S4wA==}
+  /eslint/8.23.0:
+    resolution: {integrity: sha512-pBG/XOn0MsJcKcTRLr27S5HpzQo4kLr+HjLQIyK4EiCsijDl/TB+h5uEuJU6bQ8Edvwz1XWOjpaP2qgnXGpTcA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint/eslintrc': 1.3.0
+      '@eslint/eslintrc': 1.3.1
       '@humanwhocodes/config-array': 0.10.4
       '@humanwhocodes/gitignore-to-minimatch': 1.0.2
+      '@humanwhocodes/module-importer': 1.0.1
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
@@ -4760,9 +4751,9 @@ packages:
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.1.1
-      eslint-utils: 3.0.0_eslint@8.22.0
+      eslint-utils: 3.0.0_eslint@8.23.0
       eslint-visitor-keys: 3.3.0
-      espree: 9.3.3
+      espree: 9.4.0
       esquery: 1.4.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
@@ -4788,7 +4779,6 @@ packages:
       strip-ansi: 6.0.1
       strip-json-comments: 3.1.1
       text-table: 0.2.0
-      v8-compile-cache: 2.3.0
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4802,6 +4792,15 @@ packages:
       eslint-visitor-keys: 3.3.0
     dev: true
 
+  /espree/9.4.0:
+    resolution: {integrity: sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.8.0
+      acorn-jsx: 5.3.2_acorn@8.8.0
+      eslint-visitor-keys: 3.3.0
+    dev: true
+
   /esprima/4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
@@ -5888,8 +5887,8 @@ packages:
     engines: {node: '>= 0.10'}
     dev: true
 
-  /ionicons/6.0.2:
-    resolution: {integrity: sha512-AyKfFaUKVoBz4eB8XkU7H1R5HFnVsgq5ijqSdbXC0lES9PDK/J6LUQz6XUJq0mVVQF5k9kczSPOLMW3mszG0mQ==}
+  /ionicons/6.0.3:
+    resolution: {integrity: sha512-kVOWER991EMqLiVShrCSWKMHkgHZP7XfVdyN6YPMuoO33W7pc5CPNVNfR8OMe/I8rYEbaunyBs6dXNYpR6gGZw==}
     dependencies:
       '@stencil/core': 2.16.1
     dev: false
@@ -6195,10 +6194,6 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /is-utf8/0.2.1:
-    resolution: {integrity: sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==}
-    dev: true
-
   /is-weakref/1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
     dependencies:
@@ -6836,7 +6831,7 @@ packages:
     dependencies:
       escape-string-regexp: 5.0.0
       unist-util-is: 5.1.1
-      unist-util-visit-parents: 5.1.0
+      unist-util-visit-parents: 5.1.1
     dev: true
 
   /mdast-util-from-markdown/1.2.0:
@@ -7380,7 +7375,7 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  /mkdist/0.3.13_typescript@4.7.4:
+  /mkdist/0.3.13_typescript@4.8.2:
     resolution: {integrity: sha512-+eCPpkr8l2X630y5PIlkts2tzYEsb+aGIgXdrQv9ZGtWE2bLlD6kVIFfI6FJwFpjjw4dPPyorxQc6Uhm/oXlvg==}
     hasBin: true
     peerDependencies:
@@ -7396,7 +7391,7 @@ packages:
       jiti: 1.14.0
       mri: 1.2.0
       pathe: 0.2.0
-      typescript: 4.7.4
+      typescript: 4.8.2
     dev: true
 
   /mlly/0.3.19:
@@ -9176,7 +9171,7 @@ packages:
       mdast-util-find-and-replace: 2.2.1
       mdast-util-to-string: 3.1.0
       unified: 10.1.2
-      unist-util-visit: 4.1.0
+      unist-util-visit: 4.1.1
     dev: true
 
   /remark-mdc/1.0.7:
@@ -9195,7 +9190,7 @@ packages:
       scule: 0.2.1
       stringify-entities: 4.0.3
       unist-util-visit: 4.1.1
-      unist-util-visit-parents: 5.1.0
+      unist-util-visit-parents: 5.1.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -9317,7 +9312,7 @@ packages:
     dependencies:
       glob: 7.2.3
 
-  /rollup-plugin-dts/4.2.2_u7uwnjpwzdscdmf57dt35g5b44:
+  /rollup-plugin-dts/4.2.2_huspihrk6oixar7tmw6c2wem6u:
     resolution: {integrity: sha512-A3g6Rogyko/PXeKoUlkjxkP++8UDVpgA7C+Tdl77Xj4fgEaIjPSnxRmR53EzvoYy97VMVwLAOcWJudaVAuxneQ==}
     engines: {node: '>=v12.22.11'}
     peerDependencies:
@@ -9326,7 +9321,7 @@ packages:
     dependencies:
       magic-string: 0.26.2
       rollup: 2.77.3
-      typescript: 4.7.4
+      typescript: 4.8.2
     optionalDependencies:
       '@babel/code-frame': 7.18.6
     dev: true
@@ -9867,13 +9862,6 @@ packages:
       ansi-regex: 6.0.1
     dev: true
 
-  /strip-bom/2.0.0:
-    resolution: {integrity: sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-utf8: 0.2.1
-    dev: true
-
   /strip-bom/3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
@@ -10223,14 +10211,14 @@ packages:
     engines: {node: '>=0.6.x'}
     dev: true
 
-  /tsutils/3.21.0_typescript@4.7.4:
+  /tsutils/3.21.0_typescript@4.8.2:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: 1.14.1
-      typescript: 4.7.4
+      typescript: 4.8.2
     dev: true
 
   /tunnel-agent/0.6.0:
@@ -10307,8 +10295,8 @@ packages:
     resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
     dev: true
 
-  /typescript/4.7.4:
-    resolution: {integrity: sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==}
+  /typescript/4.8.2:
+    resolution: {integrity: sha512-C0I1UsrrDHo2fYI5oaCGbSejwX4ch+9Y5jTQELvovfmFkK3HHSZJB8MSJcWLmCUBzQBchCrZ9rMRV6GuNrvGtw==}
     engines: {node: '>=4.2.0'}
     hasBin: true
     dev: true
@@ -10351,7 +10339,7 @@ packages:
       jiti: 1.14.0
       magic-string: 0.25.9
       mkdirp: 1.0.4
-      mkdist: 0.3.13_typescript@4.7.4
+      mkdist: 0.3.13_typescript@4.8.2
       mlly: 0.4.3
       mri: 1.2.0
       pathe: 0.2.0
@@ -10359,10 +10347,10 @@ packages:
       pretty-bytes: 5.6.0
       rimraf: 3.0.2
       rollup: 2.77.3
-      rollup-plugin-dts: 4.2.2_u7uwnjpwzdscdmf57dt35g5b44
+      rollup-plugin-dts: 4.2.2_huspihrk6oixar7tmw6c2wem6u
       rollup-plugin-esbuild: 4.9.1_l5nt6dc6big2rec47wcz6gi7du
       scule: 0.2.1
-      typescript: 4.7.4
+      typescript: 4.8.2
       untyped: 0.3.0
     transitivePeerDependencies:
       - supports-color
@@ -10555,13 +10543,6 @@ packages:
       '@types/unist': 2.0.6
     dev: true
 
-  /unist-util-visit-parents/5.1.0:
-    resolution: {integrity: sha512-y+QVLcY5eR/YVpqDsLf/xh9R3Q2Y4HxkZTp7ViLDU6WtJCEcPmRzW1gpdWDCDIqIlhuPDXOgttqPlykrHYDekg==}
-    dependencies:
-      '@types/unist': 2.0.6
-      unist-util-is: 5.1.1
-    dev: true
-
   /unist-util-visit-parents/5.1.1:
     resolution: {integrity: sha512-gks4baapT/kNRaWxuGkl5BIhoanZo7sC/cUT/JToSRNL1dYoXRFl75d++NkjYk4TAu2uv2Px+l8guMajogeuiw==}
     dependencies:
@@ -10569,14 +10550,6 @@ packages:
       unist-util-is: 5.1.1
     dev: true
 
-  /unist-util-visit/4.1.0:
-    resolution: {integrity: sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==}
-    dependencies:
-      '@types/unist': 2.0.6
-      unist-util-is: 5.1.1
-      unist-util-visit-parents: 5.1.0
-    dev: true
-
   /unist-util-visit/4.1.1:
     resolution: {integrity: sha512-n9KN3WV9k4h1DxYR1LoajgN93wpEi/7ZplVe02IoB4gH5ctI1AaF2670BLHQYbwj+pY83gFtyeySFiyMHJklrg==}
     dependencies:
@@ -10879,10 +10852,6 @@ packages:
       sade: 1.8.1
     dev: true
 
-  /v8-compile-cache/2.3.0:
-    resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==}
-    dev: true
-
   /v8-to-istanbul/9.0.1:
     resolution: {integrity: sha512-74Y4LqY74kLE6IFyIjPtkSTWzUZmj8tdHT9Ii/26dvQ6K9Dl2NbEfj0XgU2sHCtKgt5VupqhlO/5aWuqS+IY1w==}
     engines: {node: '>=10.12.0'}
@@ -11019,7 +10988,7 @@ packages:
     dependencies:
       '@types/chai': 4.3.3
       '@types/chai-subset': 1.3.3
-      '@types/node': 18.7.13
+      '@types/node': 18.7.14
       chai: 4.3.6
       debug: 4.3.4
       local-pkg: 0.4.2
@@ -11101,14 +11070,14 @@ packages:
         optional: true
     dev: true
 
-  /vue-eslint-parser/8.3.0_eslint@8.22.0:
+  /vue-eslint-parser/8.3.0_eslint@8.23.0:
     resolution: {integrity: sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4
-      eslint: 8.22.0
+      eslint: 8.23.0
       eslint-scope: 7.1.1
       eslint-visitor-keys: 3.3.0
       espree: 9.3.3