diff --git a/.eslintignore b/.eslintignore
deleted file mode 100644
index 61f30af..0000000
--- a/.eslintignore
+++ /dev/null
@@ -1,3 +0,0 @@
-dist
-node_modules
-docs/static
diff --git a/.eslintrc b/.eslintrc
deleted file mode 100644
index 0f779ae..0000000
--- a/.eslintrc
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "root": true,
-  "extends": [
-    "@nuxt/eslint-config"
-  ],
-  "rules": {
-    "vue/multi-word-component-names": "off"
-  },
-  "ignorePatterns": ["**/docs"]
-}
diff --git a/.stackblitz/app.vue b/.stackblitz/app.vue
index c5ceed4..5d48ac8 100644
--- a/.stackblitz/app.vue
+++ b/.stackblitz/app.vue
@@ -1,25 +1,30 @@
 <script lang="ts" setup>
 // Usage of `useCldImageUrl` composable
-const { url } = useCldImageUrl({ options: { src: "/cld-sample-5.jpg" } });
-console.log(url);
+const { url } = useCldImageUrl({ options: { src: '/cld-sample-5.jpg' } })
+console.log(url)
 
 const { url: videoUrl } = useCldVideoUrl({
-  options: { src: "videos/mountain-stars" },
-});
-console.log(videoUrl);
+  options: { src: 'videos/mountain-stars' },
+})
+console.log(videoUrl)
 
 const mediaAssets = [
-  { tag: "electric_car_product_gallery_demo" }, // by default mediaType: "image"
-  { tag: "electric_car_product_gallery_demo", mediaType: "video" },
-  { tag: "electric_car_360_product_gallery_demo", mediaType: "spin" },
-];
+  { tag: 'electric_car_product_gallery_demo' }, // by default mediaType: "image"
+  { tag: 'electric_car_product_gallery_demo', mediaType: 'video' },
+  { tag: 'electric_car_360_product_gallery_demo', mediaType: 'spin' },
+]
 
-const buttonId = "open-btn";
+const buttonId = 'open-btn'
 </script>
 
 <template>
   <!-- Usage of `CldImage.vue` component -->
-  <CldImage src="cld-sample-5" width="987" height="987" alt="Sample Product" />
+  <CldImage
+    src="cld-sample-5"
+    width="987"
+    height="987"
+    alt="Sample Product"
+  />
   <CldVideoPlayer
     width="1620"
     height="1080"
@@ -36,7 +41,12 @@ const buttonId = "open-btn";
       }
     "
   >
-    <button type="button" @click="open">Upload an Image</button>
+    <button
+      type="button"
+      @click="open"
+    >
+      Upload an Image
+    </button>
   </CldUploadWidget>
   <!-- Usage of `CldUploadButton.vue` component -->
   <CldUploadButton upload-preset="nuxt-cloudinary-unsigned">
@@ -93,7 +103,9 @@ const buttonId = "open-btn";
     ]"
   />
 
-  <button :id="buttonId">Select Image or Video</button>
+  <button :id="buttonId">
+    Select Image or Video
+  </button>
   <CldMediaLibrary
     api-key="12345"
     :button-id="buttonId"
diff --git a/.stackblitz/nuxt.config.ts b/.stackblitz/nuxt.config.ts
index f01a325..7619985 100644
--- a/.stackblitz/nuxt.config.ts
+++ b/.stackblitz/nuxt.config.ts
@@ -2,6 +2,6 @@
 export default defineNuxtConfig({
   modules: ['@nuxtjs/cloudinary'],
   cloudinary: {
-    cloudName: 'nuxt-cloudinary'
-  }
-});
+    cloudName: 'nuxt-cloudinary',
+  },
+})
diff --git a/docs/app.vue b/docs/app.vue
index 309d382..944246a 100644
--- a/docs/app.vue
+++ b/docs/app.vue
@@ -1,38 +1,38 @@
 <script setup>
 useServerSeoMeta({
-  ogSiteName: "Nuxt Cloudinary",
-  twitterCard: "summary_large_image",
-});
+  ogSiteName: 'Nuxt Cloudinary',
+  twitterCard: 'summary_large_image',
+})
 useHead({
   htmlAttrs: {
-    lang: "en",
+    lang: 'en',
   },
-});
+})
 const links = [
   {
-    label: "Documentation",
-    to: "/getting-started",
+    label: 'Documentation',
+    to: '/getting-started',
   },
   {
-    label: "Playground",
-    to: "/playground",
+    label: 'Playground',
+    to: '/playground',
   },
   {
-    label: "Releases",
-    to: "https://github.com/nuxt-modules/cloudinary/releases",
-    target: "_blank",
+    label: 'Releases',
+    to: 'https://github.com/nuxt-modules/cloudinary/releases',
+    target: '_blank',
   },
-];
-const { data: files } = useLazyFetch("/api/search.json", {
+]
+const { data: files } = useLazyFetch('/api/search.json', {
   default: () => [],
   server: false,
-});
-const { data: navigation } = await useAsyncData("navigation", () =>
-  fetchContentNavigation()
-);
+})
+const { data: navigation } = await useAsyncData('navigation', () =>
+  fetchContentNavigation(),
+)
 
 // Provide
-provide("navigation", navigation);
+provide('navigation', navigation)
 </script>
 
 <template>
@@ -77,8 +77,14 @@ provide("navigation", navigation);
       />
     </template>
     <!-- Mobile panel -->
-    <template v-if="$route.path !== '/'" #panel>
-      <LazyUDocsSearchButton size="md" class="mb-4 w-full" />
+    <template
+      v-if="$route.path !== '/'"
+      #panel
+    >
+      <LazyUDocsSearchButton
+        size="md"
+        class="mb-4 w-full"
+      />
       <LazyUNavigationTree
         :links="mapContentNavigation(navigation)"
         default-open
@@ -104,8 +110,7 @@ provide("navigation", navigation);
           to="https://github.com/nuxt-modules/Cloudinary"
           target="_blank"
           class="underline"
-          >MIT License</NuxtLink
-        >
+        >MIT License</NuxtLink>
       </span>
     </template>
     <template #right>
@@ -145,6 +150,10 @@ provide("navigation", navigation);
     </template>
   </UFooter>
   <ClientOnly>
-    <LazyUDocsSearch :files="files" :navigation="navigation" :links="links" />
+    <LazyUDocsSearch
+      :files="files"
+      :navigation="navigation"
+      :links="links"
+    />
   </ClientOnly>
 </template>
diff --git a/docs/components/Logo.vue b/docs/components/Logo.vue
index 3b27d2e..f0273ba 100644
--- a/docs/components/Logo.vue
+++ b/docs/components/Logo.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <svg
     class="w-auto h-8 text-[#18181B] dark:text-white"
@@ -7,7 +8,12 @@
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <rect y="1" width="42" height="32" fill="url(#pattern0)" />
+    <rect
+      y="1"
+      width="42"
+      height="32"
+      fill="url(#pattern0)"
+    />
     <path
       d="M76.8026 6.63636V27H73.0838L64.2244 14.1832H64.0753V27H59.7699V6.63636H63.5483L72.3381 19.4432H72.517V6.63636H76.8026ZM90.0742 20.4972V11.7273H94.31V27H90.2433V24.2259H90.0842C89.7395 25.1207 89.1661 25.84 88.364 26.3835C87.5685 26.9271 86.5974 27.1989 85.4506 27.1989C84.4298 27.1989 83.5316 26.9669 82.756 26.5028C81.9805 26.0388 81.3739 25.3793 80.9364 24.5241C80.5056 23.669 80.2868 22.6449 80.2802 21.4517V11.7273H84.516V20.696C84.5226 21.5975 84.7646 22.3101 85.2418 22.8338C85.7191 23.3575 86.3588 23.6193 87.1609 23.6193C87.6713 23.6193 88.1486 23.5033 88.5927 23.2713C89.0368 23.0327 89.3948 22.6813 89.6665 22.2173C89.945 21.7533 90.0808 21.1799 90.0742 20.4972ZM101.238 11.7273L104.042 17.0668L106.915 11.7273H111.261L106.836 19.3636L111.38 27H107.055L104.042 21.7202L101.079 27H96.7038L101.238 19.3636L96.8629 11.7273H101.238ZM121.9 11.7273V14.9091H112.702V11.7273H121.9ZM114.79 8.06818H119.026V22.3068C119.026 22.6979 119.086 23.0028 119.205 23.2216C119.325 23.4337 119.49 23.5829 119.702 23.669C119.921 23.7552 120.173 23.7983 120.458 23.7983C120.657 23.7983 120.856 23.7817 121.055 23.7486C121.254 23.7088 121.406 23.679 121.512 23.6591L122.178 26.8111C121.966 26.8774 121.668 26.9536 121.283 27.0398C120.899 27.1326 120.432 27.1889 119.881 27.2088C118.861 27.2486 117.966 27.1127 117.197 26.8011C116.434 26.4896 115.841 26.0057 115.417 25.3494C114.993 24.6932 114.784 23.8646 114.79 22.8636V8.06818Z"
       fill="currentColor"
diff --git a/docs/components/content/ColoredVideoPlayer.vue b/docs/components/content/ColoredVideoPlayer.vue
index 48dd534..523373b 100644
--- a/docs/components/content/ColoredVideoPlayer.vue
+++ b/docs/components/content/ColoredVideoPlayer.vue
@@ -10,8 +10,8 @@
 
 <script setup lang="ts">
 const colors = {
-  accent: "#ff0000",
-  base: "#00ff00",
-  text: "#0000ff",
-};
+  accent: '#ff0000',
+  base: '#00ff00',
+  text: '#0000ff',
+}
 </script>
diff --git a/docs/components/content/MediaLibrary.vue b/docs/components/content/MediaLibrary.vue
index d116337..456a050 100644
--- a/docs/components/content/MediaLibrary.vue
+++ b/docs/components/content/MediaLibrary.vue
@@ -1,11 +1,16 @@
 <script setup lang="ts">
-const buttonId = "open-btn";
-const apiKey = "12345";
+const buttonId = 'open-btn'
+const apiKey = '12345'
 </script>
 
 <template>
   <div>
-    <button :id="buttonId">Select Image or Video</button>
-    <CldMediaLibrary :api-key="apiKey" :button-id="buttonId" />
+    <button :id="buttonId">
+      Select Image or Video
+    </button>
+    <CldMediaLibrary
+      :api-key="apiKey"
+      :button-id="buttonId"
+    />
   </div>
 </template>
diff --git a/docs/components/content/ProductGallery.vue b/docs/components/content/ProductGallery.vue
index ea82420..10cd40a 100644
--- a/docs/components/content/ProductGallery.vue
+++ b/docs/components/content/ProductGallery.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
 const mediaAssets = [
-  { tag: "electric_car_product_gallery_demo" }, // by default mediaType: "image"
-  { tag: "electric_car_product_gallery_demo", mediaType: "video" },
-  { tag: "electric_car_360_product_gallery_demo", mediaType: "spin" },
-];
+  { tag: 'electric_car_product_gallery_demo' }, // by default mediaType: "image"
+  { tag: 'electric_car_product_gallery_demo', mediaType: 'video' },
+  { tag: 'electric_car_360_product_gallery_demo', mediaType: 'spin' },
+]
 </script>
 
 <template>
-  <CldProductGallery :media-assets="mediaAssets" cloud-name="demo" />
+  <CldProductGallery
+    :media-assets="mediaAssets"
+    cloud-name="demo"
+  />
 </template>
diff --git a/docs/components/content/UploadButton.vue b/docs/components/content/UploadButton.vue
index 7ccc9e9..c601f41 100644
--- a/docs/components/content/UploadButton.vue
+++ b/docs/components/content/UploadButton.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { ref } from "vue";
-const resource = ref();
+import { ref } from 'vue'
+
+const resource = ref()
 </script>
 
 <template>
diff --git a/docs/components/content/UploadWidget.vue b/docs/components/content/UploadWidget.vue
index c643532..5a01b67 100644
--- a/docs/components/content/UploadWidget.vue
+++ b/docs/components/content/UploadWidget.vue
@@ -1,6 +1,15 @@
 <template>
-  <CldUploadWidget v-slot="{ open }" uploadPreset="nuxt-cloudinary-unsigned">
-    <button type="button" class="button" @click="open">Upload an Image</button>
+  <CldUploadWidget
+    v-slot="{ open }"
+    upload-preset="nuxt-cloudinary-unsigned"
+  >
+    <button
+      type="button"
+      class="button"
+      @click="open"
+    >
+      Upload an Image
+    </button>
   </CldUploadWidget>
 </template>
 
diff --git a/docs/layouts/default.vue b/docs/layouts/default.vue
index ba4672f..319d974 100644
--- a/docs/layouts/default.vue
+++ b/docs/layouts/default.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/no-multiple-template-root -->
 <template>
   <slot />
 </template>
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 68925e4..9576e07 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -12,7 +12,7 @@ export default defineNuxtConfig({
   },
 
   cloudinary: {
-    cloudName: 'nuxt-cloudinary'
+    cloudName: 'nuxt-cloudinary',
   },
 
   ui: {
diff --git a/docs/pages/[...slug].vue b/docs/pages/[...slug].vue
index b714fad..22e78e1 100644
--- a/docs/pages/[...slug].vue
+++ b/docs/pages/[...slug].vue
@@ -1,70 +1,70 @@
 <script setup lang="ts">
 definePageMeta({
-  layout: "docs",
-});
-const route = useRoute();
+  layout: 'docs',
+})
+const route = useRoute()
 
 const { data: page } = await useAsyncData(`docs-${route.path}`, () =>
-  queryContent(route.path).findOne()
-);
+  queryContent(route.path).findOne(),
+)
 
 const { data: surround } = await useAsyncData(
   `docs-${route.path}-surround`,
   () => {
     return queryContent()
-      .where({ _extension: "md", navigation: { $ne: false } })
+      .where({ _extension: 'md', navigation: { $ne: false } })
       .findSurround(
-        route.path.endsWith("/") ? route.path.slice(0, -1) : route.path
-      );
+        route.path.endsWith('/') ? route.path.slice(0, -1) : route.path,
+      )
   },
   {
     transform(surround) {
-      return surround.map((doc) => (doc.navigation === false ? null : doc));
+      return surround.map(doc => (doc.navigation === false ? null : doc))
     },
-  }
-);
+  },
+)
 
 useSeoMeta({
-  titleTemplate: "%s - Nuxt Cloudinary",
+  titleTemplate: '%s - Nuxt Cloudinary',
   title: page.value.title,
   ogTitle: `${page.value.title} - Nuxt Cloudinary`,
   description: page.value.description,
   ogDescription: page.value.description,
-});
+})
 
-const headline = computed(() => findPageHeadline(page.value));
+const headline = computed(() => findPageHeadline(page.value))
 const communityLinks = computed(() => [
   {
-    icon: "i-ph-pen-duotone",
-    label: "Edit this page",
+    icon: 'i-ph-pen-duotone',
+    label: 'Edit this page',
     to: `https://github.com/nuxt-modules/cloudinary/edit/main/docs/content/${page?.value?._file}`,
-    target: "_blank",
+    target: '_blank',
   },
   {
-    icon: "i-ph-shooting-star-duotone",
-    label: "Star on GitHub",
-    to: "https://github.com/nuxt-modules/cloudinary",
-    target: "_blank",
+    icon: 'i-ph-shooting-star-duotone',
+    label: 'Star on GitHub',
+    to: 'https://github.com/nuxt-modules/cloudinary',
+    target: '_blank',
   },
   {
-    icon: "i-ph-chat-centered-text-duotone",
-    label: "Chat on Discord",
-    to: "https://chat.nuxt.dev",
-    target: "_blank",
+    icon: 'i-ph-chat-centered-text-duotone',
+    label: 'Chat on Discord',
+    to: 'https://chat.nuxt.dev',
+    target: '_blank',
   },
   {
-    icon: "i-ph-hand-heart-duotone",
-    label: "Become a Sponsor",
-    to: "https://github.com/sponsors/nuxt",
-    target: "_blank",
+    icon: 'i-ph-hand-heart-duotone',
+    label: 'Become a Sponsor',
+    to: 'https://github.com/sponsors/nuxt',
+    target: '_blank',
   },
   {
-    icon: "i-simple-icons-nuxtdotjs",
-    label: "Nuxt docs",
-    to: "https://nuxt.com",
-    target: "_blank",
+    icon: 'i-simple-icons-nuxtdotjs',
+    label: 'Nuxt docs',
+    to: 'https://nuxt.com',
+    target: '_blank',
   },
-]);
+])
 </script>
 
 <template>
@@ -76,18 +76,36 @@ const communityLinks = computed(() => [
       :headline="headline"
     />
 
-    <UPageBody prose class="pb-0">
-      <ContentRenderer v-if="page.body" :value="page" />
-      <hr v-if="surround?.length" class="my-8" />
+    <UPageBody
+      prose
+      class="pb-0"
+    >
+      <ContentRenderer
+        v-if="page.body"
+        :value="page"
+      />
+      <hr
+        v-if="surround?.length"
+        class="my-8"
+      >
       <UDocsSurround :surround="surround" />
     </UPageBody>
 
-    <template v-if="page.body?.toc?.links?.length" #right>
+    <template
+      v-if="page.body?.toc?.links?.length"
+      #right
+    >
       <UDocsToc :links="page.body.toc.links">
         <template #bottom>
           <div class="hidden !mt-6 lg:block space-y-6">
-            <UDivider v-if="page.body?.toc?.links?.length" dashed />
-            <UPageLinks title="Community" :links="communityLinks" />
+            <UDivider
+              v-if="page.body?.toc?.links?.length"
+              dashed
+            />
+            <UPageLinks
+              title="Community"
+              :links="communityLinks"
+            />
           </div>
         </template>
       </UDocsToc>
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
index a568a60..13c6d88 100644
--- a/docs/pages/index.vue
+++ b/docs/pages/index.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
 definePageMeta({
-  colorMode: "dark",
-});
-const videoModalOpen = ref(false);
+  colorMode: 'dark',
+})
+const videoModalOpen = ref(false)
 
-const { data: page } = await useAsyncData("index", () =>
-  queryContent("/").findOne()
-);
+const { data: page } = await useAsyncData('index', () =>
+  queryContent('/').findOne(),
+)
 
-const { data: code } = await useAsyncData("code", () =>
-  queryContent("/code").findOne()
-);
+const { data: code } = await useAsyncData('code', () =>
+  queryContent('/code').findOne(),
+)
 
 useSeoMeta({
   title: page.value.title,
@@ -19,7 +19,7 @@ useSeoMeta({
   ogDescription: page.value.description,
   ogImage: page.value.cover,
   twitterImage: page.value.cover,
-});
+})
 </script>
 
 <template>
@@ -33,6 +33,7 @@ useSeoMeta({
         <ContentRenderer :value="code" />
       </div>
       <template #title>
+        <!-- eslint-disable vue/no-v-html -->
         <span v-html="page.hero?.title" />
       </template>
       <template #description>
@@ -54,7 +55,10 @@ useSeoMeta({
         >
           What is Nuxt Cloudinary?
         </UButton>
-        <UModal v-model="videoModalOpen" :ui="{ width: 'sm:max-w-[560px]' }">
+        <UModal
+          v-model="videoModalOpen"
+          :ui="{ width: 'sm:max-w-[560px]' }"
+        >
           <div>
             <iframe
               width="100%"
@@ -70,7 +74,10 @@ useSeoMeta({
       </template>
     </ULandingHero>
 
-    <ULandingSection :title="page.features.title" style="padding-top: 0px">
+    <ULandingSection
+      :title="page.features.title"
+      style="padding-top: 0px"
+    >
       <UPageGrid>
         <ULandingCard
           v-for="(item, index) of page.features.items"
diff --git a/docs/pages/playground.vue b/docs/pages/playground.vue
index 8051156..b4953e4 100644
--- a/docs/pages/playground.vue
+++ b/docs/pages/playground.vue
@@ -1,13 +1,13 @@
 <script setup>
-const title = "Playground";
-const description =
-  "Play online with our interactive Nuxt Cloudinary playground.";
+const title = 'Playground'
+const description
+  = 'Play online with our interactive Nuxt Cloudinary playground.'
 useSeoMeta({
-  titleTemplate: "%s - Nuxt Cloudinary",
+  titleTemplate: '%s - Nuxt Cloudinary',
   title,
-  ogTitle: "Nuxt Cloudinary Playground",
+  ogTitle: 'Nuxt Cloudinary Playground',
   description,
-});
+})
 </script>
 
 <template>
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..bd597ec
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,20 @@
+// @ts-check
+import { createConfigForNuxt } from '@nuxt/eslint-config/flat'
+
+export default createConfigForNuxt({
+  features: {
+    tooling: true,
+    stylistic: true,
+  },
+  dirs: {
+    src: [
+      './playground',
+      './docs',
+    ],
+  },
+}).append({
+  rules: {
+    '@typescript-eslint/no-explicit-any': 'off',
+  },
+  ignores: ['.docs/'],
+})
diff --git a/package.json b/package.json
index 62dab40..ed8c2fa 100644
--- a/package.json
+++ b/package.json
@@ -55,12 +55,12 @@
     "defu": "^6.1.4"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^0.3.2",
+    "@nuxt/eslint-config": "^0.3.10",
     "@nuxt/module-builder": "^0.5.5",
     "@nuxt/schema": "^3.11.2",
     "@nuxt/test-utils": "^3.12.0",
     "changelogen": "^0.5.5",
-    "eslint": "^8.34.0",
+    "eslint": "^9.0.0",
     "nuxt": "^3.11.2",
     "vitest": "^1.4.0"
   },
diff --git a/playground/app.vue b/playground/app.vue
index 57c495f..2242c62 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -1,26 +1,28 @@
 <script lang="ts" setup>
 // Usage of `useCldImageUrl` composable
-const { url } = useCldImageUrl({ options: { src: "/cld-sample-5.jpg" } });
-console.log(url);
+const { url } = useCldImageUrl({ options: { src: '/cld-sample-5.jpg' } })
+console.log(url)
 
 const { url: videoUrl } = useCldVideoUrl({
-  options: { src: "videos/mountain-stars" },
-});
-console.log(videoUrl);
+  options: { src: 'videos/mountain-stars' },
+})
+console.log(videoUrl)
 
 const mediaAssets = [
-  { tag: "electric_car_product_gallery_demo" }, // by default mediaType: "image"
-  { tag: "electric_car_product_gallery_demo", mediaType: "video" },
-  { tag: "electric_car_360_product_gallery_demo", mediaType: "spin" },
-];
+  { tag: 'electric_car_product_gallery_demo' }, // by default mediaType: "image"
+  { tag: 'electric_car_product_gallery_demo', mediaType: 'video' },
+  { tag: 'electric_car_360_product_gallery_demo', mediaType: 'spin' },
+]
 
-const buttonId = "open-btn";
+const buttonId = 'open-btn'
 
-const cldVideoRef = ref();
+const cldVideoRef = ref()
 </script>
 
 <template>
-  <button :id="buttonId">Select Image or Video</button>
+  <button :id="buttonId">
+    Select Image or Video
+  </button>
   <CldMediaLibrary
     api-key="12345"
     :button-id="buttonId"
@@ -32,7 +34,10 @@ const cldVideoRef = ref();
     :button-id="buttonId"
   />
   <!-- Usage of `CldOgImage.vue` component -->
-  <CldOgImage src="cld-sample-2" twitter-title="test" />
+  <CldOgImage
+    src="cld-sample-2"
+    twitter-title="test"
+  />
   <!-- Usage of `CldVideoPlayer.vue` component -->
   <CldVideoPlayer
     ref="cldVideoRef"
@@ -40,11 +45,19 @@ const cldVideoRef = ref();
     height="1080"
     src="videos/mountain-stars"
     :config="{ url: { cname: 'test' } }"
-    pictureInPictureToggle
+    picture-in-picture-toggle
   />
   <!-- Usage of `CldUploadWidget.vue` component -->
-  <CldUploadWidget v-slot="{ open }" upload-preset="nuxt-cloudinary-unsigned">
-    <button type="button" @click="open">Upload an Image</button>
+  <CldUploadWidget
+    v-slot="{ open }"
+    upload-preset="nuxt-cloudinary-unsigned"
+  >
+    <button
+      type="button"
+      @click="open"
+    >
+      Upload an Image
+    </button>
   </CldUploadWidget>
   <!-- Usage of `CldUploadButton.vue` component -->
   <CldUploadButton upload-preset="nuxt-cloudinary-unsigned">
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index 5119c3a..bb9907a 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -3,6 +3,6 @@ export default defineNuxtConfig({
   cloudinary: {
     cloudName: 'nuxt-cloudinary',
     url: {},
-    cloud: {}
-  }
+    cloud: {},
+  },
 })
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 33b26e8..ab290df 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -23,8 +23,8 @@ dependencies:
 
 devDependencies:
   '@nuxt/eslint-config':
-    specifier: ^0.3.2
-    version: 0.3.2(eslint@8.57.0)(typescript@5.4.4)
+    specifier: ^0.3.10
+    version: 0.3.10(eslint@9.2.0)(typescript@5.4.4)
   '@nuxt/module-builder':
     specifier: ^0.5.5
     version: 0.5.5(@nuxt/kit@3.11.2)(nuxi@3.11.1)(typescript@5.4.4)
@@ -38,11 +38,11 @@ devDependencies:
     specifier: ^0.5.5
     version: 0.5.5
   eslint:
-    specifier: ^8.34.0
-    version: 8.57.0
+    specifier: ^9.0.0
+    version: 9.2.0
   nuxt:
     specifier: ^3.11.2
-    version: 3.11.2(@unocss/reset@0.59.0)(eslint@8.57.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.4)(unocss@0.59.0)(vite@5.2.8)
+    version: 3.11.2(@unocss/reset@0.59.0)(eslint@9.2.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.4)(unocss@0.59.0)(vite@5.2.8)
   vitest:
     specifier: ^1.4.0
     version: 1.4.0
@@ -875,13 +875,13 @@ packages:
     dev: true
     optional: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
+  /@eslint-community/eslint-utils@4.4.0(eslint@9.2.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: 8.57.0
+      eslint: 9.2.0
       eslint-visitor-keys: 3.4.3
     dev: true
 
@@ -907,13 +907,25 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint/js@8.57.0:
-    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@eslint/eslintrc@3.0.2:
+    resolution: {integrity: sha512-wV19ZEGEMAC1eHgrS7UQPqsdEiCIbTKTasEfcXAigzoXICcqZSjBZEHlZwNVvKg6UBCjSlos84XiLqsRJnIcIg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 10.0.1
+      globals: 14.0.0
+      ignore: 5.3.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /@eslint/js@9.0.0:
-    resolution: {integrity: sha512-RThY/MnKrhubF6+s1JflwUjPEsnCEmYCWwqa/aRISKWNXGZ9epUwft4bUMM35SdKF9xvBrLydAM1RDHd1Z//ZQ==}
+  /@eslint/js@9.2.0:
+    resolution: {integrity: sha512-ESiIudvhoYni+MdsI8oD7skpprZ89qKocwRM2KEvhhBJ9nl5MRh7BXU5GTod7Mdygq+AUl+QzId6iWJKR/wABA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     dev: true
 
@@ -938,8 +950,8 @@ packages:
     resolution: {integrity: sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==}
     dev: true
 
-  /@humanwhocodes/config-array@0.11.14:
-    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+  /@humanwhocodes/config-array@0.13.0:
+    resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
@@ -958,6 +970,11 @@ packages:
     resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
     dev: true
 
+  /@humanwhocodes/retry@0.2.4:
+    resolution: {integrity: sha512-Ttl/jHpxfS3st5sxwICYfk4pOH0WrLI1SpW283GgQL7sCWU7EHIOhX4b4fkIxr3tkfzwg8+FNojtzsIEE7Ecgg==}
+    engines: {node: '>=18.18'}
+    dev: true
+
   /@iconify/types@2.0.0:
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
     dev: true
@@ -1203,7 +1220,7 @@ packages:
       '@nuxt/kit': 3.11.2(rollup@3.29.4)
       '@nuxt/schema': 3.11.2(rollup@3.29.4)
       execa: 7.2.0
-      nuxt: 3.11.2(@unocss/reset@0.59.0)(eslint@8.57.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.4)(unocss@0.59.0)(vite@5.2.8)
+      nuxt: 3.11.2(@unocss/reset@0.59.0)(eslint@9.2.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.4)(unocss@0.59.0)(vite@5.2.8)
       vite: 5.2.8
     transitivePeerDependencies:
       - rollup
@@ -1255,7 +1272,7 @@ packages:
       launch-editor: 2.6.1
       local-pkg: 0.5.0
       magicast: 0.3.3
-      nuxt: 3.11.2(@unocss/reset@0.59.0)(eslint@8.57.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.4)(unocss@0.59.0)(vite@5.2.8)
+      nuxt: 3.11.2(@unocss/reset@0.59.0)(eslint@9.2.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.4)(unocss@0.59.0)(vite@5.2.8)
       nypm: 0.3.8
       ohash: 1.1.3
       pacote: 17.0.6
@@ -1297,41 +1314,41 @@ packages:
       - vue
     dev: true
 
-  /@nuxt/eslint-config@0.3.2(eslint@8.57.0)(typescript@5.4.4):
-    resolution: {integrity: sha512-yjl/bMORzxNNYPuRPyEVSHMWV/5wJdd16gZ3KF/56JUJ1Y8kMg+PrwZx5GTcau98vv+Hvo21IYqiObRYHIoF/w==}
+  /@nuxt/eslint-config@0.3.10(eslint@9.2.0)(typescript@5.4.4):
+    resolution: {integrity: sha512-Hv1ncp0AzRSPD2FYjPW4r1ViSysXjZ2YFFBcfAdKtJtXrch+35B4H1+JXzHQa2P6M1nxMt3riPVSMibS9HkflQ==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
     dependencies:
-      '@eslint/js': 9.0.0
-      '@nuxt/eslint-plugin': 0.3.2(eslint@8.57.0)(typescript@5.4.4)
-      '@rushstack/eslint-patch': 1.10.1
-      '@stylistic/eslint-plugin': 1.7.0(eslint@8.57.0)(typescript@5.4.4)
-      '@typescript-eslint/eslint-plugin': 7.6.0(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.4)
-      '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.4)
-      eslint: 8.57.0
+      '@eslint/js': 9.2.0
+      '@nuxt/eslint-plugin': 0.3.10(eslint@9.2.0)(typescript@5.4.4)
+      '@rushstack/eslint-patch': 1.10.2
+      '@stylistic/eslint-plugin': 1.8.1(eslint@9.2.0)(typescript@5.4.4)
+      '@typescript-eslint/eslint-plugin': 7.8.0(@typescript-eslint/parser@7.8.0)(eslint@9.2.0)(typescript@5.4.4)
+      '@typescript-eslint/parser': 7.8.0(eslint@9.2.0)(typescript@5.4.4)
+      eslint: 9.2.0
       eslint-config-flat-gitignore: 0.1.5
-      eslint-flat-config-utils: 0.2.1
-      eslint-plugin-import-x: 0.5.0(eslint@8.57.0)(typescript@5.4.4)
-      eslint-plugin-jsdoc: 48.2.3(eslint@8.57.0)
-      eslint-plugin-unicorn: 52.0.0(eslint@8.57.0)
-      eslint-plugin-vue: 9.24.1(eslint@8.57.0)
+      eslint-flat-config-utils: 0.2.4
+      eslint-plugin-import-x: 0.5.0(eslint@9.2.0)(typescript@5.4.4)
+      eslint-plugin-jsdoc: 48.2.3(eslint@9.2.0)
+      eslint-plugin-unicorn: 52.0.0(eslint@9.2.0)
+      eslint-plugin-vue: 9.26.0(eslint@9.2.0)
       globals: 15.0.0
       pathe: 1.1.2
       tslib: 2.6.2
-      vue-eslint-parser: 9.4.2(eslint@8.57.0)
+      vue-eslint-parser: 9.4.2(eslint@9.2.0)
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@nuxt/eslint-plugin@0.3.2(eslint@8.57.0)(typescript@5.4.4):
-    resolution: {integrity: sha512-SqPW84bcDMcEwEut0zibNrKte2kj9Idjy8xWX0PsW98zGNBG+6NHYzd0TniUWVZ2/viOJTJO0myHqMFOgfb4NA==}
+  /@nuxt/eslint-plugin@0.3.10(eslint@9.2.0)(typescript@5.4.4):
+    resolution: {integrity: sha512-eV9TIpQK6UUN9wZCEuunG0vYXt4yz8RrfvvYC1mwq075kSOQevGWNCQKFE1SKr0YDl4PIIy8wDjchYIwT3gfNg==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
     dependencies:
-      '@typescript-eslint/types': 7.6.0
-      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.4)
-      eslint: 8.57.0
+      '@typescript-eslint/types': 7.8.0
+      '@typescript-eslint/utils': 7.8.0(eslint@9.2.0)(typescript@5.4.4)
+      eslint: 9.2.0
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -1504,7 +1521,7 @@ packages:
   /@nuxt/ui-templates@1.3.3:
     resolution: {integrity: sha512-3BG5doAREcD50dbKyXgmjD4b1GzY8CUy3T41jMhHZXNDdaNwOd31IBq+D6dV00OSrDVhzrTVj0IxsUsnMyHvIQ==}
 
-  /@nuxt/vite-builder@3.11.2(eslint@8.57.0)(rollup@3.29.4)(typescript@5.4.4)(vue@3.4.21):
+  /@nuxt/vite-builder@3.11.2(eslint@9.2.0)(rollup@3.29.4)(typescript@5.4.4)(vue@3.4.21):
     resolution: {integrity: sha512-eXTZsAAN4dPz4eA2UD5YU2kD/DqgfyQp1UYsIdCe6+PAVe1ifkUboBjbc0piR5+3qI/S/eqk3nzxRGbiYF7Ccg==}
     engines: {node: ^14.18.0 || >=16.10.0}
     peerDependencies:
@@ -1542,7 +1559,7 @@ packages:
       unplugin: 1.10.1
       vite: 5.2.8
       vite-node: 1.4.0
-      vite-plugin-checker: 0.6.4(eslint@8.57.0)(typescript@5.4.4)(vite@5.2.8)
+      vite-plugin-checker: 0.6.4(eslint@9.2.0)(typescript@5.4.4)(vite@5.2.8)
       vue: 3.4.21(typescript@5.4.4)
       vue-bundle-renderer: 2.0.0
     transitivePeerDependencies:
@@ -1653,6 +1670,7 @@ packages:
     dependencies:
       is-glob: 4.0.3
       micromatch: 4.0.5
+      napi-wasm: 1.1.0
     dev: true
     bundledDependencies:
       - napi-wasm
@@ -2057,8 +2075,8 @@ packages:
     dev: true
     optional: true
 
-  /@rushstack/eslint-patch@1.10.1:
-    resolution: {integrity: sha512-S3Kq8e7LqxkA9s7HKLqXGTGck1uwis5vAXan3FnU5yw1Ec5hsSGnq4s/UCaSqABPOnOTg7zASLyst7+ohgWexg==}
+  /@rushstack/eslint-patch@1.10.2:
+    resolution: {integrity: sha512-hw437iINopmQuxWPSUEvqE56NCPsiU8N4AYtfHmJFckclktzK9YQJieD3XkDCDH4OjL+C7zgPUh73R/nrcHrqw==}
     dev: true
 
   /@sigstore/bundle@2.3.1:
@@ -2117,73 +2135,73 @@ packages:
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
 
-  /@stylistic/eslint-plugin-js@1.7.0(eslint@8.57.0):
-    resolution: {integrity: sha512-PN6On/+or63FGnhhMKSQfYcWutRlzOiYlVdLM6yN7lquoBTqUJHYnl4TA4MHwiAt46X5gRxDr1+xPZ1lOLcL+Q==}
+  /@stylistic/eslint-plugin-js@1.8.1(eslint@9.2.0):
+    resolution: {integrity: sha512-c5c2C8Mos5tTQd+NWpqwEu7VT6SSRooAguFPMj1cp2RkTYl1ynKoXo8MWy3k4rkbzoeYHrqC2UlUzsroAN7wtQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: '>=8.40.0'
     dependencies:
-      '@types/eslint': 8.56.7
+      '@types/eslint': 8.56.10
       acorn: 8.11.3
       escape-string-regexp: 4.0.0
-      eslint: 8.57.0
+      eslint: 9.2.0
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
     dev: true
 
-  /@stylistic/eslint-plugin-jsx@1.7.0(eslint@8.57.0):
-    resolution: {integrity: sha512-BACdBwXakQvjYIST5N2WWhRbvhRsIxa/F59BiZol+0IH4FSmDXhie7v/yaxDIIA9CbfElzOmIA5nWNYTVXcnwQ==}
+  /@stylistic/eslint-plugin-jsx@1.8.1(eslint@9.2.0):
+    resolution: {integrity: sha512-k1Eb6rcjMP+mmjvj+vd9y5KUdWn1OBkkPLHXhsrHt5lCDFZxJEs0aVQzE5lpYrtVZVkpc5esTtss/cPJux0lfA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: '>=8.40.0'
     dependencies:
-      '@stylistic/eslint-plugin-js': 1.7.0(eslint@8.57.0)
-      '@types/eslint': 8.56.7
-      eslint: 8.57.0
+      '@stylistic/eslint-plugin-js': 1.8.1(eslint@9.2.0)
+      '@types/eslint': 8.56.10
+      eslint: 9.2.0
       estraverse: 5.3.0
       picomatch: 4.0.2
     dev: true
 
-  /@stylistic/eslint-plugin-plus@1.7.0(eslint@8.57.0)(typescript@5.4.4):
-    resolution: {integrity: sha512-AabDw8sXsc70Ydx3qnbeTlRHZnIwY6UKEenBPURPhY3bfYWX+/pDpZH40HkOu94v8D0DUrocPkeeEUxl4e0JDg==}
+  /@stylistic/eslint-plugin-plus@1.8.1(eslint@9.2.0)(typescript@5.4.4):
+    resolution: {integrity: sha512-4+40H3lHYTN8OWz+US8CamVkO+2hxNLp9+CAjorI7top/lHqemhpJvKA1LD9Uh+WMY9DYWiWpL2+SZ2wAXY9fQ==}
     peerDependencies:
       eslint: '*'
     dependencies:
-      '@types/eslint': 8.56.7
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.4.4)
-      eslint: 8.57.0
+      '@types/eslint': 8.56.10
+      '@typescript-eslint/utils': 6.21.0(eslint@9.2.0)(typescript@5.4.4)
+      eslint: 9.2.0
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@stylistic/eslint-plugin-ts@1.7.0(eslint@8.57.0)(typescript@5.4.4):
-    resolution: {integrity: sha512-QsHv98mmW1xaucVYQTyLDgEpybPJ/6jPPxVBrIchntWWwj74xCWKUiw79hu+TpYj/Pbhd9rkqJYLNq3pQGYuyA==}
+  /@stylistic/eslint-plugin-ts@1.8.1(eslint@9.2.0)(typescript@5.4.4):
+    resolution: {integrity: sha512-/q1m+ZuO1JHfiSF16EATFzv7XSJkc5W6DocfvH5o9oB6WWYFMF77fVoBWnKT3wGptPOc2hkRupRKhmeFROdfWA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: '>=8.40.0'
     dependencies:
-      '@stylistic/eslint-plugin-js': 1.7.0(eslint@8.57.0)
-      '@types/eslint': 8.56.7
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.4.4)
-      eslint: 8.57.0
+      '@stylistic/eslint-plugin-js': 1.8.1(eslint@9.2.0)
+      '@types/eslint': 8.56.10
+      '@typescript-eslint/utils': 6.21.0(eslint@9.2.0)(typescript@5.4.4)
+      eslint: 9.2.0
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@stylistic/eslint-plugin@1.7.0(eslint@8.57.0)(typescript@5.4.4):
-    resolution: {integrity: sha512-ThMUjGIi/jeWYNvOdjZkoLw1EOVs0tEuKXDgWvTn8uWaEz55HuPlajKxjKLpv19C+qRDbKczJfzUODfCdME53A==}
+  /@stylistic/eslint-plugin@1.8.1(eslint@9.2.0)(typescript@5.4.4):
+    resolution: {integrity: sha512-64My6I7uCcmSQ//427Pfg2vjSf9SDzfsGIWohNFgISMLYdC5BzJqDo647iDDJzSxINh3WTC0Ql46ifiKuOoTyA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: '>=8.40.0'
     dependencies:
-      '@stylistic/eslint-plugin-js': 1.7.0(eslint@8.57.0)
-      '@stylistic/eslint-plugin-jsx': 1.7.0(eslint@8.57.0)
-      '@stylistic/eslint-plugin-plus': 1.7.0(eslint@8.57.0)(typescript@5.4.4)
-      '@stylistic/eslint-plugin-ts': 1.7.0(eslint@8.57.0)(typescript@5.4.4)
-      '@types/eslint': 8.56.7
-      eslint: 8.57.0
+      '@stylistic/eslint-plugin-js': 1.8.1(eslint@9.2.0)
+      '@stylistic/eslint-plugin-jsx': 1.8.1(eslint@9.2.0)
+      '@stylistic/eslint-plugin-plus': 1.8.1(eslint@9.2.0)(typescript@5.4.4)
+      '@stylistic/eslint-plugin-ts': 1.8.1(eslint@9.2.0)(typescript@5.4.4)
+      '@types/eslint': 8.56.10
+      eslint: 9.2.0
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -2207,8 +2225,8 @@ packages:
       minimatch: 9.0.4
     dev: true
 
-  /@types/eslint@8.56.7:
-    resolution: {integrity: sha512-SjDvI/x3zsZnOkYZ3lCt9lOZWZLB2jIlNKz+LBgCtDurK0JZcwucxYHn1w2BJkD34dgX9Tjnak0txtq4WTggEA==}
+  /@types/eslint@8.56.10:
+    resolution: {integrity: sha512-Shavhk87gCtY2fhXDctcfS3e6FdxWkCx1iUZ9eEUbh7rTqlZT0/IzOkCOVt0fCjcFuZ9FPYfuezTBImfHCDBGQ==}
     dependencies:
       '@types/estree': 1.0.5
       '@types/json-schema': 7.0.15
@@ -2249,8 +2267,8 @@ packages:
     resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
     dev: true
 
-  /@typescript-eslint/eslint-plugin@7.6.0(@typescript-eslint/parser@7.6.0)(eslint@8.57.0)(typescript@5.4.4):
-    resolution: {integrity: sha512-gKmTNwZnblUdnTIJu3e9kmeRRzV2j1a/LUO27KNNAnIC5zjy1aSvXSRp4rVNlmAoHlQ7HzX42NbKpcSr4jF80A==}
+  /@typescript-eslint/eslint-plugin@7.8.0(@typescript-eslint/parser@7.8.0)(eslint@9.2.0)(typescript@5.4.4):
+    resolution: {integrity: sha512-gFTT+ezJmkwutUPmB0skOj3GZJtlEGnlssems4AjkVweUPGj7jRwwqg0Hhg7++kPGJqKtTYx+R05Ftww372aIg==}
     engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^7.0.0
@@ -2261,13 +2279,13 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.10.0
-      '@typescript-eslint/parser': 7.6.0(eslint@8.57.0)(typescript@5.4.4)
-      '@typescript-eslint/scope-manager': 7.6.0
-      '@typescript-eslint/type-utils': 7.6.0(eslint@8.57.0)(typescript@5.4.4)
-      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.4)
-      '@typescript-eslint/visitor-keys': 7.6.0
+      '@typescript-eslint/parser': 7.8.0(eslint@9.2.0)(typescript@5.4.4)
+      '@typescript-eslint/scope-manager': 7.8.0
+      '@typescript-eslint/type-utils': 7.8.0(eslint@9.2.0)(typescript@5.4.4)
+      '@typescript-eslint/utils': 7.8.0(eslint@9.2.0)(typescript@5.4.4)
+      '@typescript-eslint/visitor-keys': 7.8.0
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 9.2.0
       graphemer: 1.4.0
       ignore: 5.3.1
       natural-compare: 1.4.0
@@ -2278,8 +2296,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@7.6.0(eslint@8.57.0)(typescript@5.4.4):
-    resolution: {integrity: sha512-usPMPHcwX3ZoPWnBnhhorc14NJw9J4HpSXQX4urF2TPKG0au0XhJoZyX62fmvdHONUkmyUe74Hzm1//XA+BoYg==}
+  /@typescript-eslint/parser@7.8.0(eslint@9.2.0)(typescript@5.4.4):
+    resolution: {integrity: sha512-KgKQly1pv0l4ltcftP59uQZCi4HUYswCLbTqVZEJu7uLX8CTLyswqMLqLN+2QFz4jCptqWVV4SB7vdxcH2+0kQ==}
     engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
       eslint: ^8.56.0
@@ -2288,12 +2306,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 7.6.0
-      '@typescript-eslint/types': 7.6.0
-      '@typescript-eslint/typescript-estree': 7.6.0(typescript@5.4.4)
-      '@typescript-eslint/visitor-keys': 7.6.0
+      '@typescript-eslint/scope-manager': 7.8.0
+      '@typescript-eslint/types': 7.8.0
+      '@typescript-eslint/typescript-estree': 7.8.0(typescript@5.4.4)
+      '@typescript-eslint/visitor-keys': 7.8.0
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 9.2.0
       typescript: 5.4.4
     transitivePeerDependencies:
       - supports-color
@@ -2315,8 +2333,16 @@ packages:
       '@typescript-eslint/visitor-keys': 7.6.0
     dev: true
 
-  /@typescript-eslint/type-utils@7.6.0(eslint@8.57.0)(typescript@5.4.4):
-    resolution: {integrity: sha512-NxAfqAPNLG6LTmy7uZgpK8KcuiS2NZD/HlThPXQRGwz6u7MDBWRVliEEl1Gj6U7++kVJTpehkhZzCJLMK66Scw==}
+  /@typescript-eslint/scope-manager@7.8.0:
+    resolution: {integrity: sha512-viEmZ1LmwsGcnr85gIq+FCYI7nO90DVbE37/ll51hjv9aG+YZMb4WDE2fyWpUR4O/UrhGRpYXK/XajcGTk2B8g==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    dependencies:
+      '@typescript-eslint/types': 7.8.0
+      '@typescript-eslint/visitor-keys': 7.8.0
+    dev: true
+
+  /@typescript-eslint/type-utils@7.8.0(eslint@9.2.0)(typescript@5.4.4):
+    resolution: {integrity: sha512-H70R3AefQDQpz9mGv13Uhi121FNMh+WEaRqcXTX09YEDky21km4dV1ZXJIp8QjXc4ZaVkXVdohvWDzbnbHDS+A==}
     engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
       eslint: ^8.56.0
@@ -2325,10 +2351,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 7.6.0(typescript@5.4.4)
-      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.4)
+      '@typescript-eslint/typescript-estree': 7.8.0(typescript@5.4.4)
+      '@typescript-eslint/utils': 7.8.0(eslint@9.2.0)(typescript@5.4.4)
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 9.2.0
       ts-api-utils: 1.3.0(typescript@5.4.4)
       typescript: 5.4.4
     transitivePeerDependencies:
@@ -2345,6 +2371,11 @@ packages:
     engines: {node: ^18.18.0 || >=20.0.0}
     dev: true
 
+  /@typescript-eslint/types@7.8.0:
+    resolution: {integrity: sha512-wf0peJ+ZGlcH+2ZS23aJbOv+ztjeeP8uQ9GgwMJGVLx/Nj9CJt17GWgWWoSmoRVKAX2X+7fzEnAjxdvK2gqCLw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    dev: true
+
   /@typescript-eslint/typescript-estree@6.21.0(typescript@5.4.4):
     resolution: {integrity: sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -2389,38 +2420,79 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils@6.21.0(eslint@8.57.0)(typescript@5.4.4):
+  /@typescript-eslint/typescript-estree@7.8.0(typescript@5.4.4):
+    resolution: {integrity: sha512-5pfUCOwK5yjPaJQNy44prjCwtr981dO8Qo9J9PwYXZ0MosgAbfEMB008dJ5sNo3+/BN6ytBPuSvXUg9SAqB0dg==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 7.8.0
+      '@typescript-eslint/visitor-keys': 7.8.0
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      minimatch: 9.0.4
+      semver: 7.6.0
+      ts-api-utils: 1.3.0(typescript@5.4.4)
+      typescript: 5.4.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/utils@6.21.0(eslint@9.2.0)(typescript@5.4.4):
     resolution: {integrity: sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.2.0)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.5.8
       '@typescript-eslint/scope-manager': 6.21.0
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.4.4)
-      eslint: 8.57.0
+      eslint: 9.2.0
       semver: 7.6.0
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@typescript-eslint/utils@7.6.0(eslint@8.57.0)(typescript@5.4.4):
+  /@typescript-eslint/utils@7.6.0(eslint@9.2.0)(typescript@5.4.4):
     resolution: {integrity: sha512-x54gaSsRRI+Nwz59TXpCsr6harB98qjXYzsRxGqvA5Ue3kQH+FxS7FYU81g/omn22ML2pZJkisy6Q+ElK8pBCA==}
     engines: {node: ^18.18.0 || >=20.0.0}
     peerDependencies:
       eslint: ^8.56.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.2.0)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.5.8
       '@typescript-eslint/scope-manager': 7.6.0
       '@typescript-eslint/types': 7.6.0
       '@typescript-eslint/typescript-estree': 7.6.0(typescript@5.4.4)
-      eslint: 8.57.0
+      eslint: 9.2.0
+      semver: 7.6.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/utils@7.8.0(eslint@9.2.0)(typescript@5.4.4):
+    resolution: {integrity: sha512-L0yFqOCflVqXxiZyXrDr80lnahQfSOfc9ELAAZ75sqicqp2i36kEZZGuUymHNFoYOqxRT05up760b4iGsl02nQ==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.2.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.8
+      '@typescript-eslint/scope-manager': 7.8.0
+      '@typescript-eslint/types': 7.8.0
+      '@typescript-eslint/typescript-estree': 7.8.0(typescript@5.4.4)
+      eslint: 9.2.0
       semver: 7.6.0
     transitivePeerDependencies:
       - supports-color
@@ -2443,8 +2515,12 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
-  /@ungap/structured-clone@1.2.0:
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+  /@typescript-eslint/visitor-keys@7.8.0:
+    resolution: {integrity: sha512-q4/gibTNBQNA0lGyYQCmWRS5D15n8rXh4QjK3KV+MBPlTYHpfBUT3D3PaPR/HeNiI9W6R7FvlkcGhNyAoP+caA==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    dependencies:
+      '@typescript-eslint/types': 7.8.0
+      eslint-visitor-keys: 3.4.3
     dev: true
 
   /@unhead/dom@1.9.4:
@@ -4290,10 +4366,10 @@ packages:
       parse-gitignore: 2.0.0
     dev: true
 
-  /eslint-flat-config-utils@0.2.1:
-    resolution: {integrity: sha512-SKnSr4YdPD7xxynNpaad/IlJYfeDmtWvZ0UEmHEA0+eTOcZFPt1075KO87LIWN30jXGCREG2qcCqdAnRoCiAWQ==}
+  /eslint-flat-config-utils@0.2.4:
+    resolution: {integrity: sha512-k7MJkSIfF0bs5eQu1KXyV0AhsvdsqSt1pQfZNLwf6qkozuHQV6aNHg5f8+3Ya+WTzpB+e7I3hMhs4qBwx7nEkw==}
     dependencies:
-      '@types/eslint': 8.56.7
+      '@types/eslint': 8.56.10
       pathe: 1.1.2
     dev: true
 
@@ -4307,16 +4383,16 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-import-x@0.5.0(eslint@8.57.0)(typescript@5.4.4):
+  /eslint-plugin-import-x@0.5.0(eslint@9.2.0)(typescript@5.4.4):
     resolution: {integrity: sha512-C7R8Z4IzxmsoOPMtSzwuOBW5FH6iRlxHR6iTks+MzVlrk3r3TUxokkWTx3ypdj9nGOEP+CG/5e6ebZzHbxgbbQ==}
     engines: {node: '>=16'}
     peerDependencies:
       eslint: ^8.56.0 || ^9.0.0-0
     dependencies:
-      '@typescript-eslint/utils': 7.6.0(eslint@8.57.0)(typescript@5.4.4)
+      '@typescript-eslint/utils': 7.6.0(eslint@9.2.0)(typescript@5.4.4)
       debug: 4.3.4
       doctrine: 3.0.0
-      eslint: 8.57.0
+      eslint: 9.2.0
       eslint-import-resolver-node: 0.3.9
       get-tsconfig: 4.7.3
       is-glob: 4.0.3
@@ -4327,7 +4403,7 @@ packages:
       - typescript
     dev: true
 
-  /eslint-plugin-jsdoc@48.2.3(eslint@8.57.0):
+  /eslint-plugin-jsdoc@48.2.3(eslint@9.2.0):
     resolution: {integrity: sha512-r9DMAmFs66VNvNqRLLjHejdnJtILrt3xGi+Qx0op0oRfFGVpOR1Hb3BC++MacseHx93d8SKYPhyrC9BS7Os2QA==}
     engines: {node: '>=18'}
     peerDependencies:
@@ -4338,7 +4414,7 @@ packages:
       comment-parser: 1.4.1
       debug: 4.3.4
       escape-string-regexp: 4.0.0
-      eslint: 8.57.0
+      eslint: 9.2.0
       esquery: 1.5.0
       is-builtin-module: 3.2.1
       semver: 7.6.0
@@ -4347,19 +4423,19 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-unicorn@52.0.0(eslint@8.57.0):
+  /eslint-plugin-unicorn@52.0.0(eslint@9.2.0):
     resolution: {integrity: sha512-1Yzm7/m+0R4djH0tjDjfVei/ju2w3AzUGjG6q8JnuNIL5xIwsflyCooW5sfBvQp2pMYQFSWWCFONsjCax1EHng==}
     engines: {node: '>=16'}
     peerDependencies:
       eslint: '>=8.56.0'
     dependencies:
       '@babel/helper-validator-identifier': 7.22.20
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.2.0)
       '@eslint/eslintrc': 2.1.4
       ci-info: 4.0.0
       clean-regexp: 1.0.0
       core-js-compat: 3.36.1
-      eslint: 8.57.0
+      eslint: 9.2.0
       esquery: 1.5.0
       indent-string: 4.0.0
       is-builtin-module: 3.2.1
@@ -4374,20 +4450,20 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-vue@9.24.1(eslint@8.57.0):
-    resolution: {integrity: sha512-wk3SuwmS1pZdcuJlokGYEi/buDOwD6KltvhIZyOnpJ/378dcQ4zchu9PAMbbLAaydCz1iYc5AozszcOOgZIIOg==}
+  /eslint-plugin-vue@9.26.0(eslint@9.2.0):
+    resolution: {integrity: sha512-eTvlxXgd4ijE1cdur850G6KalZqk65k1JKoOI2d1kT3hr8sPD07j1q98FRFdNnpxBELGPWxZmInxeHGF/GxtqQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
-      eslint: 8.57.0
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.2.0)
+      eslint: 9.2.0
       globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.0.16
       semver: 7.6.0
-      vue-eslint-parser: 9.4.2(eslint@8.57.0)
+      vue-eslint-parser: 9.4.2(eslint@9.2.0)
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -4401,46 +4477,55 @@ packages:
       estraverse: 5.3.0
     dev: true
 
+  /eslint-scope@8.0.1:
+    resolution: {integrity: sha512-pL8XjgP4ZOmmwfFE8mEhSxA7ZY4C+LWyqjQ3o4yWkkmD0qcMT9kkW3zWHOczhWcjTSgqycYAgwSlXvZltv65og==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+    dev: true
+
   /eslint-visitor-keys@3.4.3:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint@8.57.0:
-    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /eslint-visitor-keys@4.0.0:
+    resolution: {integrity: sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dev: true
+
+  /eslint@9.2.0:
+    resolution: {integrity: sha512-0n/I88vZpCOzO+PQpt0lbsqmn9AsnsJAQseIqhZFI8ibQT0U1AkEKRxA3EVMos0BoHSXDQvCXY25TUjB5tr8Og==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.2.0)
       '@eslint-community/regexpp': 4.10.0
-      '@eslint/eslintrc': 2.1.4
-      '@eslint/js': 8.57.0
-      '@humanwhocodes/config-array': 0.11.14
+      '@eslint/eslintrc': 3.0.2
+      '@eslint/js': 9.2.0
+      '@humanwhocodes/config-array': 0.13.0
       '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.2.4
       '@nodelib/fs.walk': 1.2.8
-      '@ungap/structured-clone': 1.2.0
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
       debug: 4.3.4
-      doctrine: 3.0.0
       escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
+      eslint-scope: 8.0.1
+      eslint-visitor-keys: 4.0.0
+      espree: 10.0.1
       esquery: 1.5.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
+      file-entry-cache: 8.0.0
       find-up: 5.0.0
       glob-parent: 6.0.2
-      globals: 13.24.0
-      graphemer: 1.4.0
       ignore: 5.3.1
       imurmurhash: 0.1.4
       is-glob: 4.0.3
       is-path-inside: 3.0.3
-      js-yaml: 4.1.0
       json-stable-stringify-without-jsonify: 1.0.1
       levn: 0.4.1
       lodash.merge: 4.6.2
@@ -4453,6 +4538,15 @@ packages:
       - supports-color
     dev: true
 
+  /espree@10.0.1:
+    resolution: {integrity: sha512-MWkrWZbJsL2UwnjxTX3gG8FneachS/Mwg7tdGXce011sJd5b0JG54vat5KHnfSBODZ3Wvzd2WnjxyzsRoVv+ww==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dependencies:
+      acorn: 8.11.3
+      acorn-jsx: 5.3.2(acorn@8.11.3)
+      eslint-visitor-keys: 4.0.0
+    dev: true
+
   /espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -4602,11 +4696,11 @@ packages:
     dependencies:
       reusify: 1.0.4
 
-  /file-entry-cache@6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
+  /file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
     dependencies:
-      flat-cache: 3.2.0
+      flat-cache: 4.0.1
     dev: true
 
   /file-uri-to-path@1.0.0:
@@ -4644,13 +4738,12 @@ packages:
       unicorn-magic: 0.1.0
     dev: true
 
-  /flat-cache@3.2.0:
-    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
-    engines: {node: ^10.12.0 || >=12.0.0}
+  /flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
     dependencies:
       flatted: 3.3.1
       keyv: 4.5.4
-      rimraf: 3.0.2
     dev: true
 
   /flat@5.0.2:
@@ -4879,6 +4972,11 @@ packages:
       type-fest: 0.20.2
     dev: true
 
+  /globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+    dev: true
+
   /globals@15.0.0:
     resolution: {integrity: sha512-m/C/yR4mjO6pXDTm9/R/SpYTAIyaUB4EOzcaaMEl7mds7Mshct9GfejiJNQGjHHbdMPey13Kpu4TMbYi9ex1pw==}
     engines: {node: '>=18'}
@@ -5840,6 +5938,10 @@ packages:
     hasBin: true
     dev: true
 
+  /napi-wasm@1.1.0:
+    resolution: {integrity: sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==}
+    dev: true
+
   /natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
@@ -6141,7 +6243,7 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /nuxt@3.11.2(@unocss/reset@0.59.0)(eslint@8.57.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.4)(unocss@0.59.0)(vite@5.2.8):
+  /nuxt@3.11.2(@unocss/reset@0.59.0)(eslint@9.2.0)(floating-vue@5.2.2)(rollup@3.29.4)(typescript@5.4.4)(unocss@0.59.0)(vite@5.2.8):
     resolution: {integrity: sha512-Be1d4oyFo60pdF+diBolYDcfNemoMYM3R8PDjhnGrs/w3xJoDH1YMUVWHXXY8WhSmYZI7dyBehx/6kTfGFliVA==}
     engines: {node: ^14.18.0 || >=16.10.0}
     hasBin: true
@@ -6160,7 +6262,7 @@ packages:
       '@nuxt/schema': 3.11.2(rollup@3.29.4)
       '@nuxt/telemetry': 2.5.3(rollup@3.29.4)
       '@nuxt/ui-templates': 1.3.3
-      '@nuxt/vite-builder': 3.11.2(eslint@8.57.0)(rollup@3.29.4)(typescript@5.4.4)(vue@3.4.21)
+      '@nuxt/vite-builder': 3.11.2(eslint@9.2.0)(rollup@3.29.4)(typescript@5.4.4)(vue@3.4.21)
       '@unhead/dom': 1.9.4
       '@unhead/ssr': 1.9.4
       '@unhead/vue': 1.9.4(vue@3.4.21)
@@ -8231,7 +8333,7 @@ packages:
       - terser
     dev: true
 
-  /vite-plugin-checker@0.6.4(eslint@8.57.0)(typescript@5.4.4)(vite@5.2.8):
+  /vite-plugin-checker@0.6.4(eslint@9.2.0)(typescript@5.4.4)(vite@5.2.8):
     resolution: {integrity: sha512-2zKHH5oxr+ye43nReRbC2fny1nyARwhxdm0uNYp/ERy4YvU9iZpNOsueoi/luXw5gnpqRSvjcEPxXbS153O2wA==}
     engines: {node: '>=14.16'}
     peerDependencies:
@@ -8267,7 +8369,7 @@ packages:
       chalk: 4.1.2
       chokidar: 3.6.0
       commander: 8.3.0
-      eslint: 8.57.0
+      eslint: 9.2.0
       fast-glob: 3.3.2
       fs-extra: 11.2.0
       npm-run-path: 4.0.1
@@ -8505,14 +8607,14 @@ packages:
     resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}
     dev: true
 
-  /vue-eslint-parser@9.4.2(eslint@8.57.0):
+  /vue-eslint-parser@9.4.2(eslint@9.2.0):
     resolution: {integrity: sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 9.2.0
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
diff --git a/src/module.ts b/src/module.ts
index 377fca5..3f574a1 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -1,33 +1,33 @@
+import { fileURLToPath } from 'node:url'
 import {
   defineNuxtModule,
   createResolver,
   addImportsDir,
   addComponentsDir,
-} from "@nuxt/kit";
-import { fileURLToPath } from "url";
-import { defu } from "defu";
-import { ConfigOptions } from '@cloudinary-util/url-loader'
+} from '@nuxt/kit'
+import { defu } from 'defu'
+import type { ConfigOptions } from '@cloudinary-util/url-loader'
 
 export type ModuleOptions = {
-  cloudName?: string;
-  uploadPreset?: string;
-  apiKey?: string;
-  analytics?: boolean;
-  cloud?: ConfigOptions["cloud"];
-  url?: ConfigOptions["url"];
-};
+  cloudName?: string
+  uploadPreset?: string
+  apiKey?: string
+  analytics?: boolean
+  cloud?: ConfigOptions['cloud']
+  url?: ConfigOptions['url']
+}
 
 export default defineNuxtModule<ModuleOptions>({
   meta: {
-    name: "@nuxtjs/cloudinary",
-    configKey: "cloudinary",
+    name: '@nuxtjs/cloudinary',
+    configKey: 'cloudinary',
   },
   defaults: {
     cloudName: process.env.CLOUDINARY_CLOUD_NAME,
-    analytics: true
+    analytics: true,
   },
   setup(options, nuxt) {
-    const resolver = createResolver(import.meta.url);
+    const resolver = createResolver(import.meta.url)
 
     nuxt.options.runtimeConfig.public.cloudinary = defu(
       nuxt.options.runtimeConfig.public.cloudinary,
@@ -39,25 +39,24 @@ export default defineNuxtModule<ModuleOptions>({
         analytics: options.analytics,
         cloud: options.cloud,
         url: options.url,
-      }
-    );
+      },
+    )
 
     if (!nuxt.options.runtimeConfig.public.cloudinary?.cloudName)
       console.warn(
-        "`[@nuxtjs/cloudinary]` Environment variable `CLOUDINARY_CLOUD_NAME` or property `cloudinary.cloudName` missing"
-      );
+        '`[@nuxtjs/cloudinary]` Environment variable `CLOUDINARY_CLOUD_NAME` or property `cloudinary.cloudName` missing',
+      )
 
-    const runtimeDir = fileURLToPath(new URL("./runtime", import.meta.url));
-    nuxt.options.build.transpile.push(runtimeDir);
+    const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
+    nuxt.options.build.transpile.push(runtimeDir)
 
-    addImportsDir(resolver.resolve(runtimeDir, "composables"));
+    addImportsDir(resolver.resolve(runtimeDir, 'composables'))
     addComponentsDir({
-      path: resolver.resolve(runtimeDir, "components"),
+      path: resolver.resolve(runtimeDir, 'components'),
       pathPrefix: false,
-      prefix: "",
-      // @ts-ignore
+      prefix: '',
       level: 999,
       global: true,
-    });
+    })
   },
-});
+})
diff --git a/src/runtime/components/CldImage.vue b/src/runtime/components/CldImage.vue
index 06442de..6831edc 100644
--- a/src/runtime/components/CldImage.vue
+++ b/src/runtime/components/CldImage.vue
@@ -3,145 +3,145 @@
 // Come back to this after https://github.com/nuxt/nuxt/issues/20936 is fixed
 // import type { AssetOptions } from "@cloudinary-util/url-loader";
 // import type { ConfigOptions } from "@cloudinary-util/url-loader";
-import { useCldImageUrl } from "../composables/useCldImageUrl";
-import { ref } from "vue";
-import { Image } from "@unpic/vue";
-import type { ConstructUrlProps } from "@cloudinary-util/url-loader";
+import { ref } from 'vue'
+import { Image } from '@unpic/vue'
+import type { ConstructUrlProps } from '@cloudinary-util/url-loader'
+import { useCldImageUrl } from '../composables/useCldImageUrl'
 
 interface AssetOptionsResize {
-  crop?: string;
-  width?: number | string;
+  crop?: string
+  width?: number | string
 }
 
 interface ImageOptionsFillBackground {
-  crop?: string;
-  gravity?: string;
-  prompt?: string;
+  crop?: string
+  gravity?: string
+  prompt?: string
 }
 
 interface AssetOptions {
-  assetType?: string;
-  crop?: string;
-  deliveryType?: string;
-  effects?: Array<any>;
-  flags?: Array<string> | object;
-  format?: string;
-  gravity?: string;
-  height?: string | number;
-  overlays?: Array<any>;
-  quality?: number | string;
-  rawTransformations?: string[];
-  removeBackground?: boolean;
-  sanitize?: boolean;
-  resize?: AssetOptionsResize;
-  seoSuffix?: string;
-  src: string;
-  text?: any;
-  transformations?: Array<string>;
-  underlay?: string;
-  underlays?: Array<any>;
-  version?: number | string;
-  width?: string | number;
-  widthResize?: string | number;
-  zoom?: string;
+  assetType?: string
+  crop?: string
+  deliveryType?: string
+  effects?: Array<any>
+  flags?: Array<string> | object
+  format?: string
+  gravity?: string
+  height?: string | number
+  overlays?: Array<any>
+  quality?: number | string
+  rawTransformations?: string[]
+  removeBackground?: boolean
+  sanitize?: boolean
+  resize?: AssetOptionsResize
+  seoSuffix?: string
+  src: string
+  text?: any
+  transformations?: Array<string>
+  underlay?: string
+  underlays?: Array<any>
+  version?: number | string
+  width?: string | number
+  widthResize?: string | number
+  zoom?: string
 }
 
-type ImageOptionsRecolorPrompt = string | Array<string>;
+type ImageOptionsRecolorPrompt = string | Array<string>
 
 interface ImageOptionsRecolor {
-  prompt?: ImageOptionsRecolorPrompt;
-  to?: string;
-  multiple?: boolean;
+  prompt?: ImageOptionsRecolorPrompt
+  to?: string
+  multiple?: boolean
 }
 
 interface ImageOptionsZoomPan {
-  loop: string | boolean;
-  options: string;
+  loop: string | boolean
+  options: string
 }
 
-type ImageOptionsRemovePrompt = string | Array<string>;
+type ImageOptionsRemovePrompt = string | Array<string>
 
 interface ImageOptionsRemove {
-  prompt?: ImageOptionsRemovePrompt;
-  region?: [300, 200, 1900, 3500];
-  multiple?: boolean;
-  removeShadow?: boolean;
+  prompt?: ImageOptionsRemovePrompt
+  region?: [300, 200, 1900, 3500]
+  multiple?: boolean
+  removeShadow?: boolean
 }
 
 interface ImageOptionsGenerativeReplace {
-  to: string;
-  from: string;
-  preserveGeometry?: boolean;
+  to: string
+  from: string
+  preserveGeometry?: boolean
 }
 interface ImageOptions extends AssetOptions {
-  zoompan?: string | boolean | ImageOptionsZoomPan;
-  fillBackground?: boolean | ImageOptionsFillBackground;
-  recolor?: ImageOptionsRecolorPrompt | ImageOptionsRecolor;
-  remove?: ImageOptionsRemovePrompt | ImageOptionsRemove;
-  replace?: Array<string | boolean> | ImageOptionsGenerativeReplace;
-  restore?: boolean;
+  zoompan?: string | boolean | ImageOptionsZoomPan
+  fillBackground?: boolean | ImageOptionsFillBackground
+  recolor?: ImageOptionsRecolorPrompt | ImageOptionsRecolor
+  remove?: ImageOptionsRemovePrompt | ImageOptionsRemove
+  replace?: Array<string | boolean> | ImageOptionsGenerativeReplace
+  restore?: boolean
 }
 
 export interface CldImageProps extends ImageOptions {
-  loading?: "eager" | "lazy";
-  fetchPriority?: "high" | "low" | "auto";
+  loading?: 'eager' | 'lazy'
+  fetchPriority?: 'high' | 'low' | 'auto'
   // Adding below as required props to promote good patterns in developing images
-  alt: string;
-  width: string | number;
-  height: string | number;
+  alt: string
+  width: string | number
+  height: string | number
   // Cloudinary URL Loader props
   // Cannot use `ConfigOptions` due to the same issue as mentioned at the top
-  config?: any;
+  config?: any
   // Unpic props
-  layout?: "constrained" | "fullWidth" | "fixed";
-  priority?: boolean;
-  background?: "auto" | string;
+  layout?: 'constrained' | 'fullWidth' | 'fixed'
+  priority?: boolean
+  background?: 'auto' | string
   // Cloudinary missing effect props
-  blur?: string | number;
-  pixelate?: boolean;
-  grayscale?: boolean;
-  tint?: string | number;
-  opacity?: string | number;
-  shear?: string;
-  border?: string;
+  blur?: string | number
+  pixelate?: boolean
+  grayscale?: boolean
+  tint?: string | number
+  opacity?: string | number
+  shear?: string
+  border?: string
   loaderOptions?: {
-    width: number | string;
-  };
+    width: number | string
+  }
 }
 
-const props = defineProps<CldImageProps>();
+const props = defineProps<CldImageProps>()
 
-// eslint-disable-next-line vue/no-setup-props-destructure
-const { config, loaderOptions, ...options } = props;
+const { config, loaderOptions, ...options } = props
 
-const { url } = useCldImageUrl({ options, config } as ConstructUrlProps);
+const { url } = useCldImageUrl({ options, config } as ConstructUrlProps)
 
 const transformUrl = () => {
   const options = {
     ...props,
-  };
+  }
 
-  options.width =
-    typeof options.width === "string" ? parseInt(options.width) : options.width;
-  options.height =
-    typeof options.height === "string"
-      ? parseInt(options.height)
-      : options.height;
+  options.width
+    = typeof options.width === 'string' ? Number.parseInt(options.width) : options.width
+  options.height
+    = typeof options.height === 'string'
+      ? Number.parseInt(options.height)
+      : options.height
 
-  let widthResize;
+  let widthResize
 
   if (
-    typeof loaderOptions?.width === "number" &&
-    typeof options.width === "number" &&
-    loaderOptions.width !== options.width
+    typeof loaderOptions?.width === 'number'
+    && typeof options.width === 'number'
+    && loaderOptions.width !== options.width
   ) {
-    widthResize = loaderOptions.width;
-  } else if (
-    typeof loaderOptions?.width === "number" &&
-    typeof options?.width !== "number"
+    widthResize = loaderOptions.width
+  }
+  else if (
+    typeof loaderOptions?.width === 'number'
+    && typeof options?.width !== 'number'
   ) {
-    widthResize = loaderOptions.width;
-    options.width = widthResize;
+    widthResize = loaderOptions.width
+    options.width = widthResize
   }
 
   // If we have a resize width that's smaller than the user-defined width, we want to give the
@@ -149,42 +149,43 @@ const transformUrl = () => {
   // overlays that may depend on the size to work properly
 
   if (options.width && widthResize && widthResize < options.width) {
-    options.widthResize = loaderOptions?.width;
+    options.widthResize = loaderOptions?.width
   }
 
-  const { url } = useCldImageUrl({ options, config } as ConstructUrlProps);
+  const { url } = useCldImageUrl({ options, config } as ConstructUrlProps)
 
-  return url;
-};
+  return url
+}
 
-const imgKey = ref("image-key");
+const imgKey = ref('image-key')
 
 const handleError = async (payload: Event) => {
-  const result = await pollForProcessingImage(payload);
+  const result = await pollForProcessingImage(payload)
 
-  if (result) imgKey.value = `${imgKey.value}-${Math.random()}`;
-};
+  if (result) imgKey.value = `${imgKey.value}-${Math.random()}`
+}
 
 const pollForProcessingImage = async (options: Event): Promise<boolean> => {
-  const { src } = options.target as EventTarget & { src: string };
+  const { src } = options.target as EventTarget & { src: string }
   try {
     await new Promise((resolve, reject) => {
       fetch(src).then((res) => {
         if (!res.ok) {
-          reject(res);
-          return;
+          reject(res)
+          return
         }
-        resolve(res);
-      });
-    });
-  } catch (e: any) {
+        resolve(res)
+      })
+    })
+  }
+  catch (e: any) {
     if (e.status === 423) {
-      return await pollForProcessingImage(options);
+      return await pollForProcessingImage(options)
     }
-    return false;
+    return false
   }
-  return true;
-};
+  return true
+}
 </script>
 
 <template>
diff --git a/src/runtime/components/CldMediaLibrary.vue b/src/runtime/components/CldMediaLibrary.vue
index d3db60a..e4ebb8f 100644
--- a/src/runtime/components/CldMediaLibrary.vue
+++ b/src/runtime/components/CldMediaLibrary.vue
@@ -1,34 +1,34 @@
 <script setup lang="ts">
-import { useHead } from "@unhead/vue";
-import { useRuntimeConfig } from "#imports";
-import { ref } from "vue";
+import { useHead } from '@unhead/vue'
+import { ref } from 'vue'
+import { useRuntimeConfig } from '#imports'
 
-const cloudinaryRef = ref();
+const cloudinaryRef = ref()
 
 type MediaLibraryProps = {
-  cloudName?: string;
-  apiKey: string;
-  username?: string;
-  useSaml?: boolean;
-  buttonId: string;
-  params?: Record<string, any>;
-};
+  cloudName?: string
+  apiKey: string
+  username?: string
+  useSaml?: boolean
+  buttonId: string
+  params?: Record<string, any>
+}
 
-const props = defineProps<MediaLibraryProps>();
+const props = defineProps<MediaLibraryProps>()
 
-const emit = defineEmits(["onInsert"]);
+const emit = defineEmits(['onInsert'])
 
 const handleOnLoad = () => {
-  if ("cloudinary" in window) {
-    cloudinaryRef.value = window.cloudinary;
+  if ('cloudinary' in window) {
+    cloudinaryRef.value = window.cloudinary
 
     const options = Object.fromEntries(
-      Object.entries(props).filter((elem) => Boolean(elem[1]))
-    );
+      Object.entries(props).filter(elem => Boolean(elem[1])),
+    )
 
     cloudinaryRef.value.createMediaLibrary(
       {
-        inline_container: "#widget_container",
+        inline_container: '#widget_container',
         cloud_name:
           props.cloudName || useRuntimeConfig().public.cloudinary.cloudName,
         api_key: props.apiKey || useRuntimeConfig().public.cloudinary.apiKey,
@@ -37,13 +37,13 @@ const handleOnLoad = () => {
       },
       {
         insertHandler: function (data: unknown) {
-          emit("onInsert", data);
+          emit('onInsert', data)
         },
       },
-      document.getElementById(props.buttonId)
-    );
+      document.getElementById(props.buttonId),
+    )
   }
-};
+}
 
 useHead({
   script: [
@@ -51,13 +51,13 @@ useHead({
       id: `cloudinary-media-library-${Math.floor(Math.random() * 100)}`,
       src: `https://media-library.cloudinary.com/global/all.js`,
       onload: handleOnLoad,
-      onerror: (e) =>
+      onerror: e =>
         console.error(
-          `Failed to load Cloudinary Media Library: ${(e as any).message}`
+          `Failed to load Cloudinary Media Library: ${(e as any).message}`,
         ),
     },
   ],
-});
+})
 </script>
 
 <template>
diff --git a/src/runtime/components/CldOgImage.vue b/src/runtime/components/CldOgImage.vue
index 392d698..186d5e8 100644
--- a/src/runtime/components/CldOgImage.vue
+++ b/src/runtime/components/CldOgImage.vue
@@ -1,107 +1,110 @@
 <script setup lang="ts">
-import { useCldImageUrl } from "../composables/useCldImageUrl";
-import { computed } from "vue";
-import { useRouter } from "#imports";
+import { computed } from 'vue'
+import type { ConstructUrlProps } from '@cloudinary-util/url-loader'
+import { useCldImageUrl } from '../composables/useCldImageUrl'
+import { useRouter } from '#imports'
 
-const TWITTER_CARD = "summary_large_image";
-const OG_IMAGE_WIDTH = 2400;
-const OG_IMAGE_WIDTH_RESIZE = 1200;
-const OG_IMAGE_HEIGHT = 1254;
+const TWITTER_CARD = 'summary_large_image'
+const OG_IMAGE_WIDTH = 2400
+const OG_IMAGE_WIDTH_RESIZE = 1200
+const OG_IMAGE_HEIGHT = 1254
 
-const { currentRoute } = useRouter();
+const { currentRoute } = useRouter()
 
 // Same story as with CldImage.vue component. Cannot use imported types for props
 // Come back to this after https://github.com/nuxt/nuxt/issues/20936 is fixed
 interface AssetOptionsResize {
-  crop?: string;
-  width?: number | string;
+  crop?: string
+  width?: number | string
 }
 
 interface AssetOptions {
-  assetType?: string;
-  crop?: string;
-  deliveryType?: string;
-  effects?: Array<any>;
-  flags?: Array<string> | object;
-  format?: string;
-  gravity?: string;
-  height?: string | number;
-  overlays?: Array<any>;
-  quality?: number | string;
-  rawTransformations?: string[];
-  removeBackground?: boolean;
-  sanitize?: boolean;
-  resize?: AssetOptionsResize;
-  seoSuffix?: string;
-  src: string;
-  text?: any;
-  transformations?: Array<string>;
-  underlay?: string;
-  underlays?: Array<any>;
-  version?: number | string;
-  width?: string | number;
-  widthResize?: string | number;
-  zoom?: string;
+  assetType?: string
+  crop?: string
+  deliveryType?: string
+  effects?: Array<any>
+  flags?: Array<string> | object
+  format?: string
+  gravity?: string
+  height?: string | number
+  overlays?: Array<any>
+  quality?: number | string
+  rawTransformations?: string[]
+  removeBackground?: boolean
+  sanitize?: boolean
+  resize?: AssetOptionsResize
+  seoSuffix?: string
+  src: string
+  text?: any
+  transformations?: Array<string>
+  underlay?: string
+  underlays?: Array<any>
+  version?: number | string
+  width?: string | number
+  widthResize?: string | number
+  zoom?: string
 }
 
 interface ImageOptionsZoomPan {
-  loop: string | boolean;
-  options: string;
+  loop: string | boolean
+  options: string
 }
 interface ImageOptions extends AssetOptions {
-  zoompan?: string | boolean | ImageOptionsZoomPan;
+  zoompan?: string | boolean | ImageOptionsZoomPan
 }
 
 export interface CldImageProps extends ImageOptions {
-  loading?: "eager" | "lazy";
-  fetchPriority?: "high" | "low" | "auto";
+  loading?: 'eager' | 'lazy'
+  fetchPriority?: 'high' | 'low' | 'auto'
   // Adding below as required props to promote good patterns in developing images
-  alt: string;
-  width: string | number;
-  height: string | number;
+  alt: string
+  width: string | number
+  height: string | number
   // Cloudinary URL Loader props
   // Cannot use `ConfigOptions` due to the same issue as mentioned at the top
-  config?: any;
+  config?: any
   // Unpic props
-  layout?: "constrained" | "fullWidth" | "fixed";
-  priority?: boolean;
-  background?: "auto" | string;
+  layout?: 'constrained' | 'fullWidth' | 'fixed'
+  priority?: boolean
+  background?: 'auto' | string
 }
 
 export type CldOgImageProps = CldImageProps & {
-  excludeTags?: Array<string>;
-  twitterTitle?: string;
-  alt?: string;
-  width?: string | number;
-  height?: string | number;
-};
+  excludeTags?: Array<string>
+  twitterTitle?: string
+  alt?: string
+  width?: string | number
+  height?: string | number
+}
 
-const props = defineProps<CldOgImageProps>();
+const props = defineProps<CldOgImageProps>()
 
 const options = {
   ...props,
-  crop: props.crop || "fill",
-  gravity: props.gravity || "center",
+  crop: props.crop || 'fill',
+  gravity: props.gravity || 'center',
   height: props.height || OG_IMAGE_HEIGHT,
   src: props.src,
   width: props.width || OG_IMAGE_WIDTH,
   widthResize: props.width || OG_IMAGE_WIDTH_RESIZE,
-};
+}
 
-let width =
-  typeof options.width === "string" ? parseInt(options.width) : options.width;
-let height =
-  typeof options.height === "string"
-    ? parseInt(options.height)
-    : options.height;
+let imageWidth
+  = typeof options.width === 'string'
+    ? Number.parseInt(options.width)
+    : options.width
+let imageHeight
+  = typeof options.height === 'string'
+    ? Number.parseInt(options.height)
+    : options.height
 
 // Resize the height based on the widthResize property
 
-if (typeof height === "number" && typeof width === "number") {
-  height = (OG_IMAGE_WIDTH_RESIZE / width) * height;
+if (typeof imageHeight === 'number' && typeof imageWidth === 'number') {
+  imageHeight = (OG_IMAGE_WIDTH_RESIZE / imageWidth) * imageHeight
 }
 
-width = OG_IMAGE_WIDTH_RESIZE;
+imageWidth = OG_IMAGE_WIDTH_RESIZE
 
 // Render the final URLs. We use two different format versions to deliver
 // webp for Twitter as it supports it (and we can control with tags) where
@@ -110,20 +113,20 @@ width = OG_IMAGE_WIDTH_RESIZE;
 const { url: ogImageUrl } = useCldImageUrl({
   options: {
     ...options,
-    format: props.format || "jpg",
+    format: props.format || 'jpg',
   },
-});
+} as ConstructUrlProps)
 
 const { url: twitterImageUrl } = useCldImageUrl({
   options: {
     ...options,
-    format: props.format || "webp",
+    format: props.format || 'webp',
   },
-});
+} as ConstructUrlProps)
 
 const computedTwitterTitle = computed(
-  () => props.twitterTitle || currentRoute.value.meta?.title as string || " "
-);
+  () => props.twitterTitle || (currentRoute.value.meta?.title as string) || ' ',
+)
 </script>
 
 <template>
diff --git a/src/runtime/components/CldProductGallery.vue b/src/runtime/components/CldProductGallery.vue
index 4f2d631..d648be6 100644
--- a/src/runtime/components/CldProductGallery.vue
+++ b/src/runtime/components/CldProductGallery.vue
@@ -1,64 +1,64 @@
 <script setup lang="ts">
-import { useHead } from "@unhead/vue";
-import { useRuntimeConfig } from "#imports";
-import { ref } from "vue";
+import { useHead } from '@unhead/vue'
+import { ref } from 'vue'
+import { useRuntimeConfig } from '#imports'
 
-const cloudinaryRef = ref();
+const cloudinaryRef = ref()
 
-type MediaType = "image" | "video" | "spin";
+type MediaType = 'image' | 'video' | 'spin'
 
 type ProductGalleryProps = {
-  cloudName?: string;
+  cloudName?: string
   mediaAssets: {
-    tag: string;
-    mediaType?: MediaType;
-  }[];
+    tag: string
+    mediaType?: MediaType
+  }[]
   displayProps?: {
-    mode: string;
-    columns: number;
-  }[];
-  aspectRatio?: string;
-  imageBreakpoint?: number;
-  carouselStyle?: string;
+    mode: string
+    columns: number
+  }[]
+  aspectRatio?: string
+  imageBreakpoint?: number
+  carouselStyle?: string
   indicatorProps?: {
-    color?: string;
-  };
-  carouselLocation?: string;
-  borderColor?: string;
-  borderWidth?: number;
-  transition?: string;
-  zoom?: boolean;
+    color?: string
+  }
+  carouselLocation?: string
+  borderColor?: string
+  borderWidth?: number
+  transition?: string
+  zoom?: boolean
   // Other params listed https://cloudinary.com/documentation/product_gallery_reference#widget_parameters
-  params?: Record<string, any>;
-};
+  params?: Record<string, any>
+}
 
-const props = defineProps<ProductGalleryProps>();
+const props = defineProps<ProductGalleryProps>()
 
 const handleOnLoad = () => {
-  if ("cloudinary" in window) {
-    cloudinaryRef.value = window.cloudinary;
+  if ('cloudinary' in window) {
+    cloudinaryRef.value = window.cloudinary
 
     const options = Object.fromEntries(
       Object.entries(props).filter((elem) => {
-        if (typeof elem[1] === "object") {
-          return Object.keys(elem[1]).length ? elem : false;
+        if (typeof elem[1] === 'object') {
+          return Object.keys(elem[1]).length ? elem : false
         }
 
-        return Boolean(elem[1]);
-      })
-    );
+        return Boolean(elem[1])
+      }),
+    )
 
     const myGallery = cloudinaryRef.value.galleryWidget({
-      container: "#product-gallery",
+      container: '#product-gallery',
       cloudName:
         props.cloudName || useRuntimeConfig().public.cloudinary.cloudName,
       ...options,
       ...props.params,
-    });
+    })
 
-    myGallery.render();
+    myGallery.render()
   }
-};
+}
 
 useHead({
   script: [
@@ -66,13 +66,13 @@ useHead({
       id: `cloudinary-product-gallery-${Math.floor(Math.random() * 100)}`,
       src: `https://product-gallery.cloudinary.com/all.js`,
       onload: handleOnLoad,
-      onerror: (e) =>
+      onerror: e =>
         console.error(
-          `Failed to load Cloudinary Product Gallery: ${(e as any).message}`
+          `Failed to load Cloudinary Product Gallery: ${(e as any).message}`,
         ),
     },
   ],
-});
+})
 </script>
 
 <template>
diff --git a/src/runtime/components/CldUploadButton.vue b/src/runtime/components/CldUploadButton.vue
index baab3a4..b791492 100644
--- a/src/runtime/components/CldUploadButton.vue
+++ b/src/runtime/components/CldUploadButton.vue
@@ -3,129 +3,151 @@ export interface CldUploadWidgetPropsOptions {
   // Widget
 
   encryption?: {
-    key: string;
-    iv: string;
-  };
-  defaultSource?: string;
-  maxFiles?: number;
-  multiple?: boolean;
+    key: string
+    iv: string
+  }
+  defaultSource?: string
+  maxFiles?: number
+  multiple?: boolean
   sources?: Array<
-    | "camera"
-    | "dropbox"
-    | "facebook"
-    | "gettyimages"
-    | "google_drive"
-    | "image_search"
-    | "instagram"
-    | "istock"
-    | "local"
-    | "shutterstock"
-    | "unsplash"
-    | "url"
-  >;
+    | 'camera'
+    | 'dropbox'
+    | 'facebook'
+    | 'gettyimages'
+    | 'google_drive'
+    | 'image_search'
+    | 'instagram'
+    | 'istock'
+    | 'local'
+    | 'shutterstock'
+    | 'unsplash'
+    | 'url'
+  >
 
   // Cropping
 
-  cropping?: boolean;
-  croppingAspectRatio?: number;
-  croppingCoordinatesMode?: string;
-  croppingDefaultSelectionRatio?: number;
-  croppingShowBackButton?: boolean;
-  croppingShowDimensions?: boolean;
-  showSkipCropButton?: boolean;
+  cropping?: boolean
+  croppingAspectRatio?: number
+  croppingCoordinatesMode?: string
+  croppingDefaultSelectionRatio?: number
+  croppingShowBackButton?: boolean
+  croppingShowDimensions?: boolean
+  showSkipCropButton?: boolean
 
   // Sources
 
-  dropboxAppKey?: string;
-  facebookAppId?: string;
-  googleApiKey?: string;
-  googleDriveClientId?: string;
-  instagramClientId?: string;
-  searchByRights?: boolean;
-  searchBySites?: Array<string>;
+  dropboxAppKey?: string
+  facebookAppId?: string
+  googleApiKey?: string
+  googleDriveClientId?: string
+  instagramClientId?: string
+  searchByRights?: boolean
+  searchBySites?: Array<string>
 
   // Upload
 
-  context?: object;
-  folder?: string;
-  publicId?: string;
-  resourceType?: string;
-  tags?: Array<string>;
-  uploadSignature?: string | Function;
-  uploadSignatureTimestamp?: number;
+  context?: object
+  folder?: string
+  publicId?: string
+  resourceType?: string
+  tags?: Array<string>
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  uploadSignature?: string | Function
+  uploadSignatureTimestamp?: number
 
   // Client Side
 
-  clientAllowedFormats?: Array<string>;
-  croppingValidateDimensions?: boolean;
-  maxChunkSize?: number;
-  maxImageFileSize?: number;
-  maxImageHeight?: number;
-  maxImageWidth?: number;
-  maxFileSize?: number;
-  maxRawFileSize?: number;
-  maxVideoFileSize?: number;
-  minImageHeight?: number;
-  minImageWidth?: number;
-  validateMaxWidthHeight?: boolean;
+  clientAllowedFormats?: Array<string>
+  croppingValidateDimensions?: boolean
+  maxChunkSize?: number
+  maxImageFileSize?: number
+  maxImageHeight?: number
+  maxImageWidth?: number
+  maxFileSize?: number
+  maxRawFileSize?: number
+  maxVideoFileSize?: number
+  minImageHeight?: number
+  minImageWidth?: number
+  validateMaxWidthHeight?: boolean
 
   // Containing Page
 
-  fieldName?: string;
-  form?: string;
-  thumbnails?: string;
-  thumbnailTransformation?: string | Array<object>;
+  fieldName?: string
+  form?: string
+  thumbnails?: string
+  thumbnailTransformation?: string | Array<object>
 
   // Customization
 
-  buttonCaption?: string;
-  buttonClass?: string;
-  text?: object;
-  theme?: string;
-  styles?: object;
+  buttonCaption?: string
+  buttonClass?: string
+  text?: object
+  theme?: string
+  styles?: object
 
   // Advanced
 
-  autoMinimize?: boolean;
-  getTags?: Function;
-  getUploadPresets?: Function;
-  inlineContainer?: any; // string or DOM element
-  language?: string;
-  preBatch?: Function;
-  prepareUploadParams?: Function;
-  queueViewPosition?: string;
-  showAdvancedOptions?: boolean;
-  showCompletedButton?: boolean;
-  showInsecurePreview?: boolean;
-  showPoweredBy?: boolean;
-  showUploadMoreButton?: boolean;
-  singleUploadAutoClose?: boolean;
+  autoMinimize?: boolean
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  getTags?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  getUploadPresets?: Function
+  inlineContainer?: any // string or DOM element
+  language?: string
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  preBatch?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  prepareUploadParams?: Function
+  queueViewPosition?: string
+  showAdvancedOptions?: boolean
+  showCompletedButton?: boolean
+  showInsecurePreview?: boolean
+  showPoweredBy?: boolean
+  showUploadMoreButton?: boolean
+  singleUploadAutoClose?: boolean
 }
 
 export interface CldUploadWidgetProps {
-  onClose?: Function;
-  onError?: Function;
-  onOpen?: Function;
-  onUpload?: Function;
-  onClick?: Function;
-  onAbort?: Function;
-  onBatchCancelled?: Function;
-  onDisplayChanged?: Function;
-  onPublicId?: Function;
-  onQueuesEnd?: Function;
-  onQueuesStart?: Function;
-  onRetry?: Function;
-  onShowCompleted?: Function;
-  onSourceChanged?: Function;
-  onSuccess?: Function;
-  onTags?: Function;
-  onUploadAdded?: Function;
-  options?: CldUploadWidgetPropsOptions;
-  signatureEndpoint?: URL | RequestInfo;
-  uploadPreset?: string;
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onClose?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onError?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onOpen?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onUpload?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onClick?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onAbort?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onBatchCancelled?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onDisplayChanged?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onPublicId?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onQueuesEnd?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onQueuesStart?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onRetry?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onShowCompleted?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onSourceChanged?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onSuccess?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onTags?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onUploadAdded?: Function
+  options?: CldUploadWidgetPropsOptions
+  signatureEndpoint?: URL | RequestInfo
+  uploadPreset?: string
 }
 
-defineProps<CldUploadWidgetProps>();
+defineProps<CldUploadWidgetProps>()
 </script>
 
 <template>
diff --git a/src/runtime/components/CldUploadWidget.vue b/src/runtime/components/CldUploadWidget.vue
index 336391d..7755253 100644
--- a/src/runtime/components/CldUploadWidget.vue
+++ b/src/runtime/components/CldUploadWidget.vue
@@ -1,30 +1,46 @@
 <script setup lang="ts">
-import { useHead } from "@unhead/vue";
-import { ref, watch } from "vue";
-import { useRuntimeConfig } from "#imports";
-import { type ConfigOptions } from "@cloudinary-util/url-loader";
+import { useHead } from '@unhead/vue'
+import { ref, watch } from 'vue'
+import { type ConfigOptions } from '@cloudinary-util/url-loader'
+import { useRuntimeConfig } from '#imports'
 
 export interface CldUploadWidgetProps {
-  onClose?: Function;
-  onError?: Function;
-  onOpen?: Function;
-  onUpload?: Function;
-  onAbort?: Function;
-  onBatchCancelled?: Function;
-  onDisplayChanged?: Function;
-  onPublicId?: Function;
-  onQueuesEnd?: Function;
-  onQueuesStart?: Function;
-  onRetry?: Function;
-  onShowCompleted?: Function;
-  onSourceChanged?: Function;
-  onSuccess?: Function;
-  onTags?: Function;
-  onUploadAdded?: Function;
-  options?: CldUploadWidgetPropsOptions;
-  signatureEndpoint?: URL | RequestInfo;
-  uploadPreset?: string;
-  config?: ConfigOptions;
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onClose?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onError?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onOpen?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onUpload?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onAbort?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onBatchCancelled?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onDisplayChanged?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onPublicId?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onQueuesEnd?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onQueuesStart?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onRetry?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onShowCompleted?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onSourceChanged?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onSuccess?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onTags?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onUploadAdded?: Function
+  options?: CldUploadWidgetPropsOptions
+  signatureEndpoint?: URL | RequestInfo
+  uploadPreset?: string
+  config?: ConfigOptions
 }
 
 // Parameters sourced from:
@@ -34,122 +50,126 @@ export interface CldUploadWidgetPropsOptions {
   // Widget
 
   encryption?: {
-    key: string;
-    iv: string;
-  };
-  defaultSource?: string;
-  maxFiles?: number;
-  multiple?: boolean;
+    key: string
+    iv: string
+  }
+  defaultSource?: string
+  maxFiles?: number
+  multiple?: boolean
   sources?: Array<
-    | "camera"
-    | "dropbox"
-    | "facebook"
-    | "gettyimages"
-    | "google_drive"
-    | "image_search"
-    | "instagram"
-    | "istock"
-    | "local"
-    | "shutterstock"
-    | "unsplash"
-    | "url"
-  >;
+    | 'camera'
+    | 'dropbox'
+    | 'facebook'
+    | 'gettyimages'
+    | 'google_drive'
+    | 'image_search'
+    | 'instagram'
+    | 'istock'
+    | 'local'
+    | 'shutterstock'
+    | 'unsplash'
+    | 'url'
+  >
 
   // Cropping
 
-  cropping?: boolean;
-  croppingAspectRatio?: number;
-  croppingCoordinatesMode?: string;
-  croppingDefaultSelectionRatio?: number;
-  croppingShowBackButton?: boolean;
-  croppingShowDimensions?: boolean;
-  showSkipCropButton?: boolean;
+  cropping?: boolean
+  croppingAspectRatio?: number
+  croppingCoordinatesMode?: string
+  croppingDefaultSelectionRatio?: number
+  croppingShowBackButton?: boolean
+  croppingShowDimensions?: boolean
+  showSkipCropButton?: boolean
 
   // Sources
 
-  dropboxAppKey?: string;
-  facebookAppId?: string;
-  googleApiKey?: string;
-  googleDriveClientId?: string;
-  instagramClientId?: string;
-  searchByRights?: boolean;
-  searchBySites?: Array<string>;
+  dropboxAppKey?: string
+  facebookAppId?: string
+  googleApiKey?: string
+  googleDriveClientId?: string
+  instagramClientId?: string
+  searchByRights?: boolean
+  searchBySites?: Array<string>
 
   // Upload
 
-  context?: object;
-  folder?: string;
-  publicId?: string;
-  resourceType?: string;
-  tags?: Array<string>;
-  uploadSignature?: string | Function;
-  uploadSignatureTimestamp?: number;
+  context?: object
+  folder?: string
+  publicId?: string
+  resourceType?: string
+  tags?: Array<string>
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  uploadSignature?: string | Function
+  uploadSignatureTimestamp?: number
 
   // Client Side
 
-  clientAllowedFormats?: Array<string>;
-  croppingValidateDimensions?: boolean;
-  maxChunkSize?: number;
-  maxImageFileSize?: number;
-  maxImageHeight?: number;
-  maxImageWidth?: number;
-  maxFileSize?: number;
-  maxRawFileSize?: number;
-  maxVideoFileSize?: number;
-  minImageHeight?: number;
-  minImageWidth?: number;
-  validateMaxWidthHeight?: boolean;
+  clientAllowedFormats?: Array<string>
+  croppingValidateDimensions?: boolean
+  maxChunkSize?: number
+  maxImageFileSize?: number
+  maxImageHeight?: number
+  maxImageWidth?: number
+  maxFileSize?: number
+  maxRawFileSize?: number
+  maxVideoFileSize?: number
+  minImageHeight?: number
+  minImageWidth?: number
+  validateMaxWidthHeight?: boolean
 
   // Containing Page
 
-  fieldName?: string;
-  form?: string;
-  thumbnails?: string;
-  thumbnailTransformation?: string | Array<object>;
+  fieldName?: string
+  form?: string
+  thumbnails?: string
+  thumbnailTransformation?: string | Array<object>
 
   // Customization
 
-  buttonCaption?: string;
-  buttonClass?: string;
-  text?: object;
-  theme?: string;
-  styles?: object;
+  buttonCaption?: string
+  buttonClass?: string
+  text?: object
+  theme?: string
+  styles?: object
 
   // Advanced
 
-  autoMinimize?: boolean;
-  getTags?: Function;
-  getUploadPresets?: Function;
-  inlineContainer?: any; // string or DOM element
-  language?: string;
-  preBatch?: Function;
-  prepareUploadParams?: Function;
-  queueViewPosition?: string;
-  showAdvancedOptions?: boolean;
-  showCompletedButton?: boolean;
-  showInsecurePreview?: boolean;
-  showPoweredBy?: boolean;
-  showUploadMoreButton?: boolean;
-  singleUploadAutoClose?: boolean;
+  autoMinimize?: boolean
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  getTags?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  getUploadPresets?: Function
+  inlineContainer?: any // string or DOM element
+  language?: string
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  preBatch?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  prepareUploadParams?: Function
+  queueViewPosition?: string
+  showAdvancedOptions?: boolean
+  showCompletedButton?: boolean
+  showInsecurePreview?: boolean
+  showPoweredBy?: boolean
+  showUploadMoreButton?: boolean
+  singleUploadAutoClose?: boolean
 }
 
 export interface CldUploadWidgetResults {
-  event: string;
-  info: string;
+  event: string
+  info: string
 }
 
 function triggerOnIdle(callback: any) {
-  if (window && "requestIdleCallback" in window) {
-    return requestIdleCallback(callback);
+  if (window && 'requestIdleCallback' in window) {
+    return requestIdleCallback(callback)
   }
-  return setTimeout(() => callback(), 1);
+  return setTimeout(() => callback(), 1)
 }
 
-const WIDGET_WATCHED_EVENTS = ["success"];
+const WIDGET_WATCHED_EVENTS = ['success']
 
-const props = defineProps<CldUploadWidgetProps>();
+const props = defineProps<CldUploadWidgetProps>()
 
-// eslint-disable-next-line vue/no-setup-props-destructure
 const {
   onClose,
   onError,
@@ -171,16 +191,16 @@ const {
   onTags,
   onUploadAdded,
   config,
-} = props;
+} = props
 
-const cloudinary = ref();
-const widget = ref();
+const cloudinary = ref()
+const widget = ref()
 
-const signed = !!signatureEndpoint;
+const signed = !!signatureEndpoint
 
-const error = ref(undefined);
-const results = ref<CldUploadWidgetResults | undefined>(undefined);
-const isScriptLoading = ref(true);
+const error = ref(undefined)
+const results = ref<CldUploadWidgetResults | undefined>(undefined)
+const isScriptLoading = ref(true)
 
 // When creating a signed upload, you need to provide both your Cloudinary API Key
 // as well as a signature generator function that will sign any paramters
@@ -198,19 +218,19 @@ const instanceMethods = {
   open,
   show,
   update,
-  abort: onAbort,
-  "batch-cancelled": onBatchCancelled,
-  "display-changed": onDisplayChanged,
-  publicid: onPublicId,
-  "queues-end": onQueuesEnd,
-  "queues-start": onQueuesStart,
-  retry: onRetry,
-  "show-completed": onShowCompleted,
-  "source-changed": onSourceChanged,
-  success: onSuccess,
-  tags: onTags,
-  "upload-added": onUploadAdded,
-};
+  'abort': onAbort,
+  'batch-cancelled': onBatchCancelled,
+  'display-changed': onDisplayChanged,
+  'publicid': onPublicId,
+  'queues-end': onQueuesEnd,
+  'queues-start': onQueuesStart,
+  'retry': onRetry,
+  'show-completed': onShowCompleted,
+  'source-changed': onSourceChanged,
+  'success': onSuccess,
+  'tags': onTags,
+  'upload-added': onUploadAdded,
+}
 
 const uploadOptions = {
   cloudName: useRuntimeConfig().public.cloudinary.cloudName,
@@ -220,40 +240,40 @@ const uploadOptions = {
   ...options,
   ...instanceMethods,
   ...config,
-};
+}
 
 if (signed) {
-  uploadOptions.uploadSignature = generateSignature;
+  uploadOptions.uploadSignature = generateSignature
 
   if (!uploadOptions.apiKey) {
-    console.warn(`Missing dependency: Signed Upload requires an API key`);
+    console.warn(`Missing dependency: Signed Upload requires an API key`)
   }
 }
 
 // Handle result states and callbacks
 
 watch(results, () => {
-  if (typeof results.value === "undefined") return;
+  if (typeof results.value === 'undefined') return
 
-  const isSuccess = results.value?.event === "success";
-  const isClosed =
-    results.value?.event === "display-changed" &&
-    results.value.info === "hidden";
+  const isSuccess = results.value?.event === 'success'
+  const isClosed
+    = results.value?.event === 'display-changed'
+    && results.value.info === 'hidden'
 
-  if (isSuccess && typeof onUpload === "function") {
-    onUpload(results, widget.value);
+  if (isSuccess && typeof onUpload === 'function') {
+    onUpload(results, widget.value)
   }
 
-  if (isClosed && typeof onClose === "function") {
-    onClose(widget.value);
+  if (isClosed && typeof onClose === 'function') {
+    onClose(widget.value)
   }
-});
+})
 
 watch(error, () => {
-  if (error.value && typeof onError === "function") {
-    onError(error, widget.value);
+  if (error.value && typeof onError === 'function') {
+    onError(error, widget.value)
   }
-});
+})
 
 /**
  * handleOnLoad
@@ -261,9 +281,9 @@ watch(error, () => {
  */
 
 function handleOnLoad() {
-  isScriptLoading.value = false;
+  isScriptLoading.value = false
   if (!cloudinary.value) {
-    cloudinary.value = (window as any).cloudinary;
+    cloudinary.value = (window as any).cloudinary
   }
 
   // To help improve load time of the widget on first instance, use requestIdleCallback
@@ -271,9 +291,9 @@ function handleOnLoad() {
 
   triggerOnIdle(() => {
     if (!widget.value) {
-      widget.value = createWidget();
+      widget.value = createWidget()
     }
-  });
+  })
 }
 
 /**
@@ -281,23 +301,26 @@ function handleOnLoad() {
  * @description Makes a request to an endpoint to sign Cloudinary parameters as part of widget creation
  */
 
+// eslint-disable-next-line @typescript-eslint/ban-types
 function generateSignature(callback: Function, paramsToSign: object) {
-  if (typeof signatureEndpoint === "undefined") {
-    throw Error("Failed to generate signature: signatureEndpoint undefined.");
+  if (typeof signatureEndpoint === 'undefined') {
+    throw new TypeError(
+      'Failed to generate signature: signatureEndpoint undefined.',
+    )
   }
   fetch(signatureEndpoint, {
-    method: "POST",
+    method: 'POST',
     headers: {
-      "Content-Type": "application/json",
+      'Content-Type': 'application/json',
     },
     body: JSON.stringify({
       paramsToSign,
     }),
   })
-    .then((r) => r.json())
+    .then(r => r.json())
     .then(({ signature }) => {
-      callback(signature);
-    });
+      callback(signature)
+    })
 }
 
 /**
@@ -314,67 +337,67 @@ function createWidget() {
       // create a separate handler such as onEvent and trigger it on
       // ever occurrence
 
-      if (typeof uploadError !== "undefined") {
-        error.value = uploadError;
+      if (typeof uploadError !== 'undefined') {
+        error.value = uploadError
       }
 
       if (WIDGET_WATCHED_EVENTS.includes(uploadResult?.event)) {
-        results.value = uploadResult;
+        results.value = uploadResult
       }
-    }
-  );
+    },
+  )
 }
 
 function invokeInstanceMethod(method: string) {
   if (!widget.value) {
-    widget.value = createWidget();
+    widget.value = createWidget()
   }
 
-  if (typeof widget?.value[method] === "function") {
-    widget.value[method]();
+  if (typeof widget?.value[method] === 'function') {
+    widget.value[method]()
   }
 }
 
 function close() {
-  invokeInstanceMethod("close");
+  invokeInstanceMethod('close')
 }
 
 function destroy() {
-  invokeInstanceMethod("destroy");
+  invokeInstanceMethod('destroy')
 }
 
 function hide() {
-  invokeInstanceMethod("hide");
+  invokeInstanceMethod('hide')
 }
 
 function isDestroyed() {
-  invokeInstanceMethod("isDestroyed");
+  invokeInstanceMethod('isDestroyed')
 }
 
 function isMinimized() {
-  invokeInstanceMethod("isMinimized");
+  invokeInstanceMethod('isMinimized')
 }
 
 function isShowing() {
-  invokeInstanceMethod("isShowing");
+  invokeInstanceMethod('isShowing')
 }
 
 function minimize() {
-  invokeInstanceMethod("minimize");
+  invokeInstanceMethod('minimize')
 }
 
 function show() {
-  invokeInstanceMethod("show");
+  invokeInstanceMethod('show')
 }
 
 function update() {
-  invokeInstanceMethod("update");
+  invokeInstanceMethod('update')
 }
 function open() {
-  invokeInstanceMethod("open");
+  invokeInstanceMethod('open')
 
-  if (typeof onOpen === "function") {
-    onOpen(widget.value);
+  if (typeof onOpen === 'function') {
+    onOpen(widget.value)
   }
 }
 
@@ -382,15 +405,15 @@ useHead({
   script: [
     {
       id: `cloudinary-uploadwidget-${Math.floor(Math.random() * 100)}`,
-      src: "https://widget.cloudinary.com/v2.0/global/all.js",
+      src: 'https://widget.cloudinary.com/v2.0/global/all.js',
       onload: handleOnLoad,
-      onerror: (e) =>
+      onerror: e =>
         console.error(
-          `Failed to load Cloudinary Upload Widget: ${(e as any).message}`
+          `Failed to load Cloudinary Upload Widget: ${(e as any).message}`,
         ),
     },
   ],
-});
+})
 </script>
 
 <template>
diff --git a/src/runtime/components/CldVideoPlayer.vue b/src/runtime/components/CldVideoPlayer.vue
index 78e2280..12e18dd 100644
--- a/src/runtime/components/CldVideoPlayer.vue
+++ b/src/runtime/components/CldVideoPlayer.vue
@@ -1,90 +1,97 @@
 <script setup lang="ts">
-import { ref } from "vue";
-import { useHead } from "@unhead/vue";
-import { useRuntimeConfig } from "#imports";
-import { parseUrl } from "@cloudinary-util/util";
-import { type ConfigOptions } from "@cloudinary-util/url-loader";
+import { ref } from 'vue'
+import { useHead } from '@unhead/vue'
+import { parseUrl } from '@cloudinary-util/util'
+import { type ConfigOptions } from '@cloudinary-util/url-loader'
+import { useRuntimeConfig } from '#imports'
 
 export interface CloudinaryVideoPlayer {
-  on: Function;
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  on: Function
 }
 
 export interface CloudinaryVideoPlayerOptions {
-  autoplayMode?: string;
-  cloud_name?: string;
-  colors?: CloudinaryVideoPlayerOptionsColors;
-  controls?: boolean;
-  fontFace?: string;
-  loop?: boolean;
-  muted?: boolean;
-  publicId: string;
-  secure?: boolean;
-  transformation?: Array<object> | object;
-  hideContextMenu?: boolean;
-  config?: ConfigOptions;
-  pictureInPictureToggle?: boolean;
+  autoplayMode?: string
+  cloud_name?: string
+  colors?: CloudinaryVideoPlayerOptionsColors
+  controls?: boolean
+  fontFace?: string
+  loop?: boolean
+  muted?: boolean
+  publicId: string
+  secure?: boolean
+  transformation?: Array<object> | object
+  hideContextMenu?: boolean
+  config?: ConfigOptions
+  pictureInPictureToggle?: boolean
 }
 
 export interface CloudinaryVideoPlayerOptionsColors {
-  accent?: string;
-  base?: string;
-  text?: string;
+  accent?: string
+  base?: string
+  text?: string
 }
 
 export interface CloudinaryVideoPlayerOptionsLogo {
-  logoImageUrl?: string;
-  logoOnclickUrl?: string;
-  showLogo?: boolean;
+  logoImageUrl?: string
+  logoOnclickUrl?: string
+  showLogo?: boolean
 }
 
 export interface CldVideoPlayerPropsLogo {
-  imageUrl?: CloudinaryVideoPlayerOptionsLogo["logoImageUrl"];
-  logo?: boolean;
-  onClickUrl?: CloudinaryVideoPlayerOptionsLogo["logoOnclickUrl"];
+  imageUrl?: CloudinaryVideoPlayerOptionsLogo['logoImageUrl']
+  logo?: boolean
+  onClickUrl?: CloudinaryVideoPlayerOptionsLogo['logoOnclickUrl']
 }
 
 export type CldVideoPlayerProps = Pick<
   CloudinaryVideoPlayerOptions,
-  | "colors"
-  | "controls"
-  | "fontFace"
-  | "loop"
-  | "muted"
-  | "transformation"
-  | "hideContextMenu"
+  | 'colors'
+  | 'controls'
+  | 'fontFace'
+  | 'loop'
+  | 'muted'
+  | 'transformation'
+  | 'hideContextMenu'
 > & {
-  autoPlay?: string;
-  className?: string;
-  height: string | number;
-  id?: string;
-  logo?: boolean | CldVideoPlayerPropsLogo;
-  onDataLoad?: Function;
-  onError?: Function;
-  onMetadataLoad?: Function;
-  onPause?: Function;
-  onPlay?: Function;
-  onEnded?: Function;
-  playerRef?: { value: CloudinaryVideoPlayer | null };
-  src: string;
-  version?: string;
-  videoRef?: { value: HTMLVideoElement | null };
-  quality?: string | number;
-  width: string | number;
-  config?: ConfigOptions;
-  pictureInPictureToggle?: boolean;
-};
+  autoPlay?: string
+  className?: string
+  height: string | number
+  id?: string
+  logo?: boolean | CldVideoPlayerPropsLogo
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onDataLoad?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onError?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onMetadataLoad?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onPause?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onPlay?: Function
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  onEnded?: Function
+  playerRef?: { value: CloudinaryVideoPlayer | null }
+  src: string
+  version?: string
+  videoRef?: { value: HTMLVideoElement | null }
+  quality?: string | number
+  width: string | number
+  config?: ConfigOptions
+  pictureInPictureToggle?: boolean
+}
 
 const props = withDefaults(defineProps<CldVideoPlayerProps>(), {
-  autoPlay: "never",
+  autoPlay: 'never',
   controls: true,
   logo: true,
   loop: false,
   muted: false,
-  version: "1.11.1",
-  quality: "auto",
-});
+  version: '1.11.1',
+  quality: 'auto',
+})
 
-const idRef = ref(Math.ceil(Math.random() * 100000));
+const idRef = ref(Math.ceil(Math.random() * 100000))
 
 const {
   autoPlay,
@@ -111,45 +118,47 @@ const {
   hideContextMenu,
   config,
   pictureInPictureToggle,
-} = props as CldVideoPlayerProps;
+} = props as CldVideoPlayerProps
 
 const playerTransformations = Array.isArray(transformation)
   ? transformation
-  : [transformation];
+  : [transformation]
 
-let publicId = src;
+let publicId = src
 
 // If the publicId/src is a URL, attempt to parse it as a Cloudinary URL
 // to get the public ID alone
 
-if (publicId.startsWith("http")) {
+if (publicId.startsWith('http')) {
   try {
-    const parts = parseUrl(src);
-    if (typeof parts?.publicId === "string") {
-      publicId = parts?.publicId;
+    const parts = parseUrl(src)
+    if (typeof parts?.publicId === 'string') {
+      publicId = parts?.publicId
     }
-  } catch (e) {
-    console.error(e);
+  }
+  catch (e) {
+    console.error(e)
   }
 }
 
 playerTransformations.unshift({
   quality,
-});
+})
 
-const cloudinaryRef = ref<any>();
-const defaultVideoRef = ref();
-const videoRef = props.videoRef || defaultVideoRef;
-const defaultPlayerRef = ref();
-const playerRef = props.playerRef || defaultPlayerRef;
+const cloudinaryRef = ref<any>()
+const defaultVideoRef = ref()
+const videoRef = props.videoRef || defaultVideoRef
+const defaultPlayerRef = ref()
+const playerRef = props.playerRef || defaultPlayerRef
 
-const playerId = id || `player-${publicId.replace("/", "-")}-${idRef.value}`;
-let playerClassName = "cld-video-player cld-fluid";
+const playerId = id || `player-${publicId.replace('/', '-')}-${idRef.value}`
+let playerClassName = 'cld-video-player cld-fluid'
 
 if (className) {
-  playerClassName = `${playerClassName} ${className}`;
+  playerClassName = `${playerClassName} ${className}`
 }
 
+// eslint-disable-next-line @typescript-eslint/ban-types
 const events: Record<string, Function | undefined> = {
   error: onError,
   loadeddata: onDataLoad,
@@ -157,40 +166,41 @@ const events: Record<string, Function | undefined> = {
   pause: onPause,
   play: onPlay,
   ended: onEnded,
-};
-function handleEvent(event: { type: "string" }) {
-  const activeEvent = events[event.type];
+}
+function handleEvent(event: { type: 'string' }) {
+  const activeEvent = events[event.type]
 
-  if (typeof activeEvent === "function") {
+  if (typeof activeEvent === 'function') {
     activeEvent({
       player: playerRef.value,
       video: videoRef.value,
-    });
+    })
   }
 }
 
 const handleOnLoad = () => {
-  if ("cloudinary" in window) {
-    cloudinaryRef.value = window.cloudinary;
+  if ('cloudinary' in window) {
+    cloudinaryRef.value = window.cloudinary
 
-    let logoOptions: CloudinaryVideoPlayerOptionsLogo = {};
+    let logoOptions: CloudinaryVideoPlayerOptionsLogo = {}
 
-    if (typeof logo === "boolean") {
-      logoOptions.showLogo = logo;
-    } else if (typeof logo === "object") {
+    if (typeof logo === 'boolean') {
+      logoOptions.showLogo = logo
+    }
+    else if (typeof logo === 'object') {
       logoOptions = {
         ...logoOptions,
         showLogo: true,
         logoImageUrl: logo.imageUrl,
         logoOnclickUrl: logo.onClickUrl,
-      };
+      }
     }
 
     const playerOptions: CloudinaryVideoPlayerOptions = {
       autoplayMode: autoPlay,
       cloud_name: useRuntimeConfig().public.cloudinary.cloudName,
       controls,
-      fontFace: fontFace || "",
+      fontFace: fontFace || '',
       loop,
       muted,
       publicId,
@@ -205,29 +215,29 @@ const handleOnLoad = () => {
       ...useRuntimeConfig().public.cloudinary.cloud,
       ...useRuntimeConfig().public.cloudinary.url,
       ...config,
-    };
+    }
 
-    if (typeof colors === "object") {
-      playerOptions.colors = colors;
+    if (typeof colors === 'object') {
+      playerOptions.colors = colors
     }
 
     playerRef.value = cloudinaryRef.value.videoPlayer(
       videoRef.value,
-      playerOptions
-    );
+      playerOptions,
+    )
 
     Object.keys(events).forEach((key) => {
-      if (typeof events[key] === "function") {
-        playerRef.value?.on(key, handleEvent);
+      if (typeof events[key] === 'function') {
+        playerRef.value?.on(key, handleEvent)
       }
-    });
+    })
   }
-};
+}
 
 defineExpose({
   playerRef,
   videoRef,
-});
+})
 
 useHead({
   script: [
@@ -235,21 +245,21 @@ useHead({
       id: `cloudinary-videoplayer-${Math.floor(Math.random() * 100)}`,
       src: `https://unpkg.com/cloudinary-video-player@${version}/dist/cld-video-player.min.js`,
       onload: handleOnLoad,
-      onerror: (e) =>
+      onerror: e =>
         console.error(
-          `Failed to load Cloudinary Video Player: ${(e as any).message}`
+          `Failed to load Cloudinary Video Player: ${(e as any).message}`,
         ),
     },
   ],
   link: [
     {
       href: `https://unpkg.com/cloudinary-video-player@${
-        version || "1.11.1"
+        version || '1.11.1'
       }/dist/cld-video-player.min.css`,
-      rel: "stylesheet",
+      rel: 'stylesheet',
     },
   ],
-});
+})
 </script>
 
 <template>
diff --git a/src/runtime/composables/useCldImageUrl.ts b/src/runtime/composables/useCldImageUrl.ts
index 357cc2d..0e9b3e6 100644
--- a/src/runtime/composables/useCldImageUrl.ts
+++ b/src/runtime/composables/useCldImageUrl.ts
@@ -1,12 +1,12 @@
-import { useRuntimeConfig } from '#imports'
 import { constructCloudinaryUrl, type ConstructUrlProps } from '@cloudinary-util/url-loader'
-import nuxtPkg from 'nuxt/package.json';
+import nuxtPkg from 'nuxt/package.json'
 import pkg from '../../../package.json'
+import { useRuntimeConfig } from '#imports'
 
 export const useCldImageUrl = (props: ConstructUrlProps) => {
-  if (!props.options.src) console.error("`[@nuxtjs/cloudinary]`: Property `src` is missing")
+  if (!props.options.src) console.error('`[@nuxtjs/cloudinary]`: Property `src` is missing')
 
-  const moduleConfig = useRuntimeConfig().public.cloudinary;
+  const moduleConfig = useRuntimeConfig().public.cloudinary
 
   // There are a few ways to pass in the Cloud Name
   // - Component/composable config prop
@@ -15,24 +15,24 @@ export const useCldImageUrl = (props: ConstructUrlProps) => {
   // While the top level module config is redundant, retaining it for convenience as most
   // users won't need to pass in more advanced settings via the `cloud` property
 
-  const cldCloudName = props.config?.cloud?.cloudName || moduleConfig.cloud?.cloudName || moduleConfig?.cloudName;
+  const cldCloudName = props.config?.cloud?.cloudName || moduleConfig.cloud?.cloudName || moduleConfig?.cloudName
 
   if (!cldCloudName) console.warn('`[@nuxtjs/cloudinary]` Environment variable `CLOUDINARY_CLOUD_NAME` or property `cloudinary.cloudName` missing')
 
   let cldOptions: ConstructUrlProps = {
     options: {
       // Have to spread the options because otherwise getting the error about props being updated while they are readonly.
-      ...props.options
+      ...props.options,
     },
     config: {
       url: moduleConfig.url,
       cloud: {
         cloudName: cldCloudName,
-        ...moduleConfig.cloud
+        ...moduleConfig.cloud,
       },
       ...props.config,
     },
-    analytics: false
+    analytics: false,
   }
 
   if (moduleConfig.analytics) {
@@ -42,12 +42,12 @@ export const useCldImageUrl = (props: ConstructUrlProps) => {
         sdkCode: 'D',
         sdkSemver: `${pkg.version.split('.')[0]}.0.0`,
         techVersion: `${nuxtPkg.version.split('.')[0]}.0.0`,
-        product: 'B'
-      }, props.analytics)
+        product: 'B',
+      }, props.analytics),
     }
   }
 
   return {
-    url: constructCloudinaryUrl(cldOptions)
+    url: constructCloudinaryUrl(cldOptions),
   }
 }
diff --git a/src/runtime/composables/useCldVideoUrl.ts b/src/runtime/composables/useCldVideoUrl.ts
index 02033c4..492c072 100644
--- a/src/runtime/composables/useCldVideoUrl.ts
+++ b/src/runtime/composables/useCldVideoUrl.ts
@@ -1,14 +1,14 @@
-import { useRuntimeConfig } from '#imports'
 import { constructCloudinaryUrl, type ConstructUrlProps, type ConfigOptions, type AnalyticsOptions, type VideoOptions } from '@cloudinary-util/url-loader'
-import nuxtPkg from 'nuxt/package.json';
+import nuxtPkg from 'nuxt/package.json'
 import pkg from '../../../package.json'
+import { useRuntimeConfig } from '#imports'
 
 export const useCldVideoUrl = (props: { options: VideoOptions, config?: ConfigOptions, analytics?: AnalyticsOptions }) => {
-  if (!props.options.src) console.error("`[@nuxtjs/cloudinary]`: Property `src` is missing")
+  if (!props.options.src) console.error('`[@nuxtjs/cloudinary]`: Property `src` is missing')
 
-  const moduleConfig = useRuntimeConfig().public.cloudinary;
+  const moduleConfig = useRuntimeConfig().public.cloudinary
 
-  const cldCloudName = props.config?.cloud?.cloudName || moduleConfig.cloud?.cloudName || moduleConfig?.cloudName;
+  const cldCloudName = props.config?.cloud?.cloudName || moduleConfig.cloud?.cloudName || moduleConfig?.cloudName
 
   if (!cldCloudName) console.warn('`[@nuxtjs/cloudinary]` Environment variable `CLOUDINARY_CLOUD_NAME` or property `cloudinary.cloudName` missing')
 
@@ -16,17 +16,17 @@ export const useCldVideoUrl = (props: { options: VideoOptions, config?: ConfigOp
     options: {
       assetType: 'video',
       // Have to spread the options because otherwise getting the error about props being updated while they are readonly.
-      ...props.options
+      ...props.options,
     },
     config: {
       url: moduleConfig.url,
       cloud: {
         cloudName: cldCloudName,
-        ...moduleConfig.cloud
+        ...moduleConfig.cloud,
       },
       ...props.config,
     },
-    analytics: false
+    analytics: false,
   }
 
   if (moduleConfig.analytics) {
@@ -36,12 +36,12 @@ export const useCldVideoUrl = (props: { options: VideoOptions, config?: ConfigOp
         sdkCode: 'D',
         sdkSemver: `${pkg.version.split('.')[0]}.0.0`,
         techVersion: `${nuxtPkg.version.split('.')[0]}.0.0`,
-        product: 'B'
-      }, props.analytics)
+        product: 'B',
+      }, props.analytics),
     }
   }
 
   return {
-    url: constructCloudinaryUrl(cldOptions)
+    url: constructCloudinaryUrl(cldOptions),
   }
 }
diff --git a/test/basic.test.ts b/test/basic.test.ts
index 64f8bdf..c388c93 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -1,5 +1,5 @@
-import { describe, it, expect } from 'vitest'
 import { fileURLToPath } from 'node:url'
+import { describe, it, expect } from 'vitest'
 import { setup, $fetch } from '@nuxt/test-utils'
 
 describe('ssr', async () => {
diff --git a/test/fixtures/basic/nuxt.config.ts b/test/fixtures/basic/nuxt.config.ts
index 84ff7ea..6830e9e 100644
--- a/test/fixtures/basic/nuxt.config.ts
+++ b/test/fixtures/basic/nuxt.config.ts
@@ -2,9 +2,9 @@ import MyModule from '../../../src/module'
 
 export default defineNuxtConfig({
   modules: [
-    MyModule
+    MyModule,
   ],
   cloudinary: {
     cloudName: 'nuxt-cloudinary',
-  }
+  },
 })