feat: 2.1.3

.stackblitz/app.vue

@@ -12,6 +12,11 @@ console.log(url)
     height="987"
     alt="Sample Product"
   />
+  <p>CldOgImage is here. Inspect the html meta to see the result</p>
+  <CldOgImage
+    src="cld-sample-2"
+    twitter-title="test"
+  />
   <CldImage
     src="cld-sample-5"
     width="987"

.stackblitz/package.json

@@ -11,6 +11,6 @@
     "nuxt": "^3.5.0"
   },
   "dependencies": {
-    "@nuxtjs/cloudinary": "^2.0.0"
+    "@nuxtjs/cloudinary": "^2.1.3"
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/cloudinary",
-  "version": "2.0.0",
+  "version": "2.1.3",
   "description": "Cloudinary module for Nuxt",
   "license": "MIT",
   "type": "module",

src/runtime/components/CldImage.vue

@@ -3,6 +3,7 @@
 // Come back to this after https://github.com/nuxt/nuxt/issues/20936 is fixed
 // import type { AssetOptions } from '@cloudinary-util/url-loader'
 import { useCldImageUrl } from "../composables/useCldImageUrl";
+import { ref } from 'vue'
 import { Image } from "@unpic/vue";
 import { ConfigOptions } from "@cloudinary-util/url-loader";
 

src/runtime/components/CldOgImage.vue

@@ -2,6 +2,8 @@
 import type { CldImageProps } from "./CldImage.vue";
 import { useCldImageUrl } from "../composables/useCldImageUrl";
 import type { ImageOptions } from "@cloudinary-util/url-loader";
+import { computed } from 'vue'
+import { useRouter } from "#imports";
 
 const TWITTER_CARD = "summary_large_image";
 const OG_IMAGE_WIDTH = 2400;