diff --git a/.gitignore b/.gitignore
index f643437..d0c7159 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,5 +31,5 @@ coverage
 src/locale
 
 # vitepress
-.vitepress/cache
-.vitepress/dist
\ No newline at end of file
+docs/.vitepress/cache
+docs/.vitepress/dist
\ No newline at end of file
diff --git a/docs/props.md b/docs/props.md
index 950d593..36a900c 100644
--- a/docs/props.md
+++ b/docs/props.md
@@ -19,6 +19,7 @@
   const dateValue14 = ref([])
   const dateValue15 = ref([])
   const dateValue16 = ref([])
+  const dateValue17 = ref([])
   const formatter = ref({
     date: 'DD MMM YYYY',
     month: 'MMM'
@@ -58,8 +59,9 @@ The datepicker if you don't set any `props`.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
@@ -80,12 +82,13 @@ Using datepicker with backdrop, by default `overlay` is false.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
-  <vue-tailwind-datepicker overlay v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" overlay />
 </template>
 ```
 
@@ -102,14 +105,15 @@ You can apply apply your own input classes using Tailwind CSS.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
   <vue-tailwind-datepicker
-    input-classes="block mb-2 text-sm font-medium text-green-700 dark:text-green-500"
     v-model="dateValue"
+    input-classes="block mb-2 text-sm font-medium text-green-700 dark:text-green-500"
   />
 </template>
 ```
@@ -127,12 +131,13 @@ The datepicker can be fully disabled as well.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
-  <vue-tailwind-datepicker :disabled="true" v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" :disabled="true" />
 </template>
 ```
 
@@ -149,12 +154,13 @@ Using date picker as single date.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
-  <vue-tailwind-datepicker as-single v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" as-single />
 </template>
 ```
 
@@ -172,12 +178,13 @@ Using date picker as single date, but datepicker with range.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
-  <vue-tailwind-datepicker as-single use-range v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" as-single use-range />
 </template>
 ```
 
@@ -194,12 +201,13 @@ Change placeholder, by default placeholder use `formatter.date` object.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
-  <vue-tailwind-datepicker placeholder="My Placeholder" v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" placeholder="My Placeholder" />
 </template>
 ```
 
@@ -216,12 +224,13 @@ Change placeholder, by default placeholder use `formatter.date` object.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
-  <vue-tailwind-datepicker separator=" to " v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" separator=" to " />
 </template>
 ```
 
@@ -239,12 +248,13 @@ Display Datepicker only without input
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
-  <vue-tailwind-datepicker no-input v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" no-input />
 </template>
 ```
 
@@ -268,16 +278,17 @@ Change formatter, default `formatter`:
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 const formatter = ref({
-  date: "DD MMM YYYY",
-  month: "MMM",
-});
+  date: 'DD MMM YYYY',
+  month: 'MMM',
+})
 </script>
 
 <template>
-  <vue-tailwind-datepicker :formatter="formatter" v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" :formatter="formatter" />
 </template>
 ```
 
@@ -294,12 +305,13 @@ Change auto apply, by default `autoApply` is true.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
-  <vue-tailwind-datepicker :auto-apply="false" v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" :auto-apply="false" />
 </template>
 ```
 
@@ -316,13 +328,14 @@ Change start from of datepicker, by default `startFrom` is new Date().
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
-const startFrom = new Date(2020, 0, 1);
+import { ref } from 'vue'
+
+const dateValue = ref([])
+const startFrom = new Date(2020, 0, 1)
 </script>
 
 <template>
-  <vue-tailwind-datepicker :start-from="startFrom" v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" :start-from="startFrom" />
 </template>
 ```
 
@@ -339,12 +352,13 @@ If you need to use a minimum number of characters for the name of the days of th
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
-  <vue-tailwind-datepicker weekdays-size="min" v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" weekdays-size="min" />
 </template>
 ```
 
@@ -361,12 +375,13 @@ Display or not the dates shortcuts, default value is true.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
-  <vue-tailwind-datepicker :shortcuts="false" v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" :shortcuts="false" />
 </template>
 ```
 
@@ -383,21 +398,24 @@ Disable some dates in range.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
-const dDate = (date) => {
-  return date < new Date() || date > new Date(2023, 0, 8);
-};
+import { ref } from 'vue'
+
+const dateValue = ref([])
+function dDate(date) {
+  return date < new Date() || date > new Date(2023, 0, 8)
+}
 </script>
 
 <template>
-  <vue-tailwind-datepicker :disable-date="dDate" v-model="dateValue" />
+  <vue-tailwind-datepicker v-model="dateValue" :disable-date="dDate" />
 </template>
 ```
 
 ## Slot
 
-Using slots.
+Two slot are available, a global one that surround the full input and a smaller one just for the icon in the input
+
+### Global slot
 
 <DemoLayout>
   <div class="flex">
@@ -445,15 +463,16 @@ Using slots.
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 </script>
 
 <template>
   <div class="flex">
     <vue-tailwind-datepicker
-      v-model="dateValue"
       v-slot="{ value, placeholder, clear }"
+      v-model="dateValue"
     >
       <div class="flex">
         <div class="flex-1">
@@ -484,7 +503,7 @@ const dateValue = ref([]);
                 stroke-linejoin="round"
                 stroke-width="2"
                 d="M6 18L18 6M6 6l12 12"
-              ></path>
+              />
             </svg>
           </button>
         </div>
@@ -494,6 +513,29 @@ const dateValue = ref([]);
 </template>
 ```
 
+### inputIcon slot
+
+<DemoLayout>
+  <div class="flex">
+    <VueTailwindDatePicker v-model="dateValue17">
+      <template #inputIcon="{ value }">
+        {{ value ? 'delete icon' : "calendar icon" }}
+      </template>
+    </VueTailwindDatePicker>
+  </div>
+</DemoLayout>
+
+```vue
+  <VueTailwindDatePicker
+    v-model="dateValue"
+  >
+    <template #inputIcon="{ value }">
+      {{ value ? 'delete icon' : "calendar icon" }}
+    </template>
+  </VueTailwindDatePicker>
+```
+
+
 ## Options
 
 Change default options
@@ -507,28 +549,29 @@ Change default options
 
 ```vue
 <script setup>
-import { ref } from "vue";
-const dateValue = ref([]);
+import { ref } from 'vue'
+
+const dateValue = ref([])
 const options = ref({
   shortcuts: {
-    today: "Hari ini",
-    yesterday: "Kemarin",
-    past: (period) => period + " hari terakhir",
-    currentMonth: "Bulan ini",
-    pastMonth: "Bulan lalu",
+    today: 'Hari ini',
+    yesterday: 'Kemarin',
+    past: period => `${period  } hari terakhir`,
+    currentMonth: 'Bulan ini',
+    pastMonth: 'Bulan lalu',
   },
   footer: {
-    apply: "Terapkan",
-    cancel: "Batal",
+    apply: 'Terapkan',
+    cancel: 'Batal',
   },
-});
+})
 </script>
 
 <template>
   <vue-tailwind-datepicker
+    v-model="dateValue"
     :options="options"
     :auto-apply="false"
-    v-model="dateValue"
   />
 </template>
 ```
diff --git a/package-lock.json b/package-lock.json
index 7f3b82c..e1ff5a8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,37 +1,38 @@
 {
   "name": "vue-tailwind-datepicker",
-  "version": "1.5.0",
+  "version": "1.4.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "vue-tailwind-datepicker",
-      "version": "1.5.0",
+      "version": "1.4.6",
       "dependencies": {
+        "@vueuse/core": "^10.4.1",
         "ts-node": "^10.9.1",
         "vite-plugin-css-injected-by-js": "^3.3.0"
       },
       "devDependencies": {
-        "@antfu/eslint-config": "^0.43.0",
+        "@antfu/eslint-config": "^0.43.1",
         "@headlessui/vue": "^1.7.16",
         "@tailwindcss/forms": "^0.5.6",
         "@types/fs-extra": "^11.0.2",
-        "@types/node": "^20.6.3",
+        "@types/node": "^20.7.1",
         "@vitejs/plugin-vue": "^4.3.4",
         "autoprefixer": "^10.4.16",
         "dayjs": "^1.11.10",
-        "esbuild": "^0.19.3",
-        "eslint": "^8.49.0",
+        "esbuild": "^0.19.4",
+        "eslint": "^8.50.0",
         "fs-extra": "^11.1.1",
         "postcss": "^8.4.30",
         "postcss-prefix-selector": "^1.16.0",
         "postcss-preset-env": "^9.1.4",
         "tailwindcss": "^3.3.3",
         "vite": "^4.4.9",
-        "vite-plugin-dts": "3.5.4",
-        "vitepress": "^1.0.0-rc.15",
+        "vite-plugin-dts": "3.6.0",
+        "vitepress": "^1.0.0-rc.20",
         "vue": "^3.3.4",
-        "vue-tsc": "^1.8.13"
+        "vue-tsc": "^1.8.15"
       },
       "peerDependencies": {
         "dayjs": "^1.11.10",
@@ -235,12 +236,12 @@
       }
     },
     "node_modules/@antfu/eslint-config": {
-      "version": "0.43.0",
-      "resolved": "https://registry.npmjs.org/@antfu/eslint-config/-/eslint-config-0.43.0.tgz",
-      "integrity": "sha512-KECRutfIL9NG8bzv2DxqYQqgPVPEleNL+1SixzIH+eZeOb+Cue9f4rrGuKa9wSUVJfabLKmQIAfz7HGNhS5xCg==",
+      "version": "0.43.1",
+      "resolved": "https://registry.npmjs.org/@antfu/eslint-config/-/eslint-config-0.43.1.tgz",
+      "integrity": "sha512-kTOJeCqhotaiQ/Rv6JxgfAX+SxUq2GII4ZIvTa3GWBUXhFMBvehdUNtxcmO8/HxwxYKkm34/qeF+v7osBsMF1w==",
       "dev": true,
       "dependencies": {
-        "@antfu/eslint-config-vue": "0.43.0",
+        "@antfu/eslint-config-vue": "0.43.1",
         "@typescript-eslint/eslint-plugin": "^6.7.2",
         "@typescript-eslint/parser": "^6.7.2",
         "eslint-plugin-eslint-comments": "^3.2.0",
@@ -260,17 +261,17 @@
       }
     },
     "node_modules/@antfu/eslint-config-basic": {
-      "version": "0.43.0",
-      "resolved": "https://registry.npmjs.org/@antfu/eslint-config-basic/-/eslint-config-basic-0.43.0.tgz",
-      "integrity": "sha512-sgchztj6yXnIPX4ibukCGBFyxqUwL48PhQMvpX2nXH04v7RLND/DEgObmcPNXkOq0j7HgppzUED6d8I6XG4uOw==",
+      "version": "0.43.1",
+      "resolved": "https://registry.npmjs.org/@antfu/eslint-config-basic/-/eslint-config-basic-0.43.1.tgz",
+      "integrity": "sha512-SW6hmGmqI985fsCJ+oivo4MbiMmRMgCJ0Ne8j/hwCB6O6Mc0m5bDqYeKn5HqFhvZhG84GEg5jPDKNiHrBYnQjw==",
       "dev": true,
       "dependencies": {
-        "@stylistic/eslint-plugin-js": "0.0.3",
-        "eslint-plugin-antfu": "0.43.0",
+        "@stylistic/eslint-plugin-js": "0.0.4",
+        "eslint-plugin-antfu": "0.43.1",
         "eslint-plugin-eslint-comments": "^3.2.0",
         "eslint-plugin-html": "^7.1.0",
         "eslint-plugin-import": "npm:eslint-plugin-i@2.28.1",
-        "eslint-plugin-jsdoc": "^46.8.1",
+        "eslint-plugin-jsdoc": "^46.8.2",
         "eslint-plugin-jsonc": "^2.9.0",
         "eslint-plugin-markdown": "^3.0.1",
         "eslint-plugin-n": "^16.1.0",
@@ -287,13 +288,13 @@
       }
     },
     "node_modules/@antfu/eslint-config-ts": {
-      "version": "0.43.0",
-      "resolved": "https://registry.npmjs.org/@antfu/eslint-config-ts/-/eslint-config-ts-0.43.0.tgz",
-      "integrity": "sha512-vCezQiznHgFA1IsGGsd0ohg2FENeUvFh4P4P8dFvn9Cof7fX8awnbsSjP5OXwKPErkvqnzXsJctgBaSMQsjPFQ==",
+      "version": "0.43.1",
+      "resolved": "https://registry.npmjs.org/@antfu/eslint-config-ts/-/eslint-config-ts-0.43.1.tgz",
+      "integrity": "sha512-s3zItBSopYbM/3eii/JKas1PmWR+wCPRNS89qUi4zxPvpuIgN5mahkBvbsCiWacrNFtLxe1zGgo5qijBhVfuvA==",
       "dev": true,
       "dependencies": {
-        "@antfu/eslint-config-basic": "0.43.0",
-        "@stylistic/eslint-plugin-ts": "0.0.3",
+        "@antfu/eslint-config-basic": "0.43.1",
+        "@stylistic/eslint-plugin-ts": "0.0.4",
         "@typescript-eslint/eslint-plugin": "^6.7.2",
         "@typescript-eslint/parser": "^6.7.2",
         "eslint-plugin-jest": "^27.4.0"
@@ -304,13 +305,13 @@
       }
     },
     "node_modules/@antfu/eslint-config-vue": {
-      "version": "0.43.0",
-      "resolved": "https://registry.npmjs.org/@antfu/eslint-config-vue/-/eslint-config-vue-0.43.0.tgz",
-      "integrity": "sha512-1ztaRPwcb7G9L1HIiMcRsszA57G3+P3EEaYZf39+reNhAVW/9SFUHcFYhNCHiLAeSKkP5w63f7hnlPjkWE4gVA==",
+      "version": "0.43.1",
+      "resolved": "https://registry.npmjs.org/@antfu/eslint-config-vue/-/eslint-config-vue-0.43.1.tgz",
+      "integrity": "sha512-HxOfe8Vl+DPrzssbs5LHRDCnBtCy1LSA1DIeV71IC+iTpzoASFahSsVX5qckYu1InFgUm93XOhHCWm34LzPsvg==",
       "dev": true,
       "dependencies": {
-        "@antfu/eslint-config-basic": "0.43.0",
-        "@antfu/eslint-config-ts": "0.43.0",
+        "@antfu/eslint-config-basic": "0.43.1",
+        "@antfu/eslint-config-ts": "0.43.1",
         "eslint-plugin-vue": "^9.17.0",
         "local-pkg": "^0.4.3"
       },
@@ -500,7 +501,6 @@
       "version": "7.22.16",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.16.tgz",
       "integrity": "sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==",
-      "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -1417,9 +1417,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.3.tgz",
-      "integrity": "sha512-Lemgw4io4VZl9GHJmjiBGzQ7ONXRfRPHcUEerndjwiSkbxzrpq0Uggku5MxxrXdwJ+pTj1qyw4jwTu7hkPsgIA==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.4.tgz",
+      "integrity": "sha512-uBIbiYMeSsy2U0XQoOGVVcpIktjLMEKa7ryz2RLr7L/vTnANNEsPVAh4xOv7ondGz6ac1zVb0F8Jx20rQikffQ==",
       "cpu": [
         "arm"
       ],
@@ -1433,9 +1433,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.3.tgz",
-      "integrity": "sha512-w+Akc0vv5leog550kjJV9Ru+MXMR2VuMrui3C61mnysim0gkFCPOUTAfzTP0qX+HpN9Syu3YA3p1hf3EPqObRw==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.4.tgz",
+      "integrity": "sha512-mRsi2vJsk4Bx/AFsNBqOH2fqedxn5L/moT58xgg51DjX1la64Z3Npicut2VbhvDFO26qjWtPMsVxCd80YTFVeg==",
       "cpu": [
         "arm64"
       ],
@@ -1449,9 +1449,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.3.tgz",
-      "integrity": "sha512-FKQJKkK5MXcBHoNZMDNUAg1+WcZlV/cuXrWCoGF/TvdRiYS4znA0m5Il5idUwfxrE20bG/vU1Cr5e1AD6IEIjQ==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.4.tgz",
+      "integrity": "sha512-4iPufZ1TMOD3oBlGFqHXBpa3KFT46aLl6Vy7gwed0ZSYgHaZ/mihbYb4t7Z9etjkC9Al3ZYIoOaHrU60gcMy7g==",
       "cpu": [
         "x64"
       ],
@@ -1465,9 +1465,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.3.tgz",
-      "integrity": "sha512-kw7e3FXU+VsJSSSl2nMKvACYlwtvZB8RUIeVShIEY6PVnuZ3c9+L9lWB2nWeeKWNNYDdtL19foCQ0ZyUL7nqGw==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.4.tgz",
+      "integrity": "sha512-Lviw8EzxsVQKpbS+rSt6/6zjn9ashUZ7Tbuvc2YENgRl0yZTktGlachZ9KMJUsVjZEGFVu336kl5lBgDN6PmpA==",
       "cpu": [
         "arm64"
       ],
@@ -1481,9 +1481,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.3.tgz",
-      "integrity": "sha512-tPfZiwF9rO0jW6Jh9ipi58N5ZLoSjdxXeSrAYypy4psA2Yl1dAMhM71KxVfmjZhJmxRjSnb29YlRXXhh3GqzYw==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.4.tgz",
+      "integrity": "sha512-YHbSFlLgDwglFn0lAO3Zsdrife9jcQXQhgRp77YiTDja23FrC2uwnhXMNkAucthsf+Psr7sTwYEryxz6FPAVqw==",
       "cpu": [
         "x64"
       ],
@@ -1497,9 +1497,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.3.tgz",
-      "integrity": "sha512-ERDyjOgYeKe0Vrlr1iLrqTByB026YLPzTytDTz1DRCYM+JI92Dw2dbpRHYmdqn6VBnQ9Bor6J8ZlNwdZdxjlSg==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.4.tgz",
+      "integrity": "sha512-vz59ijyrTG22Hshaj620e5yhs2dU1WJy723ofc+KUgxVCM6zxQESmWdMuVmUzxtGqtj5heHyB44PjV/HKsEmuQ==",
       "cpu": [
         "arm64"
       ],
@@ -1513,9 +1513,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.3.tgz",
-      "integrity": "sha512-nXesBZ2Ad1qL+Rm3crN7NmEVJ5uvfLFPLJev3x1j3feCQXfAhoYrojC681RhpdOph8NsvKBBwpYZHR7W0ifTTA==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.4.tgz",
+      "integrity": "sha512-3sRbQ6W5kAiVQRBWREGJNd1YE7OgzS0AmOGjDmX/qZZecq8NFlQsQH0IfXjjmD0XtUYqr64e0EKNFjMUlPL3Cw==",
       "cpu": [
         "x64"
       ],
@@ -1529,9 +1529,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.3.tgz",
-      "integrity": "sha512-zr48Cg/8zkzZCzDHNxXO/89bf9e+r4HtzNUPoz4GmgAkF1gFAFmfgOdCbR8zMbzFDGb1FqBBhdXUpcTQRYS1cQ==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.4.tgz",
+      "integrity": "sha512-z/4ArqOo9EImzTi4b6Vq+pthLnepFzJ92BnofU1jgNlcVb+UqynVFdoXMCFreTK7FdhqAzH0vmdwW5373Hm9pg==",
       "cpu": [
         "arm"
       ],
@@ -1545,9 +1545,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.3.tgz",
-      "integrity": "sha512-qXvYKmXj8GcJgWq3aGvxL/JG1ZM3UR272SdPU4QSTzD0eymrM7leiZH77pvY3UetCy0k1xuXZ+VPvoJNdtrsWQ==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.4.tgz",
+      "integrity": "sha512-ZWmWORaPbsPwmyu7eIEATFlaqm0QGt+joRE9sKcnVUG3oBbr/KYdNE2TnkzdQwX6EDRdg/x8Q4EZQTXoClUqqA==",
       "cpu": [
         "arm64"
       ],
@@ -1561,9 +1561,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.3.tgz",
-      "integrity": "sha512-7XlCKCA0nWcbvYpusARWkFjRQNWNGlt45S+Q18UeS///K6Aw8bB2FKYe9mhVWy/XLShvCweOLZPrnMswIaDXQA==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.4.tgz",
+      "integrity": "sha512-EGc4vYM7i1GRUIMqRZNCTzJh25MHePYsnQfKDexD8uPTCm9mK56NIL04LUfX2aaJ+C9vyEp2fJ7jbqFEYgO9lQ==",
       "cpu": [
         "ia32"
       ],
@@ -1577,9 +1577,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.3.tgz",
-      "integrity": "sha512-qGTgjweER5xqweiWtUIDl9OKz338EQqCwbS9c2Bh5jgEH19xQ1yhgGPNesugmDFq+UUSDtWgZ264st26b3de8A==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.4.tgz",
+      "integrity": "sha512-WVhIKO26kmm8lPmNrUikxSpXcgd6HDog0cx12BUfA2PkmURHSgx9G6vA19lrlQOMw+UjMZ+l3PpbtzffCxFDRg==",
       "cpu": [
         "loong64"
       ],
@@ -1593,9 +1593,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.3.tgz",
-      "integrity": "sha512-gy1bFskwEyxVMFRNYSvBauDIWNggD6pyxUksc0MV9UOBD138dKTzr8XnM2R4mBsHwVzeuIH8X5JhmNs2Pzrx+A==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.4.tgz",
+      "integrity": "sha512-keYY+Hlj5w86hNp5JJPuZNbvW4jql7c1eXdBUHIJGTeN/+0QFutU3GrS+c27L+NTmzi73yhtojHk+lr2+502Mw==",
       "cpu": [
         "mips64el"
       ],
@@ -1609,9 +1609,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.3.tgz",
-      "integrity": "sha512-UrYLFu62x1MmmIe85rpR3qou92wB9lEXluwMB/STDzPF9k8mi/9UvNsG07Tt9AqwPQXluMQ6bZbTzYt01+Ue5g==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.4.tgz",
+      "integrity": "sha512-tQ92n0WMXyEsCH4m32S21fND8VxNiVazUbU4IUGVXQpWiaAxOBvtOtbEt3cXIV3GEBydYsY8pyeRMJx9kn3rvw==",
       "cpu": [
         "ppc64"
       ],
@@ -1625,9 +1625,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.3.tgz",
-      "integrity": "sha512-9E73TfyMCbE+1AwFOg3glnzZ5fBAFK4aawssvuMgCRqCYzE0ylVxxzjEfut8xjmKkR320BEoMui4o/t9KA96gA==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.4.tgz",
+      "integrity": "sha512-tRRBey6fG9tqGH6V75xH3lFPpj9E8BH+N+zjSUCnFOX93kEzqS0WdyJHkta/mmJHn7MBaa++9P4ARiU4ykjhig==",
       "cpu": [
         "riscv64"
       ],
@@ -1641,9 +1641,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.3.tgz",
-      "integrity": "sha512-LlmsbuBdm1/D66TJ3HW6URY8wO6IlYHf+ChOUz8SUAjVTuaisfuwCOAgcxo3Zsu3BZGxmI7yt//yGOxV+lHcEA==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.4.tgz",
+      "integrity": "sha512-152aLpQqKZYhThiJ+uAM4PcuLCAOxDsCekIbnGzPKVBRUDlgaaAfaUl5NYkB1hgY6WN4sPkejxKlANgVcGl9Qg==",
       "cpu": [
         "s390x"
       ],
@@ -1657,9 +1657,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.3.tgz",
-      "integrity": "sha512-ogV0+GwEmvwg/8ZbsyfkYGaLACBQWDvO0Kkh8LKBGKj9Ru8VM39zssrnu9Sxn1wbapA2qNS6BiLdwJZGouyCwQ==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.4.tgz",
+      "integrity": "sha512-Mi4aNA3rz1BNFtB7aGadMD0MavmzuuXNTaYL6/uiYIs08U7YMPETpgNn5oue3ICr+inKwItOwSsJDYkrE9ekVg==",
       "cpu": [
         "x64"
       ],
@@ -1673,9 +1673,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.3.tgz",
-      "integrity": "sha512-o1jLNe4uzQv2DKXMlmEzf66Wd8MoIhLNO2nlQBHLtWyh2MitDG7sMpfCO3NTcoTMuqHjfufgUQDFRI5C+xsXQw==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.4.tgz",
+      "integrity": "sha512-9+Wxx1i5N/CYo505CTT7T+ix4lVzEdz0uCoYGxM5JDVlP2YdDC1Bdz+Khv6IbqmisT0Si928eAxbmGkcbiuM/A==",
       "cpu": [
         "x64"
       ],
@@ -1689,9 +1689,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.3.tgz",
-      "integrity": "sha512-AZJCnr5CZgZOdhouLcfRdnk9Zv6HbaBxjcyhq0StNcvAdVZJSKIdOiPB9az2zc06ywl0ePYJz60CjdKsQacp5Q==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.4.tgz",
+      "integrity": "sha512-MFsHleM5/rWRW9EivFssop+OulYVUoVcqkyOkjiynKBCGBj9Lihl7kh9IzrreDyXa4sNkquei5/DTP4uCk25xw==",
       "cpu": [
         "x64"
       ],
@@ -1705,9 +1705,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.3.tgz",
-      "integrity": "sha512-Acsujgeqg9InR4glTRvLKGZ+1HMtDm94ehTIHKhJjFpgVzZG9/pIcWW/HA/DoMfEyXmANLDuDZ2sNrWcjq1lxw==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.4.tgz",
+      "integrity": "sha512-6Xq8SpK46yLvrGxjp6HftkDwPP49puU4OF0hEL4dTxqCbfx09LyrbUj/D7tmIRMj5D5FCUPksBbxyQhp8tmHzw==",
       "cpu": [
         "x64"
       ],
@@ -1721,9 +1721,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.3.tgz",
-      "integrity": "sha512-FSrAfjVVy7TifFgYgliiJOyYynhQmqgPj15pzLyJk8BUsnlWNwP/IAy6GAiB1LqtoivowRgidZsfpoYLZH586A==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.4.tgz",
+      "integrity": "sha512-PkIl7Jq4mP6ke7QKwyg4fD4Xvn8PXisagV/+HntWoDEdmerB2LTukRZg728Yd1Fj+LuEX75t/hKXE2Ppk8Hh1w==",
       "cpu": [
         "arm64"
       ],
@@ -1737,9 +1737,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.3.tgz",
-      "integrity": "sha512-xTScXYi12xLOWZ/sc5RBmMN99BcXp/eEf7scUC0oeiRoiT5Vvo9AycuqCp+xdpDyAU+LkrCqEpUS9fCSZF8J3Q==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.4.tgz",
+      "integrity": "sha512-ga676Hnvw7/ycdKB53qPusvsKdwrWzEyJ+AtItHGoARszIqvjffTwaaW3b2L6l90i7MO9i+dlAW415INuRhSGg==",
       "cpu": [
         "ia32"
       ],
@@ -1753,9 +1753,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.3.tgz",
-      "integrity": "sha512-FbUN+0ZRXsypPyWE2IwIkVjDkDnJoMJARWOcFZn4KPPli+QnKqF0z1anvfaYe3ev5HFCpRDLLBDHyOALLppWHw==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.4.tgz",
+      "integrity": "sha512-HP0GDNla1T3ZL8Ko/SHAS2GgtjOg+VmWnnYLhuTksr++EnduYB0f3Y2LzHsUwb2iQ13JGoY6G3R8h6Du/WG6uA==",
       "cpu": [
         "x64"
       ],
@@ -1784,9 +1784,9 @@
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.8.0.tgz",
-      "integrity": "sha512-JylOEEzDiOryeUnFbQz+oViCXS0KsvR1mvHkoMiu5+UiBvy+RYX7tzlIIIEstF/gVa2tj9AQXk3dgnxv6KxhFg==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.0.tgz",
+      "integrity": "sha512-zJmuCWj2VLBt4c25CfBIbMZLGLyhkvs7LznyVX5HfpzeocThgIj5XQK4L+g3U36mMcx8bPMhGyPpwCATamC4jQ==",
       "dev": true,
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
@@ -1816,9 +1816,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "8.49.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.49.0.tgz",
-      "integrity": "sha512-1S8uAY/MTJqVx0SC4epBq+N2yhuwtNwLbJYNZyhL2pO1ZVKn5HFXav5T41Ryzy9K9V7ZId2JB2oy/W4aCd9/2w==",
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.50.0.tgz",
+      "integrity": "sha512-NCC3zz2+nvYd+Ckfh87rA47zfu2QsQpvc6k1yzTk+b9KzRj0wkGa8LSoGOXN6Zv4lRf/EIoZ80biDh9HOI+RNQ==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -2137,9 +2137,9 @@
       }
     },
     "node_modules/@stylistic/eslint-plugin-js": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin-js/-/eslint-plugin-js-0.0.3.tgz",
-      "integrity": "sha512-yC9tsmFxlgoDyD/B+93IH2TSe1Ca46s2uf+oUfkCLWTXFKTmPPy0YLDcme9Ha1Qydx5U+1lehe1jwG9VxtIdtw==",
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin-js/-/eslint-plugin-js-0.0.4.tgz",
+      "integrity": "sha512-W1rq2xxlFNhgZZJO+L59wtvlDI0xARYxx0WD8EeWNBO7NDybUSYSozCIcY9XvxQbTAsEXBjwqokeYm0crt7RxQ==",
       "dev": true,
       "dependencies": {
         "acorn": "^8.10.0",
@@ -2151,17 +2151,16 @@
       }
     },
     "node_modules/@stylistic/eslint-plugin-ts": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin-ts/-/eslint-plugin-ts-0.0.3.tgz",
-      "integrity": "sha512-G/jZ+XHlZtkxABOXswJNTmN4h8qNmECTjPLkWPMykPlfQeD1RSpBMEQHiJHZ3GAxnEcqAgi7CNA1FTvGWz6qwQ==",
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin-ts/-/eslint-plugin-ts-0.0.4.tgz",
+      "integrity": "sha512-sWL4Km5j8S+TLyzya/3adxMWGkCm3lVasJIVQqhxVfwnlGkpMI0GgYVIu/ubdKPS+dSvqjUHpsXgqWfMRF2+cQ==",
       "dev": true,
       "dependencies": {
-        "@stylistic/eslint-plugin-js": "0.0.3",
+        "@stylistic/eslint-plugin-js": "0.0.4",
         "@typescript-eslint/scope-manager": "^6.7.0",
         "@typescript-eslint/type-utils": "^6.7.0",
         "@typescript-eslint/utils": "^6.7.0",
-        "graphemer": "^1.4.0",
-        "semver": "^7.5.4"
+        "graphemer": "^1.4.0"
       },
       "peerDependencies": {
         "eslint": "*",
@@ -2237,30 +2236,52 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/linkify-it": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-3.0.3.tgz",
+      "integrity": "sha512-pTjcqY9E4nOI55Wgpz7eiI8+LzdYnw3qxXCfHyBDdPbYvbyLgWLJGh8EdPvqawwMK1Uo1794AUkkR38Fr0g+2g==",
+      "dev": true
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-13.0.2.tgz",
+      "integrity": "sha512-Tla7hH9oeXHOlJyBFdoqV61xWE9FZf/y2g+gFVwQ2vE1/eBzjUno5JCd3Hdb5oATve5OF6xNjZ/4VIZhVVx+hA==",
+      "dev": true,
+      "dependencies": {
+        "@types/linkify-it": "*",
+        "@types/mdurl": "*"
+      }
+    },
     "node_modules/@types/mdast": {
-      "version": "3.0.12",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.12.tgz",
-      "integrity": "sha512-DT+iNIRNX884cx0/Q1ja7NyUPpZuv0KPyL5rGNxm1WC1OtHstl7n4Jb7nk+xacNShQMbczJjt8uFzznpp6kYBg==",
+      "version": "3.0.13",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.13.tgz",
+      "integrity": "sha512-HjiGiWedR0DVFkeNljpa6Lv4/IZU1+30VY5d747K7lBudFc3R0Ibr6yJ9lN3BE28VnZyDfLF/VB1Ql1ZIbKrmg==",
       "dev": true,
       "dependencies": {
         "@types/unist": "^2"
       }
     },
+    "node_modules/@types/mdurl": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-1.0.3.tgz",
+      "integrity": "sha512-T5k6kTXak79gwmIOaDF2UUQXFbnBE0zBUzF20pz7wDYu0RQMzWg+Ml/Pz50214NsFHBITkoi5VtdjFZnJ2ijjA==",
+      "dev": true
+    },
     "node_modules/@types/node": {
-      "version": "20.6.3",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.6.3.tgz",
-      "integrity": "sha512-HksnYH4Ljr4VQgEy2lTStbCKv/P590tmPe5HqOnv9Gprffgv5WXAY+Y5Gqniu0GGqeTCUdBnzC3QSrzPkBkAMA=="
+      "version": "20.7.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.7.1.tgz",
+      "integrity": "sha512-LT+OIXpp2kj4E2S/p91BMe+VgGX2+lfO+XTpfXhh+bCk2LkQtHZSub8ewFBMGP5ClysPjTDFa4sMI8Q3n4T0wg=="
     },
     "node_modules/@types/normalize-package-data": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
-      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.2.tgz",
+      "integrity": "sha512-lqa4UEhhv/2sjjIQgjX8B+RBjj47eo0mzGasklVJ78UKGQY1r0VpB9XHDaZZO9qzEFDdy4MrXLuEaSmPrPSe/A==",
       "dev": true
     },
     "node_modules/@types/semver": {
-      "version": "7.5.2",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.2.tgz",
-      "integrity": "sha512-7aqorHYgdNO4DM36stTiGO3DvKoex9TQRwsJU6vMaFGyqpBA1MNZkz+PG3gaNUPpTAOYhT1WR7M1JyA3fbS9Cw==",
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.3.tgz",
+      "integrity": "sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==",
       "dev": true
     },
     "node_modules/@types/unist": {
@@ -2272,20 +2293,19 @@
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.17",
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.17.tgz",
-      "integrity": "sha512-4p9vcSmxAayx72yn70joFoL44c9MO/0+iVEBIQXe3v2h2SiAsEIo/G5v6ObFWvNKRFjbrVadNf9LqEEZeQPzdA==",
-      "dev": true
+      "integrity": "sha512-4p9vcSmxAayx72yn70joFoL44c9MO/0+iVEBIQXe3v2h2SiAsEIo/G5v6ObFWvNKRFjbrVadNf9LqEEZeQPzdA=="
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.7.2.tgz",
-      "integrity": "sha512-ooaHxlmSgZTM6CHYAFRlifqh1OAr3PAQEwi7lhYhaegbnXrnh7CDcHmc3+ihhbQC7H0i4JF0psI5ehzkF6Yl6Q==",
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.7.3.tgz",
+      "integrity": "sha512-vntq452UHNltxsaaN+L9WyuMch8bMd9CqJ3zhzTPXXidwbf5mqqKCVXEuvRZUqLJSTLeWE65lQwyXsRGnXkCTA==",
       "dev": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "6.7.2",
-        "@typescript-eslint/type-utils": "6.7.2",
-        "@typescript-eslint/utils": "6.7.2",
-        "@typescript-eslint/visitor-keys": "6.7.2",
+        "@typescript-eslint/scope-manager": "6.7.3",
+        "@typescript-eslint/type-utils": "6.7.3",
+        "@typescript-eslint/utils": "6.7.3",
+        "@typescript-eslint/visitor-keys": "6.7.3",
         "debug": "^4.3.4",
         "graphemer": "^1.4.0",
         "ignore": "^5.2.4",
@@ -2311,15 +2331,15 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.7.2.tgz",
-      "integrity": "sha512-KA3E4ox0ws+SPyxQf9iSI25R6b4Ne78ORhNHeVKrPQnoYsb9UhieoiRoJgrzgEeKGOXhcY1i8YtOeCHHTDa6Fw==",
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.7.3.tgz",
+      "integrity": "sha512-TlutE+iep2o7R8Lf+yoer3zU6/0EAUc8QIBB3GYBc1KGz4c4TRm83xwXUZVPlZ6YCLss4r77jbu6j3sendJoiQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "6.7.2",
-        "@typescript-eslint/types": "6.7.2",
-        "@typescript-eslint/typescript-estree": "6.7.2",
-        "@typescript-eslint/visitor-keys": "6.7.2",
+        "@typescript-eslint/scope-manager": "6.7.3",
+        "@typescript-eslint/types": "6.7.3",
+        "@typescript-eslint/typescript-estree": "6.7.3",
+        "@typescript-eslint/visitor-keys": "6.7.3",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -2339,13 +2359,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.7.2.tgz",
-      "integrity": "sha512-bgi6plgyZjEqapr7u2mhxGR6E8WCzKNUFWNh6fkpVe9+yzRZeYtDTbsIBzKbcxI+r1qVWt6VIoMSNZ4r2A+6Yw==",
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.7.3.tgz",
+      "integrity": "sha512-wOlo0QnEou9cHO2TdkJmzF7DFGvAKEnB82PuPNHpT8ZKKaZu6Bm63ugOTn9fXNJtvuDPanBc78lGUGGytJoVzQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.7.2",
-        "@typescript-eslint/visitor-keys": "6.7.2"
+        "@typescript-eslint/types": "6.7.3",
+        "@typescript-eslint/visitor-keys": "6.7.3"
       },
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -2356,13 +2376,13 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.7.2.tgz",
-      "integrity": "sha512-36F4fOYIROYRl0qj95dYKx6kybddLtsbmPIYNK0OBeXv2j9L5nZ17j9jmfy+bIDHKQgn2EZX+cofsqi8NPATBQ==",
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.7.3.tgz",
+      "integrity": "sha512-Fc68K0aTDrKIBvLnKTZ5Pf3MXK495YErrbHb1R6aTpfK5OdSFj0rVN7ib6Tx6ePrZ2gsjLqr0s98NG7l96KSQw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "6.7.2",
-        "@typescript-eslint/utils": "6.7.2",
+        "@typescript-eslint/typescript-estree": "6.7.3",
+        "@typescript-eslint/utils": "6.7.3",
         "debug": "^4.3.4",
         "ts-api-utils": "^1.0.1"
       },
@@ -2383,9 +2403,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.7.2.tgz",
-      "integrity": "sha512-flJYwMYgnUNDAN9/GAI3l8+wTmvTYdv64fcH8aoJK76Y+1FCZ08RtI5zDerM/FYT5DMkAc+19E4aLmd5KqdFyg==",
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.7.3.tgz",
+      "integrity": "sha512-4g+de6roB2NFcfkZb439tigpAMnvEIg3rIjWQ+EM7IBaYt/CdJt6em9BJ4h4UpdgaBWdmx2iWsafHTrqmgIPNw==",
       "dev": true,
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -2396,13 +2416,13 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.7.2.tgz",
-      "integrity": "sha512-kiJKVMLkoSciGyFU0TOY0fRxnp9qq1AzVOHNeN1+B9erKFCJ4Z8WdjAkKQPP+b1pWStGFqezMLltxO+308dJTQ==",
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.7.3.tgz",
+      "integrity": "sha512-YLQ3tJoS4VxLFYHTw21oe1/vIZPRqAO91z6Uv0Ss2BKm/Ag7/RVQBcXTGcXhgJMdA4U+HrKuY5gWlJlvoaKZ5g==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.7.2",
-        "@typescript-eslint/visitor-keys": "6.7.2",
+        "@typescript-eslint/types": "6.7.3",
+        "@typescript-eslint/visitor-keys": "6.7.3",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -2423,17 +2443,17 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.7.2.tgz",
-      "integrity": "sha512-ZCcBJug/TS6fXRTsoTkgnsvyWSiXwMNiPzBUani7hDidBdj1779qwM1FIAmpH4lvlOZNF3EScsxxuGifjpLSWQ==",
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.7.3.tgz",
+      "integrity": "sha512-vzLkVder21GpWRrmSR9JxGZ5+ibIUSudXlW52qeKpzUEQhRSmyZiVDDj3crAth7+5tmN1ulvgKaCU2f/bPRCzg==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
         "@types/json-schema": "^7.0.12",
         "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "6.7.2",
-        "@typescript-eslint/types": "6.7.2",
-        "@typescript-eslint/typescript-estree": "6.7.2",
+        "@typescript-eslint/scope-manager": "6.7.3",
+        "@typescript-eslint/types": "6.7.3",
+        "@typescript-eslint/typescript-estree": "6.7.3",
         "semver": "^7.5.4"
       },
       "engines": {
@@ -2448,12 +2468,12 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.7.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.7.2.tgz",
-      "integrity": "sha512-uVw9VIMFBUTz8rIeaUT3fFe8xIUx8r4ywAdlQv1ifH+6acn/XF8Y6rwJ7XNmkNMDrTW+7+vxFFPIF40nJCVsMQ==",
+      "version": "6.7.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.7.3.tgz",
+      "integrity": "sha512-HEVXkU9IB+nk9o63CeICMHxFWbHWr3E1mpilIQBe9+7L/lH97rleFLVtYsfnWB+JVMaiFnEaxvknvmIzX+CqVg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.7.2",
+        "@typescript-eslint/types": "6.7.3",
         "eslint-visitor-keys": "^3.4.1"
       },
       "engines": {
@@ -2508,7 +2528,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
       "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
-      "dev": true,
       "dependencies": {
         "@babel/parser": "^7.21.3",
         "@vue/shared": "3.3.4",
@@ -2520,7 +2539,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
       "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
-      "dev": true,
       "dependencies": {
         "@vue/compiler-core": "3.3.4",
         "@vue/shared": "3.3.4"
@@ -2530,7 +2548,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
       "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
-      "dev": true,
       "dependencies": {
         "@babel/parser": "^7.20.15",
         "@vue/compiler-core": "3.3.4",
@@ -2548,7 +2565,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
       "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
-      "dev": true,
       "dependencies": {
         "@vue/compiler-dom": "3.3.4",
         "@vue/shared": "3.3.4"
@@ -2561,9 +2577,9 @@
       "dev": true
     },
     "node_modules/@vue/language-core": {
-      "version": "1.8.13",
-      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-1.8.13.tgz",
-      "integrity": "sha512-nata2fYBZAkl4QJrU+IcArJCMTHt1VP8ePL/Z7eUPC2AF+Cm7Qgo9ksNCPBzZRh1LYjCaSaqV7njqNogwpsMVg==",
+      "version": "1.8.15",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-1.8.15.tgz",
+      "integrity": "sha512-zche5Aw8kkvp3YaghuLiOZyVIpoWHjSQ0EfjxGSsqHOPMamdCoa9x3HtbenpR38UMUoKJ88wiWuiOrV3B/Yq+A==",
       "dev": true,
       "dependencies": {
         "@volar/language-core": "~1.10.0",
@@ -2612,7 +2628,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
       "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
-      "dev": true,
       "dependencies": {
         "@vue/shared": "3.3.4"
       }
@@ -2621,7 +2636,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
       "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
-      "dev": true,
       "dependencies": {
         "@babel/parser": "^7.20.15",
         "@vue/compiler-core": "3.3.4",
@@ -2634,7 +2648,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz",
       "integrity": "sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==",
-      "dev": true,
       "dependencies": {
         "@vue/reactivity": "3.3.4",
         "@vue/shared": "3.3.4"
@@ -2644,7 +2657,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz",
       "integrity": "sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==",
-      "dev": true,
       "dependencies": {
         "@vue/runtime-core": "3.3.4",
         "@vue/shared": "3.3.4",
@@ -2655,7 +2667,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz",
       "integrity": "sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==",
-      "dev": true,
       "dependencies": {
         "@vue/compiler-ssr": "3.3.4",
         "@vue/shared": "3.3.4"
@@ -2667,24 +2678,22 @@
     "node_modules/@vue/shared": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
-      "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==",
-      "dev": true
+      "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
     },
     "node_modules/@vue/typescript": {
-      "version": "1.8.13",
-      "resolved": "https://registry.npmjs.org/@vue/typescript/-/typescript-1.8.13.tgz",
-      "integrity": "sha512-ALJjHFqQ3dgZVCI/ogAS/dZ7JEhIi1N0Em5I7uwabY1p9RDRK3odLsycMHyxZRjm5dLI15c07eeBloHiD2Otlg==",
+      "version": "1.8.15",
+      "resolved": "https://registry.npmjs.org/@vue/typescript/-/typescript-1.8.15.tgz",
+      "integrity": "sha512-qWyanQKXOsK84S8rP7QBrqsvUdQ0nZABZmTjXMpb3ox4Bp5IbkscREA3OPUrkgl64mAxwwCzIWcOc3BPTCPjQw==",
       "dev": true,
       "dependencies": {
         "@volar/typescript": "~1.10.0",
-        "@vue/language-core": "1.8.13"
+        "@vue/language-core": "1.8.15"
       }
     },
     "node_modules/@vueuse/core": {
       "version": "10.4.1",
       "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.4.1.tgz",
       "integrity": "sha512-DkHIfMIoSIBjMgRRvdIvxsyboRZQmImofLyOHADqiVbQVilP8VVHDhBX2ZqoItOgu7dWa8oXiNnScOdPLhdEXg==",
-      "dev": true,
       "dependencies": {
         "@types/web-bluetooth": "^0.0.17",
         "@vueuse/metadata": "10.4.1",
@@ -2699,7 +2708,6 @@
       "version": "0.14.6",
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
       "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
-      "dev": true,
       "hasInstallScript": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
@@ -2817,7 +2825,6 @@
       "version": "10.4.1",
       "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.4.1.tgz",
       "integrity": "sha512-2Sc8X+iVzeuMGHr6O2j4gv/zxvQGGOYETYXEc41h0iZXIRnRbJZGmY/QP8dvzqUelf8vg0p/yEA5VpCEu+WpZg==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
@@ -2826,7 +2833,6 @@
       "version": "10.4.1",
       "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.4.1.tgz",
       "integrity": "sha512-vz5hbAM4qA0lDKmcr2y3pPdU+2EVw/yzfRsBdu+6+USGa4PxqSQRYIUC9/NcT06y+ZgaTsyURw2I9qOFaaXHAg==",
-      "dev": true,
       "dependencies": {
         "vue-demi": ">=0.14.5"
       },
@@ -2838,7 +2844,6 @@
       "version": "0.14.6",
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
       "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
-      "dev": true,
       "hasInstallScript": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
@@ -3472,8 +3477,7 @@
     "node_modules/csstype": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
-      "dev": true
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
     },
     "node_modules/dayjs": {
       "version": "1.11.10",
@@ -3637,9 +3641,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.3.tgz",
-      "integrity": "sha512-UlJ1qUUA2jL2nNib1JTSkifQTcYTroFqRjwCFW4QYEKEsixXD5Tik9xML7zh2gTxkYTBKGHNH9y7txMwVyPbjw==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.4.tgz",
+      "integrity": "sha512-x7jL0tbRRpv4QUyuDMjONtWFciygUxWaUM1kMX2zWxI0X2YWOt7MSA0g4UdeSiHM8fcYVzpQhKYOycZwxTdZkA==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -3649,28 +3653,28 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/android-arm": "0.19.3",
-        "@esbuild/android-arm64": "0.19.3",
-        "@esbuild/android-x64": "0.19.3",
-        "@esbuild/darwin-arm64": "0.19.3",
-        "@esbuild/darwin-x64": "0.19.3",
-        "@esbuild/freebsd-arm64": "0.19.3",
-        "@esbuild/freebsd-x64": "0.19.3",
-        "@esbuild/linux-arm": "0.19.3",
-        "@esbuild/linux-arm64": "0.19.3",
-        "@esbuild/linux-ia32": "0.19.3",
-        "@esbuild/linux-loong64": "0.19.3",
-        "@esbuild/linux-mips64el": "0.19.3",
-        "@esbuild/linux-ppc64": "0.19.3",
-        "@esbuild/linux-riscv64": "0.19.3",
-        "@esbuild/linux-s390x": "0.19.3",
-        "@esbuild/linux-x64": "0.19.3",
-        "@esbuild/netbsd-x64": "0.19.3",
-        "@esbuild/openbsd-x64": "0.19.3",
-        "@esbuild/sunos-x64": "0.19.3",
-        "@esbuild/win32-arm64": "0.19.3",
-        "@esbuild/win32-ia32": "0.19.3",
-        "@esbuild/win32-x64": "0.19.3"
+        "@esbuild/android-arm": "0.19.4",
+        "@esbuild/android-arm64": "0.19.4",
+        "@esbuild/android-x64": "0.19.4",
+        "@esbuild/darwin-arm64": "0.19.4",
+        "@esbuild/darwin-x64": "0.19.4",
+        "@esbuild/freebsd-arm64": "0.19.4",
+        "@esbuild/freebsd-x64": "0.19.4",
+        "@esbuild/linux-arm": "0.19.4",
+        "@esbuild/linux-arm64": "0.19.4",
+        "@esbuild/linux-ia32": "0.19.4",
+        "@esbuild/linux-loong64": "0.19.4",
+        "@esbuild/linux-mips64el": "0.19.4",
+        "@esbuild/linux-ppc64": "0.19.4",
+        "@esbuild/linux-riscv64": "0.19.4",
+        "@esbuild/linux-s390x": "0.19.4",
+        "@esbuild/linux-x64": "0.19.4",
+        "@esbuild/netbsd-x64": "0.19.4",
+        "@esbuild/openbsd-x64": "0.19.4",
+        "@esbuild/sunos-x64": "0.19.4",
+        "@esbuild/win32-arm64": "0.19.4",
+        "@esbuild/win32-ia32": "0.19.4",
+        "@esbuild/win32-x64": "0.19.4"
       }
     },
     "node_modules/escalade": {
@@ -3695,15 +3699,15 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.49.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.49.0.tgz",
-      "integrity": "sha512-jw03ENfm6VJI0jA9U+8H5zfl5b+FvuU3YYvZRdZHOlU2ggJkxrlkJH4HcDrZpj6YwD8kuYqvQM8LyesoazrSOQ==",
+      "version": "8.50.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.50.0.tgz",
+      "integrity": "sha512-FOnOGSuFuFLv/Sa+FDVRZl4GGVAAFFi8LecRsI5a1tMO5HIE8nCm4ivAlzt4dT3ol/PaaGC0rJEEXQmHJBGoOg==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
         "@eslint/eslintrc": "^2.1.2",
-        "@eslint/js": "8.49.0",
+        "@eslint/js": "8.50.0",
         "@humanwhocodes/config-array": "^0.11.11",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -3795,9 +3799,9 @@
       }
     },
     "node_modules/eslint-plugin-antfu": {
-      "version": "0.43.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-antfu/-/eslint-plugin-antfu-0.43.0.tgz",
-      "integrity": "sha512-iPImOujrHCWKlP3/h5KoaNQmGvmJEpzzld8l3qSAC88L15nUHItge00Tc9Uwo+wSXtNWLJkm0I2auGO0PPI2zQ==",
+      "version": "0.43.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-antfu/-/eslint-plugin-antfu-0.43.1.tgz",
+      "integrity": "sha512-Nak+Qpy5qEK10dCXtVaabPTUmLBPLhsVKAFXAtxYGYRlY/SuuZUBhW2YIsLsixNROiICGuov8sN+eNOCC7Wb5g==",
       "dev": true,
       "dependencies": {
         "@typescript-eslint/utils": "^6.7.2"
@@ -4344,8 +4348,7 @@
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-      "dev": true
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
     },
     "node_modules/esutils": {
       "version": "2.0.3",
@@ -4466,9 +4469,9 @@
       }
     },
     "node_modules/flatted": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
-      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
+      "version": "3.2.9",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
+      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
       "dev": true
     },
     "node_modules/focus-trap": {
@@ -4533,9 +4536,9 @@
       "dev": true
     },
     "node_modules/get-tsconfig": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.0.tgz",
-      "integrity": "sha512-pmjiZ7xtB8URYm74PlGJozDNyhvsVLUcpBa8DZBG3bWHwaHa9bPiRpiSfovw+fjhwONSCWKRyk+JQHEGZmMrzw==",
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
       "dev": true,
       "dependencies": {
         "resolve-pkg-maps": "^1.0.0"
@@ -4577,9 +4580,9 @@
       }
     },
     "node_modules/globals": {
-      "version": "13.21.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.21.0.tgz",
-      "integrity": "sha512-ybyme3s4yy/t/3s35bewwXKOf7cvzfreG2lH0lZl0JB7I4GxRP2ghxOK/Nb9EkRXdbBXZLfq/p/0W2JUONB/Gg==",
+      "version": "13.22.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.22.0.tgz",
+      "integrity": "sha512-H1Ddc/PbZHTDVJSnj8kWptIRSD6AM3pK+mKytuIVF4uoBV7rshFlhhvA58ceJ5wp3Er58w6zj7bykMpYXt3ETw==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -5104,7 +5107,6 @@
       "version": "0.30.3",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz",
       "integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.4.15"
       },
@@ -7214,9 +7216,9 @@
       }
     },
     "node_modules/vite-plugin-dts": {
-      "version": "3.5.4",
-      "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-3.5.4.tgz",
-      "integrity": "sha512-BJLBj1Vg9kV7ZMXAULT9UGogrElwz5s+k8TzC7LsFkHv5Jy90OWnHKUp8qm7sypu2pkF5pTJ5McUuHudnT0Imw==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-3.6.0.tgz",
+      "integrity": "sha512-doxhDRFJCZD2sGjIp4V800nm8Y19GvmwckjG5vYPuiqJ7OBjc9NlW1Vp9Gkyh2aXlUs1jTDRH/lxWfcsPLOQHg==",
       "dev": true,
       "dependencies": {
         "@microsoft/api-extractor": "^7.36.4",
@@ -7606,13 +7608,14 @@
       }
     },
     "node_modules/vitepress": {
-      "version": "1.0.0-rc.15",
-      "resolved": "https://registry.npmjs.org/vitepress/-/vitepress-1.0.0-rc.15.tgz",
-      "integrity": "sha512-5criiHoEibkT/du7t6wQ2xQVsuTNuirQZbMAi0M9Hp0YzJoJvEX68Ej9p2PtNC84bYb/CxAh5QkMtMutk03lHw==",
+      "version": "1.0.0-rc.20",
+      "resolved": "https://registry.npmjs.org/vitepress/-/vitepress-1.0.0-rc.20.tgz",
+      "integrity": "sha512-CykMUJ8JLxLcGWek0ew3wln4RYbsOd1+0YzXITTpajggpynm2S331TNkJVOkHrMRc6GYe3y4pS40GfgcW0ZwAw==",
       "dev": true,
       "dependencies": {
         "@docsearch/css": "^3.5.2",
         "@docsearch/js": "^3.5.2",
+        "@types/markdown-it": "^13.0.1",
         "@vue/devtools-api": "^6.5.0",
         "@vueuse/core": "^10.4.1",
         "@vueuse/integrations": "^10.4.1",
@@ -7627,11 +7630,15 @@
         "vitepress": "bin/vitepress.js"
       },
       "peerDependencies": {
-        "markdown-it-mathjax3": "^4.3.2"
+        "markdown-it-mathjax3": "^4.3.2",
+        "postcss": "^8.4.30"
       },
       "peerDependenciesMeta": {
         "markdown-it-mathjax3": {
           "optional": true
+        },
+        "postcss": {
+          "optional": true
         }
       }
     },
@@ -7651,7 +7658,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
       "integrity": "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==",
-      "dev": true,
       "dependencies": {
         "@vue/compiler-dom": "3.3.4",
         "@vue/compiler-sfc": "3.3.4",
@@ -7695,13 +7701,13 @@
       }
     },
     "node_modules/vue-tsc": {
-      "version": "1.8.13",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.8.13.tgz",
-      "integrity": "sha512-Hl8zUXPVK2KzPtbXeMCN0CSFkwvD96YOtYt9KvJPG9W8QGcNpGk9KHwPuGMxA8blWXSIli7gtsoC+clICEVdVg==",
+      "version": "1.8.15",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.8.15.tgz",
+      "integrity": "sha512-4DoB3LUj7IToLmggoCxRiFG+QU5lem0nv03m1ocqugXA9rSVoTOEoYYaP8vu8b99Eh+/cCVdYOeIAQ+RsgUYUw==",
       "dev": true,
       "dependencies": {
-        "@vue/language-core": "1.8.13",
-        "@vue/typescript": "1.8.13",
+        "@vue/language-core": "1.8.15",
+        "@vue/typescript": "1.8.15",
         "semver": "^7.3.8"
       },
       "bin": {
diff --git a/package.json b/package.json
index fbf5040..fbd078c 100644
--- a/package.json
+++ b/package.json
@@ -56,29 +56,30 @@
     "vue": "^3.3.4"
   },
   "dependencies": {
+    "@vueuse/core": "^10.4.1",
     "ts-node": "^10.9.1",
     "vite-plugin-css-injected-by-js": "^3.3.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.43.0",
+    "@antfu/eslint-config": "^0.43.1",
     "@headlessui/vue": "^1.7.16",
     "@tailwindcss/forms": "^0.5.6",
     "@types/fs-extra": "^11.0.2",
-    "@types/node": "^20.6.3",
+    "@types/node": "^20.7.1",
     "@vitejs/plugin-vue": "^4.3.4",
     "autoprefixer": "^10.4.16",
     "dayjs": "^1.11.10",
-    "esbuild": "^0.19.3",
-    "eslint": "^8.49.0",
+    "esbuild": "^0.19.4",
+    "eslint": "^8.50.0",
     "fs-extra": "^11.1.1",
     "postcss": "^8.4.30",
     "postcss-prefix-selector": "^1.16.0",
     "postcss-preset-env": "^9.1.4",
     "tailwindcss": "^3.3.3",
     "vite": "^4.4.9",
-    "vite-plugin-dts": "3.5.4",
-    "vitepress": "^1.0.0-rc.15",
+    "vite-plugin-dts": "3.6.0",
+    "vitepress": "^1.0.0-rc.20",
     "vue": "^3.3.4",
-    "vue-tsc": "^1.8.13"
+    "vue-tsc": "^1.8.15"
   }
 }
diff --git a/src/VueTailwindDatePicker.vue b/src/VueTailwindDatePicker.vue
index 4dd9f3c..9015ce4 100644
--- a/src/VueTailwindDatePicker.vue
+++ b/src/VueTailwindDatePicker.vue
@@ -215,7 +215,7 @@ const calendar = computed(() => {
                   return previous.month() !== v.month()
               },
               hovered: () => {
-                if (!asRange()) 
+                if (!asRange())
                   return false
                 if (hoverValue.value.length > 1) {
                   return (
@@ -457,19 +457,19 @@ function shuffleWeekdays(days: dayjs.WeekdayNames): dayjs.WeekdayNames {
 }
 
 function asRange() {
-  if (!props.useRange && !props.asSingle) 
+  if (!props.useRange && !props.asSingle)
     return true
-  else if (!props.useRange && props.asSingle) 
+  else if (!props.useRange && props.asSingle)
     return false
-  else if (props.useRange && !props.asSingle) 
+  else if (props.useRange && !props.asSingle)
     return true
   else return !!(props.useRange && props.asSingle)
 }
 
 function inRangeDate(date: Dayjs) {
-  if (props.disableInRange) 
+  if (props.disableInRange)
     return false
-  if (pickerValue.value === '') 
+  if (pickerValue.value === '')
     return false
   let s, e
   if (Array.isArray(props.modelValue)) {
@@ -633,7 +633,7 @@ function setDate(date: Dayjs, close?: (ref?: Ref | HTMLElement) => void) {
             ),
           )
         }
-        if (close) 
+        if (close)
           close()
 
         applyValue.value = []
@@ -690,7 +690,7 @@ function setDate(date: Dayjs, close?: (ref?: Ref | HTMLElement) => void) {
       else {
         emit('update:modelValue', pickerValue.value)
       }
-      if (close) 
+      if (close)
         close()
 
       applyValue.value = []
@@ -703,15 +703,8 @@ function setDate(date: Dayjs, close?: (ref?: Ref | HTMLElement) => void) {
   }
 }
 
-// onBeforeMount(() => {
-//   if (props.modelValue[0] && props.modelValue[1]) {
-//     setDate(dayjs(props.modelValue[0]), false)
-//     setDate(dayjs(props.modelValue[1]), false)
-//   }
-// })
-
 function applyDate(close?: (ref?: Ref | HTMLElement) => void) {
-  if (applyValue.value.length < 1) 
+  if (applyValue.value.length < 1)
     return false
   let date
   if (asRange()) {
@@ -784,12 +777,12 @@ function applyDate(close?: (ref?: Ref | HTMLElement) => void) {
       emit('update:modelValue', pickerValue.value)
     }
   }
-  if (close) 
+  if (close)
     close()
 }
 
 function atMouseOver(date: Dayjs) {
-  if (!asRange()) 
+  if (!asRange())
     return false
   if (previous.value) {
     hoverValue.value = [previous.value, date]
@@ -801,7 +794,7 @@ function atMouseOver(date: Dayjs) {
 }
 
 function isBetweenRange(date: DatePickerDay) {
-  if (previous.value && props.autoApply) 
+  if (previous.value && props.autoApply)
     return false
   let s, e
   if (hoverValue.value.length > 1) {
@@ -1009,7 +1002,7 @@ function datepickerClasses(date: DatePickerDay) {
 function betweenRangeClasses(date: Dayjs) {
   let classes, s, e
   classes = ''
-  if (!asRange()) 
+  if (!asRange())
     return classes
   if (Array.isArray(props.modelValue)) {
     if (hoverValue.value.length > 1) {
@@ -1075,17 +1068,17 @@ function betweenRangeClasses(date: Dayjs) {
 
   if (s && e) {
     if (date.isSame(s, 'date')) {
-      if (e.isBefore(s)) 
+      if (e.isBefore(s))
         classes += ' rounded-r-full inset-0'
 
-      if (s.isBefore(e)) 
+      if (s.isBefore(e))
         classes += ' rounded-l-full inset-0'
     }
     else if (date.isSame(e, 'date')) {
-      if (e.isBefore(s)) 
+      if (e.isBefore(s))
         classes += ' rounded-l-full inset-0'
 
-      if (s.isBefore(e)) 
+      if (s.isBefore(e))
         classes += ' rounded-r-full inset-0'
     }
     else {
@@ -1184,7 +1177,7 @@ function setToToday(close?: (ref?: Ref | HTMLElement) => void) {
   const e = dayjs().format(props.formatter.date)
 
   emitShortcut(s, e)
-  if (close) 
+  if (close)
     close()
 }
 
@@ -1193,7 +1186,7 @@ function setToYesterday(close?: (ref?: Ref | HTMLElement) => void) {
   const e = dayjs().subtract(1, 'day').format(props.formatter.date)
 
   emitShortcut(s, e)
-  if (close) 
+  if (close)
     close()
 }
 
@@ -1204,7 +1197,7 @@ function setToLastDay(day: number, close?: (ref?: Ref | HTMLElement) => void) {
   const e = dayjs().format(props.formatter.date)
 
   emitShortcut(s, e)
-  if (close) 
+  if (close)
     close()
 }
 
@@ -1213,7 +1206,7 @@ function setToThisMonth(close?: (ref?: Ref | HTMLElement) => void) {
   const e = dayjs().date(dayjs().daysInMonth()).format(props.formatter.date)
 
   emitShortcut(s, e)
-  if (close) 
+  if (close)
     close()
 }
 
@@ -1222,7 +1215,7 @@ function setToLastMonth(close?: (ref?: Ref | HTMLElement) => void) {
   const e = dayjs().date(0).format(props.formatter.date)
 
   emitShortcut(s, e)
-  if (close) 
+  if (close)
     close()
 }
 
@@ -1235,7 +1228,7 @@ function setToCustomShortcut(
   const e = dayjs(dd).format(props.formatter.date)
 
   emitShortcut(s, e)
-  if (close) 
+  if (close)
     close()
 }
 
@@ -1267,135 +1260,138 @@ watchEffect(() => {
 
 watchEffect(() => {
   const locale = props.i18n
+  const modelValueCloned = props.modelValue
   nextTick(async () => {
     if (locale in localesMap) {
       await localesMap[locale]()
       dayjs.locale(locale)
-      let s, e
-      if (asRange()) {
-        if (Array.isArray(props.modelValue)) {
-          if (props.modelValue.length > 0) {
-            const [start, end] = props.modelValue
-            s = dayjs(start, props.formatter.date, true)
-            e = dayjs(end, props.formatter.date, true)
-          }
-        }
-        else if (typeof props.modelValue === 'object') {
-          if (!isProxy(props.modelValue)) {
-            try {
-              Object.keys(props.modelValue)
-            }
-            catch (e) {
-              console.warn(
-                '[Vue Tailwind Datepicker]: It looks like you want to use Object as the argument %cv-model',
-                'font-style: italic; color: #42b883;',
-                ', but you pass it undefined or null.',
-              )
-              console.warn(
-                '[Vue Tailwind Datepicker]: We has replace with %c{ startDate: \'\', endDate: \'\' }',
-                'font-style: italic; color: #42b883;',
-                ', but you can replace manually.',
-              )
-              emit('update:modelValue', {
-                startDate: '',
-                endDate: '',
-              })
-            }
-          }
-          if (props.modelValue) {
-            const [start, end] = Object.values(props.modelValue)
-            s = start && dayjs(start, props.formatter.date, true)
-            e = end && dayjs(end, props.formatter.date, true)
-          }
-        }
-        else {
-          if (props.modelValue) {
-            const [start, end] = props.modelValue.split(props.separator)
-            s = dayjs(start, props.formatter.date, true)
-            e = dayjs(end, props.formatter.date, true)
-          }
+    }
+    
+    let s, e
+    if (asRange()) {
+      if (Array.isArray(modelValueCloned)) {
+        if (modelValueCloned.length > 0) {
+          const [start, end] = modelValueCloned
+          s = dayjs(start, props.formatter.date, true)
+          e = dayjs(end, props.formatter.date, true)
         }
-
-        if (s && e) {
-          pickerValue.value = useToValueFromArray(
-            {
-              previous: s,
-              next: e,
-            },
-            props,
-          )
-          if (e.isBefore(s, 'month')) {
-            datepicker.value.previous = e
-            datepicker.value.next = s
-            datepicker.value.year.previous = e.year()
-            datepicker.value.year.next = s.year()
-          }
-          else if (e.isSame(s, 'month')) {
-            datepicker.value.previous = s
-            datepicker.value.next = e.add(1, 'month')
-            datepicker.value.year.previous = s.year()
-            datepicker.value.year.next = s.add(1, 'year').year()
+      }
+      else if (typeof modelValueCloned === 'object') {
+        if (!isProxy(modelValueCloned)) {
+          try {
+            Object.keys(modelValueCloned)
           }
-          else {
-            datepicker.value.previous = s
-            datepicker.value.next = e
-            datepicker.value.year.previous = s.year()
-            datepicker.value.year.next = e.year()
+          catch (e) {
+            console.warn(
+              '[Vue Tailwind Datepicker]: It looks like you want to use Object as the argument %cv-model',
+              'font-style: italic; color: #42b883;',
+              ', but you pass it undefined or null.',
+            )
+            console.warn(
+              '[Vue Tailwind Datepicker]: We has replace with %c{ startDate: \'\', endDate: \'\' }',
+              'font-style: italic; color: #42b883;',
+              ', but you can replace manually.',
+            )
+            emit('update:modelValue', {
+              startDate: '',
+              endDate: '',
+            })
           }
-          if (!props.autoApply) 
-            applyValue.value = [s, e]
         }
-        else {
-          datepicker.value.previous = dayjs(props.startFrom)
-          datepicker.value.next = dayjs(props.startFrom).add(1, 'month')
-          datepicker.value.year.previous = datepicker.value.previous.year()
-          datepicker.value.year.next = datepicker.value.next.year()
+        if (modelValueCloned) {
+          const [start, end] = Object.values(modelValueCloned)
+          s = start && dayjs(start, props.formatter.date, true)
+          e = end && dayjs(end, props.formatter.date, true)
         }
       }
       else {
-        if (Array.isArray(props.modelValue)) {
-          if (props.modelValue.length > 0) {
-            const [start] = props.modelValue
-            s = dayjs(start, props.formatter.date, true)
-          }
-        }
-        else if (typeof props.modelValue === 'object') {
-          if (props.modelValue) {
-            const [start] = Object.values(props.modelValue)
-            s = dayjs(start, props.formatter.date, true)
-          }
-        }
-        else {
-          if (props.modelValue.length) {
-            const [start] = props.modelValue.split(props.separator)
-            s = dayjs(start, props.formatter.date, true)
-          }
+        if (modelValueCloned) {
+          const [start, end] = modelValueCloned.split(props.separator)
+          s = dayjs(start, props.formatter.date, true)
+          e = dayjs(end, props.formatter.date, true)
         }
+      }
 
-        if (s && s.isValid()) {
-          pickerValue.value = useToValueFromString(s, props)
+      if (s && e) {
+        pickerValue.value = useToValueFromArray(
+          {
+            previous: s,
+            next: e,
+          },
+          props,
+        )
+        if (e.isBefore(s, 'month')) {
+          datepicker.value.previous = e
+          datepicker.value.next = s
+          datepicker.value.year.previous = e.year()
+          datepicker.value.year.next = s.year()
+        }
+        else if (e.isSame(s, 'month')) {
           datepicker.value.previous = s
-          datepicker.value.next = s.add(1, 'month')
+          datepicker.value.next = e.add(1, 'month')
           datepicker.value.year.previous = s.year()
           datepicker.value.year.next = s.add(1, 'year').year()
-          if (!props.autoApply) 
-            applyValue.value = [s]
         }
         else {
-          datepicker.value.previous = dayjs(props.startFrom)
-          datepicker.value.next = dayjs(props.startFrom).add(1, 'month')
-          datepicker.value.year.previous = datepicker.value.previous.year()
-          datepicker.value.year.next = datepicker.value.next.year()
+          datepicker.value.previous = s
+          datepicker.value.next = e
+          datepicker.value.year.previous = s.year()
+          datepicker.value.year.next = e.year()
+        }
+        if (!props.autoApply)
+          applyValue.value = [s, e]
+      }
+      else {
+        datepicker.value.previous = dayjs(props.startFrom)
+        datepicker.value.next = dayjs(props.startFrom).add(1, 'month')
+        datepicker.value.year.previous = datepicker.value.previous.year()
+        datepicker.value.year.next = datepicker.value.next.year()
+      }
+    }
+    else {
+      if (Array.isArray(modelValueCloned)) {
+        if (modelValueCloned.length > 0) {
+          const [start] = modelValueCloned
+          s = dayjs(start, props.formatter.date, true)
+        }
+      }
+      else if (typeof modelValueCloned === 'object') {
+        if (modelValueCloned) {
+          const [start] = Object.values(modelValueCloned)
+          s = dayjs(start, props.formatter.date, true)
+        }
+      }
+      else {
+        if (modelValueCloned.length) {
+          const [start] = modelValueCloned.split(props.separator)
+          s = dayjs(start, props.formatter.date, true)
         }
       }
-      const days =
+
+      if (s && s.isValid()) {
+        pickerValue.value = useToValueFromString(s, props)
+        datepicker.value.previous = s
+        datepicker.value.next = s.add(1, 'month')
+        datepicker.value.year.previous = s.year()
+        datepicker.value.year.next = s.add(1, 'year').year()
+        if (!props.autoApply)
+          applyValue.value = [s]
+      }
+      else {
+        datepicker.value.previous = dayjs(props.startFrom)
+        datepicker.value.next = dayjs(props.startFrom).add(1, 'month')
+        datepicker.value.year.previous = datepicker.value.previous.year()
+        datepicker.value.year.next = datepicker.value.next.year()
+      }
+    }
+    const days =
         props.weekdaysSize === 'min'
           ? dayjs.weekdaysMin()
           : dayjs.weekdaysShort()
-      datepicker.value.weeks = isFirstMonday() ? shuffleWeekdays(days) : days
-      datepicker.value.months =
+    datepicker.value.weeks = isFirstMonday() ? shuffleWeekdays(days) : days
+    datepicker.value.months =
         props.formatter.month === 'MMM' ? dayjs.monthsShort() : dayjs.months()
-    }
+    
   })
 })
 
@@ -1403,7 +1399,7 @@ function getAbsoluteClass(open: boolean) {
   if (open && placement.value === null)
     placement.value = useVisibleViewport(VtdRef.value)
 
-  if (open && placement.value) 
+  if (open && placement.value)
     return 'place-right'
 
   return 'place-left'
@@ -1413,12 +1409,13 @@ function getAbsoluteParentClass(open: boolean) {
   if (open && placement.value === null)
     placement.value = useVisibleViewport(VtdRef.value)
 
-  if (placement.value) 
+  if (placement.value)
     return 'left-auto right-0'
 
   return 'left-0 right-auto'
 }
 
+
 provide(isBetweenRangeKey, isBetweenRange)
 provide(betweenRangeClassesKey, betweenRangeClasses)
 provide(datepickerClassesKey, datepickerClasses)
@@ -1432,53 +1429,24 @@ provide(setToCustomShortcutKey, setToCustomShortcut)
 </script>
 
 <template>
-  <Popover
-    v-if="!props.noInput"
-    id="vtd"
-    v-slot="{ open }: { open: boolean }"
-    as="div"
-    class="relative w-full"
-  >
-    <PopoverOverlay
-      v-if="props.overlay && !props.disabled"
-      class="fixed inset-0 bg-black opacity-30"
-    />
+  <Popover v-if="!props.noInput" id="vtd" v-slot="{ open }: { open: boolean }" as="div" class="relative w-full">
+    <PopoverOverlay v-if="props.overlay && !props.disabled" class="fixed inset-0 bg-black opacity-30" />
 
     <PopoverButton as="label" class="relative block">
-      <slot
-        :value="pickerValue"
-        :placeholder="givenPlaceholder"
-        :clear="clearPicker"
-      >
+      <slot :value="pickerValue" :placeholder="givenPlaceholder" :clear="clearPicker">
         <input
-          ref="VtdInputRef"
-          v-bind="$attrs"
-          v-model="pickerValue"
-          type="text"
-          class="relative block w-full"
-          :disabled="props.disabled"
-          :class="[
+          ref="VtdInputRef" v-bind="$attrs" v-model="pickerValue" type="text" class="relative block w-full"
+          :disabled="props.disabled" :class="[
             props.disabled ? 'cursor-default opacity-50' : 'opacity-100',
             inputClasses
               || 'pl-3 pr-12 py-2.5 rounded-lg overflow-hidden border-solid text-sm text-vtd-secondary-700 placeholder-vtd-secondary-400 transition-colors bg-white border border-vtd-secondary-300 focus:border-vtd-primary-300 focus:ring focus:ring-vtd-primary-500 focus:ring-opacity-10 focus:outline-none dark:bg-vtd-secondary-800 dark:border-vtd-secondary-700 dark:text-vtd-secondary-100 dark:placeholder-vtd-secondary-500 dark:focus:border-vtd-primary-500 dark:focus:ring-opacity-20',
-          ]"
-          autocomplete="off"
-          data-lpignore="true"
-          data-form-type="other"
-          :placeholder="givenPlaceholder"
+          ]" autocomplete="off" data-lpignore="true" data-form-type="other" :placeholder="givenPlaceholder"
           @keyup="keyUp"
         >
-        <div
-          class="absolute inset-y-0 right-0 inline-flex items-center rounded-md overflow-hidden"
-        >
+        <div class="absolute inset-y-0 right-0 inline-flex items-center rounded-md overflow-hidden">
           <button
-            type="button"
-            :disabled="props.disabled"
-            :class="
-              props.disabled ? 'cursor-default opacity-50' : 'opacity-100'
-            "
-            class="px-2 py-1 mr-1 focus:outline-none text-vtd-secondary-400 dark:text-opacity-70 rounded-md"
-            @click="
+            type="button" :disabled="props.disabled" :class="props.disabled ? 'cursor-default opacity-50' : 'opacity-100'
+            " class="px-2 py-1 mr-1 focus:outline-none text-vtd-secondary-400 dark:text-opacity-70 rounded-md" @click="
               props.disabled
                 ? false
                 : pickerValue
@@ -1486,51 +1454,37 @@ provide(setToCustomShortcutKey, setToCustomShortcut)
                   : VtdInputRef?.focus()
             "
           >
-            <svg
-              class="w-5 h-5"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                v-if="pickerValue"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-                d="M6 18L18 6M6 6l12 12"
-              />
-              <path
-                v-else
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-                d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-              />
-            </svg>
+            <slot name="inputIcon" :value="pickerValue">
+              <svg
+                class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  v-if="pickerValue" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
+                  d="M6 18L18 6M6 6l12 12"
+                />
+                <path
+                  v-else stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
+                  d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+                />
+              </svg>
+            </slot>
           </button>
         </div>
       </slot>
     </PopoverButton>
 
     <transition
-      enter-from-class="opacity-0 translate-y-3"
-      enter-to-class="opacity-100 translate-y-0"
+      enter-from-class="opacity-0 translate-y-3" enter-to-class="opacity-100 translate-y-0"
       enter-active-class="transform transition ease-out duration-200"
-      leave-active-class="transform transition ease-in duration-150"
-      leave-from-class="opacity-100 translate-y-0"
+      leave-active-class="transform transition ease-in duration-150" leave-from-class="opacity-100 translate-y-0"
       leave-to-class="opacity-0 translate-y-3"
     >
       <PopoverPanel
-        v-if="!props.disabled"
-        v-slot="{ close }: { close: (ref?: Ref | HTMLElement) => void }"
-        as="div"
+        v-if="!props.disabled" v-slot="{ close }: { close: (ref?: Ref | HTMLElement) => void }" as="div"
         class="relative z-50"
       >
-        <div
-          class="absolute z-50 top-full sm:mt-2.5"
-          :class="getAbsoluteParentClass(open)"
-        >
+        <div class="absolute z-50 top-full sm:mt-2.5" :class="getAbsoluteParentClass(open)">
           <div
             ref="VtdRef"
             class="fixed inset-0 z-50 overflow-y-auto sm:overflow-visible sm:static sm:z-auto bg-white dark:bg-vtd-secondary-800 sm:rounded-lg shadow-sm"
@@ -1541,51 +1495,37 @@ provide(setToCustomShortcutKey, setToCustomShortcut)
             >
               <div class="flex flex-wrap lg:flex-nowrap">
                 <VtdShortcut
-                  v-if="props.shortcuts"
-                  :shortcuts="props.shortcuts"
-                  :as-range="asRange()"
-                  :as-single="props.asSingle"
-                  :i18n="props.options.shortcuts"
-                  :close="close"
+                  v-if="props.shortcuts" :shortcuts="props.shortcuts" :as-range="asRange()"
+                  :as-single="props.asSingle" :i18n="props.options.shortcuts" :close="close"
                 />
                 <div class="relative flex flex-wrap sm:flex-nowrap p-1 w-full">
                   <div
                     v-if="asRange() && !props.asSingle"
                     class="hidden h-full absolute inset-0 sm:flex justify-center items-center"
                   >
-                    <div
-                      class="h-full border-r border-black/[.1] dark:border-vtd-secondary-700/[1]"
-                    />
+                    <div class="h-full border-r border-black/[.1] dark:border-vtd-secondary-700/[1]" />
                   </div>
                   <div
-                    class="relative"
-                    :class="{
+                    class="relative" :class="{
                       'mb-3 sm:mb-0 sm:mr-2 w-full md:w-1/2 lg:w-80':
                         asRange() && !props.asSingle,
                       'w-full': !asRange() && props.asSingle,
                     }"
                   >
-                    <VtdHeader
-                      :panel="panel.previous"
-                      :calendar="calendar.previous"
-                    />
+                    <VtdHeader :panel="panel.previous" :calendar="calendar.previous" />
                     <div class="px-0.5 sm:px-2">
                       <VtdMonth
-                        v-show="panel.previous.month"
-                        :months="months"
+                        v-show="panel.previous.month" :months="months"
                         @update-month="calendar.previous.setMonth"
                       />
                       <VtdYear
-                        v-show="panel.previous.year"
-                        :years="calendar.previous.years()"
+                        v-show="panel.previous.year" :years="calendar.previous.years()"
                         @update-year="calendar.previous.setYear"
                       />
                       <div v-show="panel.previous.calendar">
                         <VtdWeek :weeks="weeks" />
                         <VtdCalendar
-                          :calendar="calendar.previous"
-                          :weeks="weeks"
-                          :as-range="asRange()"
+                          :calendar="calendar.previous" :weeks="weeks" :as-range="asRange()"
                           @update-date="(date) => setDate(date, close)"
                         />
                       </div>
@@ -1596,30 +1536,17 @@ provide(setToCustomShortcutKey, setToCustomShortcut)
                     v-if="asRange() && !props.asSingle"
                     class="relative w-full md:w-1/2 lg:w-80 overflow-hidden mt-3 sm:mt-0 sm:ml-2"
                   >
-                    <VtdHeader
-                      as-prev-or-next
-                      :panel="panel.next"
-                      :calendar="calendar.next"
-                    />
+                    <VtdHeader as-prev-or-next :panel="panel.next" :calendar="calendar.next" />
                     <div class="px-0.5 sm:px-2">
-                      <VtdMonth
-                        v-show="panel.next.month"
-                        :months="months"
-                        @update-month="calendar.next.setMonth"
-                      />
+                      <VtdMonth v-show="panel.next.month" :months="months" @update-month="calendar.next.setMonth" />
                       <VtdYear
-                        v-show="panel.next.year"
-                        as-prev-or-next
-                        :years="calendar.next.years()"
+                        v-show="panel.next.year" as-prev-or-next :years="calendar.next.years()"
                         @update-year="calendar.next.setYear"
                       />
                       <div v-show="panel.next.calendar">
                         <VtdWeek :weeks="weeks" />
                         <VtdCalendar
-                          as-prev-or-next
-                          :calendar="calendar.next"
-                          :weeks="weeks"
-                          :as-range="asRange()"
+                          as-prev-or-next :calendar="calendar.next" :weeks="weeks" :as-range="asRange()"
                           @update-date="(date) => setDate(date, close)"
                         />
                       </div>
@@ -1628,40 +1555,31 @@ provide(setToCustomShortcutKey, setToCustomShortcut)
                 </div>
               </div>
               <div v-if="!props.autoApply">
-                <div
-                  class="mt-2 mx-2 py-1.5 border-t border-black/[.1] dark:border-vtd-secondary-700/[1]"
-                >
+                <div class="mt-2 mx-2 py-1.5 border-t border-black/[.1] dark:border-vtd-secondary-700/[1]">
                   <div class="mt-1.5 sm:flex sm:flex-row-reverse">
                     <button
                       type="button"
                       class="away-apply-picker w-full transition ease-out duration-300 inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-vtd-primary-600 text-base font-medium text-white hover:bg-vtd-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-vtd-primary-500 sm:ml-3 sm:w-auto sm:text-sm dark:ring-offset-vtd-secondary-800 disabled:cursor-not-allowed"
-                      :disabled="
-                        props.asSingle
-                          ? applyValue.length < 1
-                          : applyValue.length < 2
-                      "
-                      @click="applyDate(close)"
-                      v-text="props.options.footer.apply"
+                      :disabled="props.asSingle
+                        ? applyValue.length < 1
+                        : applyValue.length < 2
+                      " @click="applyDate(close)" v-text="props.options.footer.apply"
                     />
                     <button
                       type="button"
                       class="mt-3 away-cancel-picker w-full transition ease-out duration-300 inline-flex justify-center rounded-md border border-vtd-secondary-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-vtd-secondary-700 hover:bg-vtd-secondary-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-vtd-primary-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm dark:ring-offset-vtd-secondary-800"
-                      @click="close()"
-                      v-text="props.options.footer.cancel"
+                      @click="close()" v-text="props.options.footer.cancel"
                     />
                   </div>
                 </div>
               </div>
               <div v-else class="sm:hidden">
-                <div
-                  class="mt-2 mx-2 py-1.5 border-t border-black/[.1] dark:border-vtd-secondary-700/[1]"
-                >
+                <div class="mt-2 mx-2 py-1.5 border-t border-black/[.1] dark:border-vtd-secondary-700/[1]">
                   <div class="mt-1.5 sm:flex sm:flex-row-reverse">
                     <button
                       type="button"
                       class="away-cancel-picker w-full transition ease-out duration-300 inline-flex justify-center rounded-md border border-vtd-secondary-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-vtd-secondary-700 hover:bg-vtd-secondary-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-vtd-primary-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm dark:ring-offset-vtd-secondary-800"
-                      @click="close()"
-                      v-text="props.options.footer.cancel"
+                      @click="close()" v-text="props.options.footer.cancel"
                     />
                   </div>
                 </div>
@@ -1678,10 +1596,7 @@ provide(setToCustomShortcutKey, setToCustomShortcut)
     >
       <div class="flex flex-wrap lg:flex-nowrap">
         <VtdShortcut
-          v-if="props.shortcuts"
-          :shortcuts="props.shortcuts"
-          :as-range="asRange()"
-          :as-single="props.asSingle"
+          v-if="props.shortcuts" :shortcuts="props.shortcuts" :as-range="asRange()" :as-single="props.asSingle"
           :i18n="props.options.shortcuts"
         />
         <div class="relative flex flex-wrap sm:flex-nowrap p-1 w-full">
@@ -1689,34 +1604,24 @@ provide(setToCustomShortcutKey, setToCustomShortcut)
             v-if="asRange() && !props.asSingle"
             class="hidden h-full absolute inset-0 sm:flex justify-center items-center"
           >
-            <div
-              class="h-full border-r border-black/[.1] dark:border-vtd-secondary-700/[1]"
-            />
+            <div class="h-full border-r border-black/[.1] dark:border-vtd-secondary-700/[1]" />
           </div>
           <div
-            class="relative w-full lg:w-80"
-            :class="{
+            class="relative w-full lg:w-80" :class="{
               'mb-3 sm:mb-0 sm:mr-2 md:w-1/2': asRange() && !props.asSingle,
             }"
           >
             <VtdHeader :panel="panel.previous" :calendar="calendar.previous" />
             <div class="px-0.5 sm:px-2">
-              <VtdMonth
-                v-show="panel.previous.month"
-                :months="months"
-                @update-month="calendar.previous.setMonth"
-              />
+              <VtdMonth v-show="panel.previous.month" :months="months" @update-month="calendar.previous.setMonth" />
               <VtdYear
-                v-show="panel.previous.year"
-                :years="calendar.previous.years()"
+                v-show="panel.previous.year" :years="calendar.previous.years()"
                 @update-year="calendar.previous.setYear"
               />
               <div v-show="panel.previous.calendar">
                 <VtdWeek :weeks="weeks" />
                 <VtdCalendar
-                  :calendar="calendar.previous"
-                  :weeks="weeks"
-                  :as-range="asRange()"
+                  :calendar="calendar.previous" :weeks="weeks" :as-range="asRange()"
                   @update-date="(date) => setDate(date)"
                 />
               </div>
@@ -1727,30 +1632,17 @@ provide(setToCustomShortcutKey, setToCustomShortcut)
             v-if="asRange() && !props.asSingle"
             class="relative w-full md:w-1/2 lg:w-80 overflow-hidden mt-3 sm:mt-0 sm:ml-2"
           >
-            <VtdHeader
-              as-prev-or-next
-              :panel="panel.next"
-              :calendar="calendar.next"
-            />
+            <VtdHeader as-prev-or-next :panel="panel.next" :calendar="calendar.next" />
             <div class="px-0.5 sm:px-2">
-              <VtdMonth
-                v-show="panel.next.month"
-                :months="months"
-                @update-month="calendar.next.setMonth"
-              />
+              <VtdMonth v-show="panel.next.month" :months="months" @update-month="calendar.next.setMonth" />
               <VtdYear
-                v-show="panel.next.year"
-                as-prev-or-next
-                :years="calendar.next.years()"
+                v-show="panel.next.year" as-prev-or-next :years="calendar.next.years()"
                 @update-year="calendar.next.setYear"
               />
               <div v-show="panel.next.calendar">
                 <VtdWeek :weeks="weeks" />
                 <VtdCalendar
-                  as-prev-or-next
-                  :calendar="calendar.next"
-                  :weeks="weeks"
-                  :as-range="asRange()"
+                  as-prev-or-next :calendar="calendar.next" :weeks="weeks" :as-range="asRange()"
                   @update-date="(date) => setDate(date)"
                 />
               </div>
@@ -1759,18 +1651,13 @@ provide(setToCustomShortcutKey, setToCustomShortcut)
         </div>
       </div>
       <div v-if="!props.autoApply">
-        <div
-          class="mt-2 mx-2 py-1.5 border-t border-black/[.1] dark:border-vtd-secondary-700/[1]"
-        >
+        <div class="mt-2 mx-2 py-1.5 border-t border-black/[.1] dark:border-vtd-secondary-700/[1]">
           <div class="mt-1.5 sm:flex sm:flex-row-reverse">
             <button
               type="button"
               class="away-apply-picker w-full transition ease-out duration-300 inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-vtd-primary-600 text-base font-medium text-white hover:bg-vtd-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-vtd-primary-500 sm:ml-3 sm:w-auto sm:text-sm dark:ring-offset-vtd-secondary-800 disabled:cursor-not-allowed"
-              :disabled="
-                props.asSingle ? applyValue.length < 1 : applyValue.length < 2
-              "
-              @click="applyDate()"
-              v-text="props.options.footer.apply"
+              :disabled="props.asSingle ? applyValue.length < 1 : applyValue.length < 2
+              " @click="applyDate()" v-text="props.options.footer.apply"
             />
           </div>
         </div>
@@ -1789,11 +1676,9 @@ provide(setToCustomShortcutKey, setToCustomShortcut)
   content: "";
   @apply absolute top-0 w-4 h-4 bg-white shadow border border-black/[.1] dark:bg-vtd-secondary-800 dark:border-vtd-secondary-700;
   transform: translate(50%, -50%) rotate(-45deg);
-  clip-path: polygon(
-    calc(var(--vtd-datepicker) * -1) calc(var(--vtd-datepicker) * -1),
-    calc(100% + var(--vtd-datepicker)) calc(var(--vtd-datepicker) * -1),
-    calc(100% + var(--vtd-datepicker)) calc(100% + var(--vtd-datepicker))
-  );
+  clip-path: polygon(calc(var(--vtd-datepicker) * -1) calc(var(--vtd-datepicker) * -1),
+      calc(100% + var(--vtd-datepicker)) calc(var(--vtd-datepicker) * -1),
+      calc(100% + var(--vtd-datepicker)) calc(100% + var(--vtd-datepicker)));
 }
 
 .vtd-datepicker.place-left::before {