chore: 3.0.0-rc.1

.github/workflows/ci.yml

@@ -15,7 +15,7 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [16]
+        node: [18]
 
     steps:
       - uses: actions/setup-node@v3

.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"

.stackblitz/nuxt.config.ts

@@ -2,6 +2,6 @@
 export default defineNuxtConfig({
   modules: ['@nuxtjs/cloudinary'],
   cloudinary: {
-    cloudName: 'nuxt-cloudinary'
-  }
-});
+    cloudName: 'nuxt-cloudinary',
+  },
+})

.stackblitz/package.json

@@ -8,9 +8,9 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
-    "nuxt": "^3.8.0"
+    "nuxt": "^3.11.2"
   },
   "dependencies": {
-    "@nuxtjs/cloudinary": "^2.7.3"
+    "@nuxtjs/cloudinary": "^3.0.0-rc.1"
   }
 }