diff --git a/examples/with-angular/src/app/app.component.html b/examples/with-angular/src/app/app.component.html
index b5886cb6..a76d04c6 100644
--- a/examples/with-angular/src/app/app.component.html
+++ b/examples/with-angular/src/app/app.component.html
@@ -21,7 +21,7 @@
     <p>Current zoom: {{ getCurrentZoomImageValue() }}</p>
     <div class="mt-1 flex space-x-2">
       <div #imageWheelContainer class="h-[300px] w-[200px] cursor-crosshair">
-        <img class="h-full w-full" alt="Large Pic" src="../assets/sample.avif" />
+        <img class="h-full w-full" alt="Large Pic" src="/assets/sample.avif" />
       </div>
       <img [src]="croppedImage" *ngIf="!!croppedImage" class="h-[300px] w-[200px]" alt="Cropped placeholder" />
     </div>
@@ -37,7 +37,7 @@
   <div class="space-y-4" *ngIf="zoomType === 'hover'">
     <p>Hover inside the image to see zoom effect</p>
     <div #imageHoverContainer class="relative mt-1 flex h-[300px] w-[200px] items-start">
-      <img class="h-full w-full" alt="Small Pic" src="/sample.avif" />
+      <img class="h-full w-full" alt="Small Pic" src="../assets/sample.avif" />
       <div #zoomTarget class="absolute left-[350px]"></div>
     </div>
   </div>
@@ -45,14 +45,14 @@
   <div class="space-y-4" *ngIf="zoomType === 'move'">
     <p>Move mouse inside the image to see zoom effect</p>
     <div #imageMoveContainer class="relative mt-1 h-[300px] w-[200px] cursor-crosshair overflow-hidden">
-      <img class="h-full w-full" alt="Large Pic" src="/sample.avif" />
+      <img class="h-full w-full" alt="Large Pic" src="../assets/sample.avif" />
     </div>
   </div>
 
   <div class="space-y-4" *ngIf="zoomType === 'click'">
     <p>Click inside the image to see zoom effect</p>
     <div #imageClickContainer class="relative mt-1 h-[300px] w-[200px] cursor-crosshair overflow-hidden">
-      <img class="h-full w-full" alt="Large Pic" src="/sample.avif" />
+      <img class="h-full w-full" alt="Large Pic" src="../assets/sample.avif" />
     </div>
   </div>
 </div>
diff --git a/examples/with-angular/src/app/app.component.ts b/examples/with-angular/src/app/app.component.ts
index e8068144..6fa45ae4 100644
--- a/examples/with-angular/src/app/app.component.ts
+++ b/examples/with-angular/src/app/app.component.ts
@@ -89,12 +89,11 @@ export class AppComponent implements AfterViewInit {
         this.zoomImageWheelService.createZoomImage(this.imageWheelContainerRef?.nativeElement as HTMLDivElement)
         this.zoomImageWheelService.zoomImageState$.subscribe((state) => {
           this.zoomImageWheelState = state
-          this.handleCropWheelZoomImage()
         })
       },
       hover: () => {
         this.zoomImageHoverService.createZoomImage(this.imageHoverContainerRef?.nativeElement as HTMLDivElement, {
-          zoomImageSource: "/sample.avif",
+          zoomImageSource: "/assets/sample.avif",
           customZoom: { width: 300, height: 500 },
           zoomTarget: this.zoomTargetRef?.nativeElement as HTMLDivElement,
           scale: 2,
@@ -105,7 +104,7 @@ export class AppComponent implements AfterViewInit {
       },
       move: () => {
         this.zoomImageMoveService.createZoomImage(this.imageMoveContainerRef?.nativeElement as HTMLDivElement, {
-          zoomImageSource: "/sample.avif",
+          zoomImageSource: "/assets/sample.avif",
         })
         this.zoomImageMoveService.zoomImageState$.subscribe((state) => {
           this.zoomImageMoveState = state
@@ -113,7 +112,7 @@ export class AppComponent implements AfterViewInit {
       },
       click: () => {
         this.zoomImageClickService.createZoomImage(this.imageClickContainerRef?.nativeElement as HTMLDivElement, {
-          zoomImageSource: "/sample.avif",
+          zoomImageSource: "/assets/sample.avif",
         })
         this.zoomImageClickService.zoomImageState$.subscribe((state) => {
           this.zoomImageClickState = state
@@ -132,8 +131,8 @@ export class AppComponent implements AfterViewInit {
     this.zoomImageWheelService.setZoomImageState({ currentZoom: this.zoomImageWheelState.currentZoom - 0.5 })
   }
 
-  handleCropWheelZoomImage() {
-    this.croppedImage = cropImage({
+  async handleCropWheelZoomImage() {
+    this.croppedImage = await cropImage({
       currentZoom: this.zoomImageWheelState.currentZoom,
       image: (this.imageWheelContainerRef?.nativeElement as HTMLDivElement).querySelector("img") as HTMLImageElement,
       positionX: this.zoomImageWheelState.currentPositionX,
diff --git a/examples/with-next/src/app/page.tsx b/examples/with-next/src/app/page.tsx
index 91e23ca6..d638f570 100644
--- a/examples/with-next/src/app/page.tsx
+++ b/examples/with-next/src/app/page.tsx
@@ -36,9 +36,9 @@ export default function Home() {
   const { createZoomImage: createZoomImageMove } = useZoomImageMove()
   const { createZoomImage: createZoomImageClick } = useZoomImageClick()
 
-  function handleCropImage() {
+  async function handleCropImage() {
     setCroppedImage(
-      cropImage({
+      await cropImage({
         currentZoom: zoomImageWheelState.currentZoom,
         image: imageWheelContainerRef.current?.querySelector("img") as HTMLImageElement,
         positionX: zoomImageWheelState.currentPositionX,
@@ -153,9 +153,9 @@ export default function Home() {
       {zoomType === "hover" && (
         <>
           <p>Hover inside the image to see zoom effect</p>
-          <div ref={imageHoverContainerRef} className="relative flex h-[250px] w-[250px] items-start">
+          <div ref={imageHoverContainerRef} className="relative flex h-[300px] w-[200px] items-start">
             <img className="h-full w-full" alt="Small Pic" src="/sample.avif" />
-            <div ref={zoomTargetRef} className="absolute left-[300px]"></div>
+            <div ref={zoomTargetRef} className="absolute left-[350px]"></div>
           </div>
         </>
       )}
diff --git a/examples/with-preact/package.json b/examples/with-preact/package.json
index 88cb8198..17510d4a 100644
--- a/examples/with-preact/package.json
+++ b/examples/with-preact/package.json
@@ -14,6 +14,6 @@
     "@unocss/reset": "^0.54.3",
     "typescript": "^5.1.6",
     "unocss": "^0.54.3",
-    "vite": "^4.4.9"
+    "vite": "^4.5.0"
   }
 }
diff --git a/examples/with-preact/src/app.tsx b/examples/with-preact/src/app.tsx
index 09bb94d1..857e25ce 100644
--- a/examples/with-preact/src/app.tsx
+++ b/examples/with-preact/src/app.tsx
@@ -34,9 +34,9 @@ function App() {
   const { createZoomImage: createZoomImageMove } = useZoomImageMove()
   const { createZoomImage: createZoomImageClick } = useZoomImageClick()
 
-  function handleCropImage() {
+  async function handleCropImage() {
     setCroppedImage(
-      cropImage({
+      await cropImage({
         currentZoom: zoomImageWheelState.currentZoom,
         image: imageWheelContainerRef.current?.querySelector("img") as HTMLImageElement,
         positionX: zoomImageWheelState.currentPositionX,
@@ -151,9 +151,9 @@ function App() {
       {zoomType === "hover" && (
         <>
           <p>Hover inside the image to see zoom effect</p>
-          <div ref={imageHoverContainerRef} class="relative flex h-[250px] w-[250px] items-start">
+          <div ref={imageHoverContainerRef} class="relative flex h-[300px] w-[200px] items-start">
             <img class="h-full w-full" alt="Small Pic" src="/sample.avif" />
-            <div ref={zoomTargetRef} class="absolute left-[300px]"></div>
+            <div ref={zoomTargetRef} class="absolute left-[350px]"></div>
           </div>
         </>
       )}
diff --git a/examples/with-qwik/package.json b/examples/with-qwik/package.json
index b793f806..48970595 100644
--- a/examples/with-qwik/package.json
+++ b/examples/with-qwik/package.json
@@ -13,7 +13,7 @@
     "typescript": "5.1.6",
     "undici": "^5.23.0",
     "unocss": "^0.54.3",
-    "vite": "4.4.8",
+    "vite": "^4.5.0",
     "vite-tsconfig-paths": "4.2.0"
   },
   "dependencies": {
diff --git a/examples/with-qwik/src/routes/index.tsx b/examples/with-qwik/src/routes/index.tsx
index c0e48315..ddf86d8b 100644
--- a/examples/with-qwik/src/routes/index.tsx
+++ b/examples/with-qwik/src/routes/index.tsx
@@ -47,7 +47,7 @@ export default component$(() => {
 
     if (zoomType.value === "hover" && imageHoverContainerRef.value) {
       const imageContainer = imageHoverContainerRef.value
-      const zoomTarget = zoomTargetRef.value
+      const zoomTarget = zoomTargetRef.value as HTMLDivElement
       createZoomImageHover(imageContainer, {
         zoomImageSource: "/sample.avif",
         customZoom: { width: 300, height: 500 },
@@ -137,8 +137,8 @@ export default component$(() => {
             </button>
             <button
               class="text-dark-500 rounded bg-gray-100 p-2 text-sm font-medium"
-              onClick$={() => {
-                croppedImage.value = cropImage({
+              onClick$={async () => {
+                croppedImage.value = await cropImage({
                   currentZoom: zoomImageWheelState.currentZoom,
                   image: imageWheelContainerRef.value?.querySelector("img") as HTMLImageElement,
                   positionX: zoomImageWheelState.currentPositionX,
@@ -155,9 +155,9 @@ export default component$(() => {
       {zoomType.value === "hover" && (
         <>
           <p>Hover inside the image to see zoom effect</p>
-          <div ref={imageHoverContainerRef} class="relative flex h-[250px] w-[250px] items-start">
+          <div ref={imageHoverContainerRef} class="relative flex h-[300px] w-[200px] items-start">
             <img class="h-full w-full" alt="Small Pic" src="/sample.avif" />
-            <div ref={zoomTargetRef} class="absolute left-[300px]"></div>
+            <div ref={zoomTargetRef} class="absolute left-[350px]"></div>
           </div>
         </>
       )}
diff --git a/examples/with-react/package.json b/examples/with-react/package.json
index b9a620b6..3b803426 100644
--- a/examples/with-react/package.json
+++ b/examples/with-react/package.json
@@ -17,6 +17,6 @@
     "@vitejs/plugin-react": "^4.0.4",
     "typescript": "^5.1.6",
     "unocss": "^0.54.3",
-    "vite": "^4.4.9"
+    "vite": "^4.5.0"
   }
 }
diff --git a/examples/with-react/src/App.tsx b/examples/with-react/src/App.tsx
index d6931a24..f2650220 100644
--- a/examples/with-react/src/App.tsx
+++ b/examples/with-react/src/App.tsx
@@ -154,7 +154,7 @@ function App() {
           <p>Hover inside the image to see zoom effect</p>
           <div ref={imageHoverContainerRef} className="relative flex h-[250px] w-[166.66px] items-start">
             <img className="h-full w-full" alt="Small Pic" src="/sample.avif" />
-            <div ref={zoomTargetRef} className="absolute left-[300px]"></div>
+            <div ref={zoomTargetRef} className="absolute left-[350px]"></div>
           </div>
         </>
       )}
diff --git a/examples/with-remix/app/routes/_index.tsx b/examples/with-remix/app/routes/_index.tsx
index 5281f297..7746041a 100644
--- a/examples/with-remix/app/routes/_index.tsx
+++ b/examples/with-remix/app/routes/_index.tsx
@@ -39,9 +39,9 @@ export default function Index() {
   const { createZoomImage: createZoomImageMove } = useZoomImageMove()
   const { createZoomImage: createZoomImageClick } = useZoomImageClick()
 
-  function handleCropImage() {
+  async function handleCropImage() {
     setCroppedImage(
-      cropImage({
+      await cropImage({
         currentZoom: zoomImageWheelState.currentZoom,
         image: imageWheelContainerRef.current?.querySelector("img") as HTMLImageElement,
         positionX: zoomImageWheelState.currentPositionX,
@@ -157,9 +157,9 @@ export default function Index() {
       {zoomType === "hover" && (
         <>
           <p>Hover inside the image to see zoom effect</p>
-          <div ref={imageHoverContainerRef} className="relative flex h-[250px] w-[250px] items-start">
+          <div ref={imageHoverContainerRef} className="relative flex h-[300px] w-[200px] items-start">
             <img className="h-full w-full" alt="Small Pic" src="/sample.avif" />
-            <div ref={zoomTargetRef} className="absolute left-[300px]"></div>
+            <div ref={zoomTargetRef} className="absolute left-[350px]"></div>
           </div>
         </>
       )}
diff --git a/examples/with-solid/package.json b/examples/with-solid/package.json
index dc836225..3de28861 100644
--- a/examples/with-solid/package.json
+++ b/examples/with-solid/package.json
@@ -10,7 +10,7 @@
     "@unocss/reset": "^0.54.3",
     "typescript": "^5.1.6",
     "unocss": "^0.54.3",
-    "vite": "^4.4.9",
+    "vite": "^4.5.0",
     "vite-plugin-solid": "^2.7.0"
   },
   "dependencies": {
diff --git a/examples/with-solid/src/App.tsx b/examples/with-solid/src/App.tsx
index 4b6a3021..3606eb74 100644
--- a/examples/with-solid/src/App.tsx
+++ b/examples/with-solid/src/App.tsx
@@ -47,9 +47,9 @@ const App: Component = () => {
     )
   }
 
-  function handleCropImage() {
+  async function handleCropImage() {
     setCroppedImage(
-      cropImage({
+      await cropImage({
         currentZoom: zoomImageWheelState.currentZoom,
         image: imageWheelContainer.querySelector("img") as HTMLImageElement,
         positionX: zoomImageWheelState.currentPositionX,
@@ -146,9 +146,9 @@ const App: Component = () => {
       {zoomType() === "hover" && (
         <>
           <p>Hover inside the image to see zoom effect</p>
-          <div ref={imageHoverContainer} class="relative flex h-[250px] w-[250px] items-start">
+          <div ref={imageHoverContainer} class="relative flex h-[300px] w-[200px] items-start">
             <img class="h-full w-full" alt="Small Pic" src="/sample.avif" />
-            <div ref={zoomTarget} class="absolute left-[300px]"></div>
+            <div ref={zoomTarget} class="absolute left-[350px]"></div>
           </div>
         </>
       )}
diff --git a/examples/with-svelte/package.json b/examples/with-svelte/package.json
index 3714de7a..0b0fec66 100644
--- a/examples/with-svelte/package.json
+++ b/examples/with-svelte/package.json
@@ -17,6 +17,6 @@
     "tslib": "^2.6.1",
     "typescript": "^5.1.6",
     "unocss": "^0.54.3",
-    "vite": "^4.4.9"
+    "vite": "^4.5.0"
   }
 }
diff --git a/examples/with-svelte/src/App.svelte b/examples/with-svelte/src/App.svelte
index 745c37aa..49deeb3c 100644
--- a/examples/with-svelte/src/App.svelte
+++ b/examples/with-svelte/src/App.svelte
@@ -119,8 +119,8 @@
         </button>
         <button
           class="text-dark-500 rounded bg-gray-100 p-2 text-sm font-medium"
-          on:click={() => {
-            croppedImage = cropImage({
+          on:click={async () => {
+            croppedImage = await cropImage({
               currentZoom: $zoomImageWheelState.currentZoom,
               image: imageWheelContainer.querySelector("img"),
               positionX: $zoomImageWheelState.currentPositionX,
@@ -135,9 +135,9 @@
   {/if}
 
   {#if zoomType === "hover"}
-    <div bind:this={imageHoverContainer} class="relative flex h-[250px] w-[250px] items-start">
+    <div bind:this={imageHoverContainer} class="relative flex h-[300px] w-[200px] items-start">
       <img class="h-full w-full" alt="Small Pic" src="/sample.avif" />
-      <div bind:this={zoomTarget} class="absolute left-[300px]" />
+      <div bind:this={zoomTarget} class="absolute left-[350px]" />
     </div>
   {/if}
 
diff --git a/examples/with-vanilla/index.html b/examples/with-vanilla/index.html
index 45966652..a8cd4622 100644
--- a/examples/with-vanilla/index.html
+++ b/examples/with-vanilla/index.html
@@ -54,9 +54,9 @@
     </template>
 
     <template id="image-hover">
-      <div id="image-hover-container" class="relative flex h-[250px] w-[250px] items-start">
+      <div id="image-hover-container" class="relative flex h-[300px] w-[200px] items-start">
         <img class="h-full w-full" alt="Small Pic" src="/sample.avif" />
-        <div id="zoom-hover-target" class="absolute left-[300px]"></div>
+        <div id="zoom-hover-target" class="absolute left-[350px]"></div>
       </div>
     </template>
 
diff --git a/examples/with-vanilla/package.json b/examples/with-vanilla/package.json
index 1b564b41..7a1edd30 100644
--- a/examples/with-vanilla/package.json
+++ b/examples/with-vanilla/package.json
@@ -9,7 +9,7 @@
     "@unocss/reset": "^0.54.3",
     "typescript": "^5.1.6",
     "unocss": "^0.54.3",
-    "vite": "^4.4.9"
+    "vite": "^4.5.0"
   },
   "dependencies": {
     "@zoom-image/core": "latest"
diff --git a/examples/with-vanilla/src/main.ts b/examples/with-vanilla/src/main.ts
index 43171c4c..d5d562d3 100644
--- a/examples/with-vanilla/src/main.ts
+++ b/examples/with-vanilla/src/main.ts
@@ -97,9 +97,9 @@ const makeUpdateUIFunc = () => {
 
       cropImgBtn.addEventListener(
         "click",
-        () => {
+        async () => {
           const currentState = result.getState()
-          const croppedImage = cropImage({
+          const croppedImage = await cropImage({
             image: container.querySelector("img") as HTMLImageElement,
             currentZoom: currentState.currentZoom,
             positionX: currentState.currentPositionX,
diff --git a/examples/with-vue/package.json b/examples/with-vue/package.json
index f39c8045..08eb6f34 100644
--- a/examples/with-vue/package.json
+++ b/examples/with-vue/package.json
@@ -17,7 +17,7 @@
     "npm-run-all": "^4.1.5",
     "typescript": "~5.1.6",
     "unocss": "^0.54.3",
-    "vite": "^4.4.9",
+    "vite": "^4.5.0",
     "vue-tsc": "^1.8.8"
   }
 }
diff --git a/packages/core/package.json b/packages/core/package.json
index 952418a6..118326e3 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -64,7 +64,7 @@
     "tsconfig": "workspace:*",
     "tsup": "7.2.0",
     "typescript": "^5.1.6",
-    "vite": "^4.4.9",
+    "vite": "^4.5.0",
     "vitest": "^0.34.1",
     "vitest-dom": "^0.1.0",
     "vue": "^3.3.4"
diff --git a/packages/docs/package.json b/packages/docs/package.json
index ab93ad44..96f93321 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -16,6 +16,7 @@
     "@zoom-image/vue": "workspace:*",
     "eslint-config-custom": "workspace:*",
     "eslint-plugin-vue": "^9.18.1",
+    "vite": "^4.5.0",
     "vitepress": "1.0.0-rc.25",
     "vue": "^3.3.8"
   }
diff --git a/packages/docs/src/.vitepress/config.mts b/packages/docs/src/.vitepress/config.mts
index c9aeb09c..5c704ed2 100644
--- a/packages/docs/src/.vitepress/config.mts
+++ b/packages/docs/src/.vitepress/config.mts
@@ -1,5 +1,6 @@
 import { createRequire } from "node:module"
 import Unocss from "unocss/vite"
+import { PluginOption } from "vite"
 import { defineConfig } from "vitepress"
 const require = createRequire(import.meta.url)
 const pkg = require("@zoom-image/core/package.json")
@@ -144,6 +145,6 @@ export default defineConfig({
           },
         },
       }),
-    ],
+    ] as PluginOption[],
   },
 })
diff --git a/packages/docs/src/components/HomePageShow.vue b/packages/docs/src/components/HomePageShow.vue
index 42451cf1..1da2afe9 100644
--- a/packages/docs/src/components/HomePageShow.vue
+++ b/packages/docs/src/components/HomePageShow.vue
@@ -3,6 +3,10 @@ import { cropImage } from "@zoom-image/core"
 import { useZoomImageClick, useZoomImageHover, useZoomImageMove, useZoomImageWheel } from "@zoom-image/vue"
 import { computed, nextTick, ref, watch } from "vue"
 
+// @ts-ignore
+const BASE_URL = import.meta.env.BASE_URL
+const imageURL = BASE_URL + "sample.avif"
+
 const tabs = ref<
   {
     name: string
@@ -96,7 +100,7 @@ watch(
     if (zoomType.value === "hover") {
       const isMobile = window.innerWidth < 768
       createZoomImageHover(imageHoverContainerRef.value as HTMLDivElement, {
-        zoomImageSource: "/sample.avif",
+        zoomImageSource: imageURL,
         customZoom: isMobile ? { width: 100, height: 150 } : { width: 300, height: 450 },
         zoomTarget: zoomTargetRef.value as HTMLDivElement,
         scale: 2,
@@ -109,13 +113,13 @@ watch(
 
     if (zoomType.value === "move") {
       createZoomImageMove(imageMoveContainerRef.value as HTMLDivElement, {
-        zoomImageSource: "/sample.avif",
+        zoomImageSource: imageURL,
       })
     }
 
     if (zoomType.value === "click") {
       createZoomImageClick(imageClickContainerRef.value as HTMLDivElement, {
-        zoomImageSource: "/sample.avif",
+        zoomImageSource: imageURL,
       })
     }
   },
@@ -146,7 +150,7 @@ watch(
       <div class="flex items-center gap-4">
         <div class="mt-1 grid h-[300px] w-[300px] place-content-center bg-black">
           <div ref="imageWheelContainerRef" class="h-[300px] w-[200px] cursor-crosshair">
-            <img class="h-full w-full" alt="Large Pic" src="/sample.avif" />
+            <img class="h-full w-full" alt="Large Pic" :src="imageURL" />
           </div>
         </div>
         <img :src="croppedImage" v-if="!!croppedImage" :class="croppedImageClasses" alt="Cropped placeholder" />
@@ -168,7 +172,7 @@ watch(
         ref="imageHoverContainerRef"
         class="relative mt-1 flex h-[200px] w-[133.33px] items-start sm:h-[250px] sm:w-[166.66px] lg:h-[300px] lg:w-[200px]"
       >
-        <img class="h-full w-full" alt="Small Pic" src="/sample.avif" />
+        <img class="h-full w-full" alt="Small Pic" :src="imageURL" />
         <div ref="zoomTargetRef" class="absolute left-[220px] sm:left-[300px] lg:left-[350px]"></div>
       </div>
     </div>
@@ -176,14 +180,14 @@ watch(
     <div class="space-y-4" v-if="zoomType === 'move'">
       <p>Move mouse inside the image to see zoom effect</p>
       <div ref="imageMoveContainerRef" class="relative mt-1 h-[300px] w-[200px] cursor-crosshair overflow-hidden">
-        <img class="h-full w-full" alt="Large Pic" src="/sample.avif" />
+        <img class="h-full w-full" alt="Large Pic" :src="imageURL" />
       </div>
     </div>
 
     <div class="space-y-4" v-if="zoomType === 'click'">
       <p>Click inside the image to see zoom effect</p>
       <div ref="imageClickContainerRef" class="relative mt-1 h-[300px] w-[200px] cursor-crosshair overflow-hidden">
-        <img class="h-full w-full" alt="Large Pic" src="/sample.avif" />
+        <img class="h-full w-full" alt="Large Pic" :src="imageURL" />
       </div>
     </div>
   </div>
diff --git a/packages/qwik/package.json b/packages/qwik/package.json
index ea0034aa..10eb72f9 100644
--- a/packages/qwik/package.json
+++ b/packages/qwik/package.json
@@ -60,7 +60,7 @@
     "prettier": "3.0.1",
     "typescript": "5.1.6",
     "undici": "5.23.0",
-    "vite": "4.4.8"
+    "vite": "^4.5.0"
   },
   "dependencies": {
     "@namnode/utils": "^0.4.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 777a4063..6f15b024 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -42,7 +42,7 @@ importers:
         version: 1.10.16
       unocss:
         specifier: ^0.54.3
-        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.9)
+        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.5.0)
 
   examples/with-angular:
     dependencies:
@@ -140,7 +140,7 @@ importers:
     devDependencies:
       "@preact/preset-vite":
         specifier: ^2.5.0
-        version: 2.5.0(@babel/core@7.22.9)(preact@10.16.0)(vite@4.4.9)
+        version: 2.5.0(@babel/core@7.22.9)(preact@10.16.0)(vite@4.5.0)
       "@unocss/reset":
         specifier: ^0.54.3
         version: 0.54.3
@@ -149,10 +149,10 @@ importers:
         version: 5.1.6
       unocss:
         specifier: ^0.54.3
-        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.9)
+        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.5.0)
       vite:
-        specifier: ^4.4.9
-        version: 4.4.9(@types/node@20.4.9)
+        specifier: ^4.5.0
+        version: 4.5.0(@types/node@20.4.9)
 
   examples/with-qwik:
     dependencies:
@@ -180,13 +180,13 @@ importers:
         version: 5.23.0
       unocss:
         specifier: ^0.54.3
-        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.8)
+        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.5.0)
       vite:
-        specifier: 4.4.8
-        version: 4.4.8(@types/node@20.4.9)
+        specifier: ^4.5.0
+        version: 4.5.0(@types/node@20.4.9)
       vite-tsconfig-paths:
         specifier: 4.2.0
-        version: 4.2.0(typescript@5.1.6)(vite@4.4.8)
+        version: 4.2.0(typescript@5.1.6)(vite@4.5.0)
 
   examples/with-react:
     dependencies:
@@ -211,16 +211,16 @@ importers:
         version: 0.54.3
       "@vitejs/plugin-react":
         specifier: ^4.0.4
-        version: 4.0.4(vite@4.4.9)
+        version: 4.0.4(vite@4.5.0)
       typescript:
         specifier: ^5.1.6
         version: 5.1.6
       unocss:
         specifier: ^0.54.3
-        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.9)
+        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.5.0)
       vite:
-        specifier: ^4.4.9
-        version: 4.4.9(@types/node@20.4.9)
+        specifier: ^4.5.0
+        version: 4.5.0(@types/node@20.4.9)
 
   examples/with-remix:
     dependencies:
@@ -275,7 +275,7 @@ importers:
         version: 5.1.6
       unocss:
         specifier: ^0.54.3
-        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.9)
+        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.5.0)
 
   examples/with-solid:
     dependencies:
@@ -294,13 +294,13 @@ importers:
         version: 5.1.6
       unocss:
         specifier: ^0.54.3
-        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.9)
+        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.5.0)
       vite:
-        specifier: ^4.4.9
-        version: 4.4.9(@types/node@20.4.9)
+        specifier: ^4.5.0
+        version: 4.5.0(@types/node@20.4.9)
       vite-plugin-solid:
         specifier: ^2.7.0
-        version: 2.7.0(solid-js@1.7.10)(vite@4.4.9)
+        version: 2.7.0(solid-js@1.7.10)(vite@4.5.0)
 
   examples/with-svelte:
     dependencies:
@@ -310,7 +310,7 @@ importers:
     devDependencies:
       "@sveltejs/vite-plugin-svelte":
         specifier: ^2.4.4
-        version: 2.4.4(svelte@4.1.2)(vite@4.4.9)
+        version: 2.4.4(svelte@4.1.2)(vite@4.5.0)
       "@tsconfig/svelte":
         specifier: ^5.0.0
         version: 5.0.0
@@ -331,10 +331,10 @@ importers:
         version: 5.1.6
       unocss:
         specifier: ^0.54.3
-        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.9)
+        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.5.0)
       vite:
-        specifier: ^4.4.9
-        version: 4.4.9(@types/node@20.4.9)
+        specifier: ^4.5.0
+        version: 4.5.0(@types/node@20.4.9)
 
   examples/with-vanilla:
     dependencies:
@@ -350,10 +350,10 @@ importers:
         version: 5.1.6
       unocss:
         specifier: ^0.54.3
-        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.9)
+        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.5.0)
       vite:
-        specifier: ^4.4.9
-        version: 4.4.9(@types/node@20.4.9)
+        specifier: ^4.5.0
+        version: 4.5.0(@types/node@20.4.9)
 
   examples/with-vue:
     dependencies:
@@ -372,7 +372,7 @@ importers:
         version: 0.54.3
       "@vitejs/plugin-vue":
         specifier: ^4.2.3
-        version: 4.2.3(vite@4.4.9)(vue@3.3.4)
+        version: 4.2.3(vite@4.5.0)(vue@3.3.4)
       "@vue/tsconfig":
         specifier: ^0.4.0
         version: 0.4.0
@@ -384,10 +384,10 @@ importers:
         version: 5.1.6
       unocss:
         specifier: ^0.54.3
-        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.9)
+        version: 0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.5.0)
       vite:
-        specifier: ^4.4.9
-        version: 4.4.9(@types/node@20.4.9)
+        specifier: ^4.5.0
+        version: 4.5.0(@types/node@20.4.9)
       vue-tsc:
         specifier: ^1.8.8
         version: 1.8.8(typescript@5.1.6)
@@ -465,13 +465,13 @@ importers:
         version: 14.4.3(@testing-library/dom@9.3.1)
       "@testing-library/vue":
         specifier: ^7.0.0
-        version: 7.0.0(@vue/compiler-sfc@3.3.4)(vue@3.3.4)
+        version: 7.0.0(@vue/compiler-sfc@3.3.8)(vue@3.3.4)
       "@types/node":
         specifier: ^20.4.9
         version: 20.4.9
       "@vitejs/plugin-vue":
         specifier: ^4.2.3
-        version: 4.2.3(vite@4.4.9)(vue@3.3.4)
+        version: 4.2.3(vite@4.5.0)(vue@3.3.4)
       "@vitest/coverage-v8":
         specifier: ^0.34.1
         version: 0.34.1(vitest@0.34.1)
@@ -500,8 +500,8 @@ importers:
         specifier: ^5.1.6
         version: 5.1.6
       vite:
-        specifier: ^4.4.9
-        version: 4.4.9(@types/node@20.4.9)
+        specifier: ^4.5.0
+        version: 4.5.0(@types/node@20.4.9)
       vitest:
         specifier: ^0.34.1
         version: 0.34.1(happy-dom@10.9.0)
@@ -535,6 +535,9 @@ importers:
       eslint-plugin-vue:
         specifier: ^9.18.1
         version: 9.18.1(eslint@8.46.0)
+      vite:
+        specifier: ^4.5.0
+        version: 4.5.0(@types/node@20.4.9)
       vitepress:
         specifier: 1.0.0-rc.25
         version: 1.0.0-rc.25(@algolia/client-search@4.20.0)(postcss@8.4.27)(search-insights@2.6.0)(typescript@5.1.6)
@@ -613,8 +616,8 @@ importers:
         specifier: 5.23.0
         version: 5.23.0
       vite:
-        specifier: 4.4.8
-        version: 4.4.8(@types/node@20.4.9)
+        specifier: ^4.5.0
+        version: 4.5.0(@types/node@20.4.9)
 
   packages/react:
     dependencies:
@@ -1734,7 +1737,6 @@ packages:
     hasBin: true
     dependencies:
       "@babel/types": 7.23.0
-    dev: false
 
   /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.5(@babel/core@7.22.9):
     resolution:
@@ -3392,6 +3394,7 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/android-arm64@0.18.17:
@@ -3440,6 +3443,7 @@ packages:
     cpu: [arm]
     os: [android]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/android-arm@0.18.17:
@@ -3488,6 +3492,7 @@ packages:
     cpu: [x64]
     os: [android]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/android-x64@0.18.17:
@@ -3536,6 +3541,7 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/darwin-arm64@0.18.17:
@@ -3584,6 +3590,7 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/darwin-x64@0.18.17:
@@ -3632,6 +3639,7 @@ packages:
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/freebsd-arm64@0.18.17:
@@ -3680,6 +3688,7 @@ packages:
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/freebsd-x64@0.18.17:
@@ -3728,6 +3737,7 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/linux-arm64@0.18.17:
@@ -3776,6 +3786,7 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/linux-arm@0.18.17:
@@ -3824,6 +3835,7 @@ packages:
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/linux-ia32@0.18.17:
@@ -3872,6 +3884,7 @@ packages:
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/linux-loong64@0.18.17:
@@ -3920,6 +3933,7 @@ packages:
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/linux-mips64el@0.18.17:
@@ -3968,6 +3982,7 @@ packages:
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/linux-ppc64@0.18.17:
@@ -4016,6 +4031,7 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/linux-riscv64@0.18.17:
@@ -4064,6 +4080,7 @@ packages:
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/linux-s390x@0.18.17:
@@ -4112,6 +4129,7 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/linux-x64@0.18.17:
@@ -4160,6 +4178,7 @@ packages:
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/netbsd-x64@0.18.17:
@@ -4208,6 +4227,7 @@ packages:
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/openbsd-x64@0.18.17:
@@ -4256,6 +4276,7 @@ packages:
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/sunos-x64@0.18.17:
@@ -4304,6 +4325,7 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/win32-arm64@0.18.17:
@@ -4352,6 +4374,7 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/win32-ia32@0.18.17:
@@ -4400,6 +4423,7 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
+    dev: true
     optional: true
 
   /@esbuild/win32-x64@0.18.17:
@@ -4897,7 +4921,7 @@ packages:
     resolution:
       { integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g== }
 
-  /@preact/preset-vite@2.5.0(@babel/core@7.22.9)(preact@10.16.0)(vite@4.4.9):
+  /@preact/preset-vite@2.5.0(@babel/core@7.22.9)(preact@10.16.0)(vite@4.5.0):
     resolution:
       { integrity: sha512-BUhfB2xQ6ex0yPkrT1Z3LbfPzjpJecOZwQ/xJrXGFSZD84+ObyS//41RdEoQCMWsM0t7UHGaujUxUBub7WM1Jw== }
     peerDependencies:
@@ -4907,13 +4931,13 @@ packages:
       "@babel/core": 7.22.9
       "@babel/plugin-transform-react-jsx": 7.22.5(@babel/core@7.22.9)
       "@babel/plugin-transform-react-jsx-development": 7.22.5(@babel/core@7.22.9)
-      "@prefresh/vite": 2.4.1(preact@10.16.0)(vite@4.4.9)
+      "@prefresh/vite": 2.4.1(preact@10.16.0)(vite@4.5.0)
       "@rollup/pluginutils": 4.2.1
       babel-plugin-transform-hook-names: 1.0.2(@babel/core@7.22.9)
       debug: 4.3.4
       kolorist: 1.8.0
       resolve: 1.22.2
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
     transitivePeerDependencies:
       - preact
       - supports-color
@@ -4938,7 +4962,7 @@ packages:
       { integrity: sha512-KtC/fZw+oqtwOLUFM9UtiitB0JsVX0zLKNyRTA332sqREqSALIIQQxdUCS1P3xR/jT1e2e8/5rwH6gdcMLEmsQ== }
     dev: true
 
-  /@prefresh/vite@2.4.1(preact@10.16.0)(vite@4.4.9):
+  /@prefresh/vite@2.4.1(preact@10.16.0)(vite@4.5.0):
     resolution:
       { integrity: sha512-vthWmEqu8TZFeyrBNc9YE5SiC3DVSzPgsOCp/WQ7FqdHpOIJi7Z8XvCK06rBPOtG4914S52MjG9Ls22eVAiuqQ== }
     peerDependencies:
@@ -4951,7 +4975,7 @@ packages:
       "@prefresh/utils": 1.2.0
       "@rollup/pluginutils": 4.2.1
       preact: 10.16.0
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -5402,7 +5426,7 @@ packages:
     peerDependencies:
       size-limit: 8.2.6
     dependencies:
-      esbuild: 0.18.11
+      esbuild: 0.18.17
       nanoid: 3.3.6
       size-limit: 8.2.6
     dev: true
@@ -5429,7 +5453,7 @@ packages:
       size-limit: 8.2.6
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.3(@sveltejs/vite-plugin-svelte@2.4.4)(svelte@4.1.2)(vite@4.4.9):
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.3(@sveltejs/vite-plugin-svelte@2.4.4)(svelte@4.1.2)(vite@4.5.0):
     resolution:
       { integrity: sha512-Khdl5jmmPN6SUsVuqSXatKpQTMIifoQPDanaxC84m9JxIibWvSABJyHpyys0Z+1yYrxY5TTEQm+6elh0XCMaOA== }
     engines: { node: ^14.18.0 || >= 16 }
@@ -5438,15 +5462,15 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      "@sveltejs/vite-plugin-svelte": 2.4.4(svelte@4.1.2)(vite@4.4.9)
+      "@sveltejs/vite-plugin-svelte": 2.4.4(svelte@4.1.2)(vite@4.5.0)
       debug: 4.3.4
       svelte: 4.1.2
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.4.4(svelte@4.1.2)(vite@4.4.9):
+  /@sveltejs/vite-plugin-svelte@2.4.4(svelte@4.1.2)(vite@4.5.0):
     resolution:
       { integrity: sha512-Q5z7+iIjs3sw/Jquxaa9KSY5/MShboNjvsxnQYRMdREx/SBDmEYTjeXenpMBh6k0IQ3tMKESCiwKq3/TeAQ8Og== }
     engines: { node: ^14.18.0 || >= 16 }
@@ -5454,15 +5478,15 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      "@sveltejs/vite-plugin-svelte-inspector": 1.0.3(@sveltejs/vite-plugin-svelte@2.4.4)(svelte@4.1.2)(vite@4.4.9)
+      "@sveltejs/vite-plugin-svelte-inspector": 1.0.3(@sveltejs/vite-plugin-svelte@2.4.4)(svelte@4.1.2)(vite@4.5.0)
       debug: 4.3.4
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.2
       svelte: 4.1.2
       svelte-hmr: 0.15.3(svelte@4.1.2)
-      vite: 4.4.9(@types/node@20.4.9)
-      vitefu: 0.2.4(vite@4.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
+      vitefu: 0.2.4(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -5514,7 +5538,7 @@ packages:
       "@testing-library/dom": 9.3.1
     dev: true
 
-  /@testing-library/vue@7.0.0(@vue/compiler-sfc@3.3.4)(vue@3.3.4):
+  /@testing-library/vue@7.0.0(@vue/compiler-sfc@3.3.8)(vue@3.3.4):
     resolution:
       { integrity: sha512-JU/q93HGo2qdm1dCgWymkeQlfpC0/0/DBZ2nAHgEAsVZxX11xVIxT7gbXdI7HACQpUbsUWt1zABGU075Fzt9XQ== }
     engines: { node: ">=14" }
@@ -5524,7 +5548,7 @@ packages:
     dependencies:
       "@babel/runtime": 7.22.5
       "@testing-library/dom": 9.3.1
-      "@vue/compiler-sfc": 3.3.4
+      "@vue/compiler-sfc": 3.3.8
       "@vue/test-utils": 2.4.1(vue@3.3.4)
       vue: 3.3.4
     transitivePeerDependencies:
@@ -6340,25 +6364,13 @@ packages:
       eslint-visitor-keys: 3.4.2
     dev: false
 
-  /@unocss/astro@0.54.3(rollup@2.79.1)(vite@4.4.8):
+  /@unocss/astro@0.54.3(rollup@2.79.1)(vite@4.5.0):
     resolution:
       { integrity: sha512-/gmnSIIsYtAVPbcIGXuuaoCM71x8s8I0VtsEQZicNB51ux7BhSyXIQ5CE/W384NqTaqJt7gHVfbjn+io4ZSJXw== }
     dependencies:
       "@unocss/core": 0.54.3
       "@unocss/reset": 0.54.3
-      "@unocss/vite": 0.54.3(rollup@2.79.1)(vite@4.4.8)
-    transitivePeerDependencies:
-      - rollup
-      - vite
-    dev: true
-
-  /@unocss/astro@0.54.3(rollup@2.79.1)(vite@4.4.9):
-    resolution:
-      { integrity: sha512-/gmnSIIsYtAVPbcIGXuuaoCM71x8s8I0VtsEQZicNB51ux7BhSyXIQ5CE/W384NqTaqJt7gHVfbjn+io4ZSJXw== }
-    dependencies:
-      "@unocss/core": 0.54.3
-      "@unocss/reset": 0.54.3
-      "@unocss/vite": 0.54.3(rollup@2.79.1)(vite@4.4.9)
+      "@unocss/vite": 0.54.3(rollup@2.79.1)(vite@4.5.0)
     transitivePeerDependencies:
       - rollup
       - vite
@@ -6521,28 +6533,7 @@ packages:
     dependencies:
       "@unocss/core": 0.54.3
 
-  /@unocss/vite@0.54.3(rollup@2.79.1)(vite@4.4.8):
-    resolution:
-      { integrity: sha512-UxVo7WQpTAr5uHyjLKW1xs5kcecctUXsPApUChFxQwHRUeMT1gnBftd0r7dtSwdsdELClbIUgRVCrpFAPy2Y3g== }
-    peerDependencies:
-      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
-    dependencies:
-      "@ampproject/remapping": 2.2.1
-      "@rollup/pluginutils": 5.0.4(rollup@2.79.1)
-      "@unocss/config": 0.54.3
-      "@unocss/core": 0.54.3
-      "@unocss/inspector": 0.54.3
-      "@unocss/scope": 0.54.3
-      "@unocss/transformer-directives": 0.54.3
-      chokidar: 3.5.3
-      fast-glob: 3.3.1
-      magic-string: 0.30.3
-      vite: 4.4.8(@types/node@20.4.9)
-    transitivePeerDependencies:
-      - rollup
-    dev: true
-
-  /@unocss/vite@0.54.3(rollup@2.79.1)(vite@4.4.9):
+  /@unocss/vite@0.54.3(rollup@2.79.1)(vite@4.5.0):
     resolution:
       { integrity: sha512-UxVo7WQpTAr5uHyjLKW1xs5kcecctUXsPApUChFxQwHRUeMT1gnBftd0r7dtSwdsdELClbIUgRVCrpFAPy2Y3g== }
     peerDependencies:
@@ -6558,7 +6549,7 @@ packages:
       chokidar: 3.5.3
       fast-glob: 3.3.1
       magic-string: 0.30.3
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
     transitivePeerDependencies:
       - rollup
 
@@ -6603,7 +6594,7 @@ packages:
       lodash: 4.17.21
       mlly: 1.4.0
       outdent: 0.8.0
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
       vite-node: 0.28.5
     transitivePeerDependencies:
       - "@types/node"
@@ -6631,7 +6622,7 @@ packages:
       vite: 4.4.7(less@4.1.3)(sass@1.64.1)(terser@5.19.2)
     dev: true
 
-  /@vitejs/plugin-react@4.0.4(vite@4.4.9):
+  /@vitejs/plugin-react@4.0.4(vite@4.5.0):
     resolution:
       { integrity: sha512-7wU921ABnNYkETiMaZy7XqpueMnpu5VxvVps13MjmCo+utBdD79sZzrApHawHtVX66cCJQQTXFcjH0y9dSUK8g== }
     engines: { node: ^14.18.0 || >=16.0.0 }
@@ -6642,12 +6633,12 @@ packages:
       "@babel/plugin-transform-react-jsx-self": 7.22.5(@babel/core@7.22.9)
       "@babel/plugin-transform-react-jsx-source": 7.22.5(@babel/core@7.22.9)
       react-refresh: 0.14.0
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-vue@4.2.3(vite@4.4.9)(vue@3.3.4):
+  /@vitejs/plugin-vue@4.2.3(vite@4.5.0)(vue@3.3.4):
     resolution:
       { integrity: sha512-R6JDUfiZbJA9cMiguQ7jxALsgiprjBeHL5ikpXfJCH62pPHtI+JdJ5xWj6Ev73yXSlYl86+blXn1kZHQ7uElxw== }
     engines: { node: ^14.18.0 || >=16.0.0 }
@@ -6655,7 +6646,7 @@ packages:
       vite: ^4.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
       vue: 3.3.4
     dev: true
 
@@ -6667,7 +6658,7 @@ packages:
       vite: ^4.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 4.5.0
+      vite: 4.5.0(@types/node@20.4.9)
       vue: 3.3.8(typescript@5.1.6)
     dev: false
 
@@ -6774,7 +6765,6 @@ packages:
       "@vue/shared": 3.3.8
       estree-walker: 2.0.2
       source-map-js: 1.0.2
-    dev: false
 
   /@vue/compiler-dom@3.3.4:
     resolution:
@@ -6789,7 +6779,6 @@ packages:
     dependencies:
       "@vue/compiler-core": 3.3.8
       "@vue/shared": 3.3.8
-    dev: false
 
   /@vue/compiler-sfc@3.3.4:
     resolution:
@@ -6820,7 +6809,6 @@ packages:
       magic-string: 0.30.5
       postcss: 8.4.31
       source-map-js: 1.0.2
-    dev: false
 
   /@vue/compiler-ssr@3.3.4:
     resolution:
@@ -6835,7 +6823,6 @@ packages:
     dependencies:
       "@vue/compiler-dom": 3.3.8
       "@vue/shared": 3.3.8
-    dev: false
 
   /@vue/devtools-api@6.5.1:
     resolution:
@@ -6918,7 +6905,6 @@ packages:
       "@vue/shared": 3.3.8
       estree-walker: 2.0.2
       magic-string: 0.30.5
-    dev: false
 
   /@vue/reactivity@3.3.4:
     resolution:
@@ -6993,7 +6979,6 @@ packages:
   /@vue/shared@3.3.8:
     resolution:
       { integrity: sha512-8PGwybFwM4x8pcfgqEQFy70NaQxASvOC5DJwLQfpArw1UDfUXrJkdxD3BhVTMS+0Lef/TU7YO0Jvr0jJY8T+mw== }
-    dev: false
 
   /@vue/test-utils@2.4.1(vue@3.3.4):
     resolution:
@@ -9582,6 +9567,7 @@ packages:
       "@esbuild/win32-arm64": 0.18.11
       "@esbuild/win32-ia32": 0.18.11
       "@esbuild/win32-x64": 0.18.11
+    dev: true
 
   /esbuild@0.18.17:
     resolution:
@@ -12465,7 +12451,6 @@ packages:
     engines: { node: ">=12" }
     dependencies:
       "@jridgewell/sourcemap-codec": 1.4.15
-    dev: false
 
   /make-dir@2.1.0:
     resolution:
@@ -14527,7 +14512,6 @@ packages:
       nanoid: 3.3.6
       picocolors: 1.0.0
       source-map-js: 1.0.2
-    dev: false
 
   /preact@10.15.1:
     resolution:
@@ -17119,7 +17103,7 @@ packages:
       { integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ== }
     engines: { node: ">= 10.0.0" }
 
-  /unocss@0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.8):
+  /unocss@0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.5.0):
     resolution:
       { integrity: sha512-uaoCKFigRkqceLmBrtWhLqQR6D6NyBAtSFVUnM1m57BSqA0EwAFmBsgoynzAmZRTQQFsPrBzKQjEmaCUTyUd9Q== }
     engines: { node: ">=14" }
@@ -17129,7 +17113,7 @@ packages:
       "@unocss/webpack":
         optional: true
     dependencies:
-      "@unocss/astro": 0.54.3(rollup@2.79.1)(vite@4.4.8)
+      "@unocss/astro": 0.54.3(rollup@2.79.1)(vite@4.5.0)
       "@unocss/cli": 0.54.3(rollup@2.79.1)
       "@unocss/core": 0.54.3
       "@unocss/extractor-arbitrary-variants": 0.54.3
@@ -17148,44 +17132,7 @@ packages:
       "@unocss/transformer-compile-class": 0.54.3
       "@unocss/transformer-directives": 0.54.3
       "@unocss/transformer-variant-group": 0.54.3
-      "@unocss/vite": 0.54.3(rollup@2.79.1)(vite@4.4.8)
-    transitivePeerDependencies:
-      - postcss
-      - rollup
-      - supports-color
-      - vite
-    dev: true
-
-  /unocss@0.54.3(postcss@8.4.27)(rollup@2.79.1)(vite@4.4.9):
-    resolution:
-      { integrity: sha512-uaoCKFigRkqceLmBrtWhLqQR6D6NyBAtSFVUnM1m57BSqA0EwAFmBsgoynzAmZRTQQFsPrBzKQjEmaCUTyUd9Q== }
-    engines: { node: ">=14" }
-    peerDependencies:
-      "@unocss/webpack": 0.54.3
-    peerDependenciesMeta:
-      "@unocss/webpack":
-        optional: true
-    dependencies:
-      "@unocss/astro": 0.54.3(rollup@2.79.1)(vite@4.4.9)
-      "@unocss/cli": 0.54.3(rollup@2.79.1)
-      "@unocss/core": 0.54.3
-      "@unocss/extractor-arbitrary-variants": 0.54.3
-      "@unocss/postcss": 0.54.3(postcss@8.4.27)
-      "@unocss/preset-attributify": 0.54.3
-      "@unocss/preset-icons": 0.54.3
-      "@unocss/preset-mini": 0.54.3
-      "@unocss/preset-tagify": 0.54.3
-      "@unocss/preset-typography": 0.54.3
-      "@unocss/preset-uno": 0.54.3
-      "@unocss/preset-web-fonts": 0.54.3
-      "@unocss/preset-wind": 0.54.3
-      "@unocss/reset": 0.54.3
-      "@unocss/transformer-attributify-jsx": 0.54.3
-      "@unocss/transformer-attributify-jsx-babel": 0.54.3
-      "@unocss/transformer-compile-class": 0.54.3
-      "@unocss/transformer-directives": 0.54.3
-      "@unocss/transformer-variant-group": 0.54.3
-      "@unocss/vite": 0.54.3(rollup@2.79.1)(vite@4.4.9)
+      "@unocss/vite": 0.54.3(rollup@2.79.1)(vite@4.5.0)
     transitivePeerDependencies:
       - postcss
       - rollup
@@ -17341,7 +17288,7 @@ packages:
       picocolors: 1.0.0
       source-map: 0.6.1
       source-map-support: 0.5.21
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
     transitivePeerDependencies:
       - "@types/node"
       - less
@@ -17364,7 +17311,7 @@ packages:
       mlly: 1.4.0
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
     transitivePeerDependencies:
       - "@types/node"
       - less
@@ -17376,7 +17323,7 @@ packages:
       - terser
     dev: true
 
-  /vite-plugin-solid@2.7.0(solid-js@1.7.10)(vite@4.4.9):
+  /vite-plugin-solid@2.7.0(solid-js@1.7.10)(vite@4.5.0):
     resolution:
       { integrity: sha512-avp/Jl5zOp/Itfo67xtDB2O61U7idviaIp4mLsjhCa13PjKNasz+IID0jYTyqUp9SFx6/PmBr6v4KgDppqompg== }
     peerDependencies:
@@ -17390,13 +17337,13 @@ packages:
       merge-anything: 5.1.7
       solid-js: 1.7.10
       solid-refresh: 0.5.3(solid-js@1.7.10)
-      vite: 4.4.9(@types/node@20.4.9)
-      vitefu: 0.2.4(vite@4.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
+      vitefu: 0.2.4(vite@4.5.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /vite-tsconfig-paths@4.2.0(typescript@5.1.6)(vite@4.4.8):
+  /vite-tsconfig-paths@4.2.0(typescript@5.1.6)(vite@4.5.0):
     resolution:
       { integrity: sha512-jGpus0eUy5qbbMVGiTxCL1iB9ZGN6Bd37VGLJU39kTDD6ZfULTTb1bcc5IeTWqWJKiWV5YihCaibeASPiGi8kw== }
     peerDependencies:
@@ -17408,7 +17355,7 @@ packages:
       debug: 4.3.4
       globrex: 0.1.2
       tsconfck: 2.1.1(typescript@5.1.6)
-      vite: 4.4.8(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -17453,80 +17400,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vite@4.4.8(@types/node@20.4.9):
-    resolution:
-      { integrity: sha512-LONawOUUjxQridNWGQlNizfKH89qPigK36XhMI7COMGztz8KNY0JHim7/xDd71CZwGT4HtSRgI7Hy+RlhG0Gvg== }
-    engines: { node: ^14.18.0 || >=16.0.0 }
-    hasBin: true
-    peerDependencies:
-      "@types/node": ">= 14"
-      less: "*"
-      lightningcss: ^1.21.0
-      sass: "*"
-      stylus: "*"
-      sugarss: "*"
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      "@types/node":
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      "@types/node": 20.4.9
-      esbuild: 0.18.11
-      postcss: 8.4.27
-      rollup: 3.26.0
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /vite@4.4.9(@types/node@20.4.9):
-    resolution:
-      { integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA== }
-    engines: { node: ^14.18.0 || >=16.0.0 }
-    hasBin: true
-    peerDependencies:
-      "@types/node": ">= 14"
-      less: "*"
-      lightningcss: ^1.21.0
-      sass: "*"
-      stylus: "*"
-      sugarss: "*"
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      "@types/node":
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      "@types/node": 20.4.9
-      esbuild: 0.18.11
-      postcss: 8.4.27
-      rollup: 3.28.0
-    optionalDependencies:
-      fsevents: 2.3.2
-
-  /vite@4.5.0:
+  /vite@4.5.0(@types/node@20.4.9):
     resolution:
       { integrity: sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw== }
     engines: { node: ^14.18.0 || >=16.0.0 }
@@ -17555,14 +17429,14 @@ packages:
       terser:
         optional: true
     dependencies:
+      "@types/node": 20.4.9
       esbuild: 0.18.17
       postcss: 8.4.27
       rollup: 3.28.0
     optionalDependencies:
       fsevents: 2.3.2
-    dev: false
 
-  /vitefu@0.2.4(vite@4.4.9):
+  /vitefu@0.2.4(vite@4.5.0):
     resolution:
       { integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g== }
     peerDependencies:
@@ -17571,7 +17445,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
     dev: true
 
   /vitepress@1.0.0-rc.25(@algolia/client-search@4.20.0)(postcss@8.4.27)(search-insights@2.6.0)(typescript@5.1.6):
@@ -17599,7 +17473,7 @@ packages:
       minisearch: 6.1.0
       postcss: 8.4.27
       shiki: 0.14.5
-      vite: 4.5.0
+      vite: 4.5.0(@types/node@20.4.9)
       vue: 3.3.8(typescript@5.1.6)
     transitivePeerDependencies:
       - "@algolia/client-search"
@@ -17698,7 +17572,7 @@ packages:
       strip-literal: 1.0.1
       tinybench: 2.5.0
       tinypool: 0.7.0
-      vite: 4.4.9(@types/node@20.4.9)
+      vite: 4.5.0(@types/node@20.4.9)
       vite-node: 0.34.1(@types/node@20.4.9)
       why-is-node-running: 2.2.2
     transitivePeerDependencies: