Merge pull request #219 from nuxt-modules/chore/3.0.0-rc.2

Chore/3.0.0 rc.2

.stackblitz/package.json

@@ -11,6 +11,6 @@
     "nuxt": "^3.11.2"
   },
   "dependencies": {
-    "@nuxtjs/cloudinary": "^3.0.0-rc.1"
+    "@nuxtjs/cloudinary": "^3.0.0-rc.3"
   }
 }

.stackblitz/yarn.lock

@@ -574,19 +574,25 @@
   resolved "https://registry.yarnpkg.com/@cloudinary-util/types/-/types-1.0.2.tgz#3ebc14f01f3c113183ad47cc5a9c69e65d06f762"
   integrity sha512-j3xUfN4uMFDMSvoQeOMxqKYsGZovlRFr8niOQXfcqoHp7NVBiJm8oy6y2HDGQhxH63irmFt8VtzJEnYwGYsGXg==
 
-"@cloudinary-util/url-loader@^5.2.2":
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/@cloudinary-util/url-loader/-/url-loader-5.2.2.tgz#c22fdb13b738af820d9c363cf576feeaffc26c4f"
-  integrity sha512-gwoBuyoJBriUvmX3jk6Q1k5NdziloEhIp/4InLB6yBNe88K7bVbR/V8dJRhba0ZvlYDOOPjIiJLAa5J7xAnUlw==
+"@cloudinary-util/types@1.0.5":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@cloudinary-util/types/-/types-1.0.5.tgz#0325881338b3c390b4ad27f5484e95cdb0c4f9b7"
+  integrity sha512-QySi6Q138yg/qrD7f6yscH9T+/8VwUfF9AiwFPMS89uI5wnSG9nhC+93a/8iUpgk9ujTDVqE8+TqYAbxvF0BMA==
+
+"@cloudinary-util/url-loader@^5.3.1":
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/@cloudinary-util/url-loader/-/url-loader-5.3.1.tgz#2898ea4f75a968a5857046d54bd589f228d04848"
+  integrity sha512-cYgnazu7cLjRaajGmhyVfMxjrOz4EaSQsWK1/utV4K5kknUUhu8vUovGunDQJbEGmBWB/TUt7zmwpdUAQ+pe4g==
   dependencies:
-    "@cloudinary-util/util" "3.0.0"
+    "@cloudinary-util/types" "1.0.5"
+    "@cloudinary-util/util" "3.0.2"
     "@cloudinary/url-gen" "1.15.0"
     zod "^3.22.4"
 
-"@cloudinary-util/util@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@cloudinary-util/util/-/util-3.0.0.tgz#4096e0190108b2680c0027bf9afaeca039cea6cc"
-  integrity sha512-o6cJsN49OIelLcSkqUf4WzgefpePDFsAaeQfJbpcKhVdtvmWv71K0oZwMXuX62IY1OolqIg0etMiHtWZPhvPNA==
+"@cloudinary-util/util@3.0.2":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@cloudinary-util/util/-/util-3.0.2.tgz#a86334eeec9912cf90054f5688a7d10fca9fe952"
+  integrity sha512-EMmspJLVFn9hX92DaK/yuSzSUXF/BJ88crzN8vT1qCaJMMWKapGNo2HZ6YNgG69PP/Jngdk0mTINDU+GP3A1CA==
 
 "@cloudinary/transformation-builder-sdk@^1.10.0":
   version "1.12.0"
@@ -1163,13 +1169,13 @@
     vite-plugin-checker "^0.6.4"
     vue-bundle-renderer "^2.0.0"
 
-"@nuxtjs/cloudinary@^3.0.0-rc.1":
-  version "3.0.0-rc.1"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/cloudinary/-/cloudinary-3.0.0-rc.1.tgz#2e6ff256fde72c517724345474cb5d024605bcd6"
-  integrity sha512-X/Dd2pjhaRHH+VaOBQZ1X1YQTbp5qg38GplvLiXvCkuml8BQ5j9y1LTRhAakRsZavV5FRvS2aNYCu6CHxR/p3Q==
+"@nuxtjs/cloudinary@^3.0.0-rc.3":
+  version "3.0.0-rc.3"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/cloudinary/-/cloudinary-3.0.0-rc.3.tgz#360bd36f96630d79fe80dde35b923401c1e80046"
+  integrity sha512-ZkiMwb8dpFLf9aYEtBZlqjpabw3mrlb2SaJ/8blzMHMgxCz9/ExEjV1IJ70qkNJ2LkeUJdebt+uBE1PL51yObg==
   dependencies:
     "@cloudinary-util/types" "1.0.2"
-    "@cloudinary-util/url-loader" "^5.2.2"
+    "@cloudinary-util/url-loader" "^5.3.1"
     "@nuxt/kit" "^3.11.2"
     "@unpic/vue" "^0.0.48"
     defu "^6.1.4"

docs/components/content/VideoPlayerWithChapters.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+const chapters = {
+  0: 'Chapter 1',
+  6: 'Chapter 2',
+  9: 'Chapter 3',
+}
+</script>
+
+<template>
+  <CldVideoPlayer
+    width="1620"
+    height="1080"
+    src="videos/dog-running-snow"
+    :config="{ url: { cname: 'test' } }"
+    chapters-button
+    :chapters="chapters"
+  />
+</template>

docs/content/2.components/CldOgImage.md

@@ -27,9 +27,21 @@ The resulting HTML will be applied to the Head of the document:
 <meta content="https://res.cloudinary.com/nuxt-cloudinary/image/upload/c_fill,w_2400,h_1254,g_center/c_scale,w_1200/f_jpg/q_auto/cld-sample-2?_a=BBDAACAD0" property="og:image:secure_url">
 <meta content="1200" property="og:image:width">
 <meta content="627" property="og:image:height">
-<meta content=" " property="twitter:title" />
+<meta content="My awesome Twitter Title" property="twitter:title" />
 <meta content="summary_large_image" property="twitter:card">
 <meta content="https://res.cloudinary.com/nuxt-cloudinary/image/upload/c_fill,w_2400,h_1254,g_center/c_scale,w_1200/f_webp/q_auto/cld-sample-2?_a=BBDAACAD0" property="twitter:image">
 ```
 
+Keep in mind that if you want to render an OG image in Twitter, you need to:
+
+1. Have a `currentRoute.meta?.title` set to some value
+2. Pass a prop to the component like following:
+
+```html
+<CldOgImage
+  src="cld-sample-2"
+  twitter-title="My Awesome Twitter Title"
+/>
+```
+
 You can further take advantage of Cloudinary features like background removal and overlays by adding additional props. The CldOgImage component uses the same API as [CldImage](/components/cldimage/usage), meaning you can use the same transformations and effects.

docs/package.json

@@ -10,13 +10,13 @@
   "devDependencies": {
     "@iconify-json/ph": "^1.1.10",
     "@iconify-json/simple-icons": "^1.1.87",
-    "@nuxt/content": "^2.10.0",
+    "@nuxt/content": "^2.12.1",
     "@nuxt/devtools": "1.0.5",
-    "@nuxt/ui-pro": "^0.6.1",
-    "nuxt": "^3.9.3",
-    "typescript": "^5.3.3"
+    "@nuxt/ui-pro": "^1.2.0",
+    "nuxt": "^3.12.1",
+    "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@nuxtjs/cloudinary": "^3.0.0-rc.1"
+    "@nuxtjs/cloudinary": "^3.0.0-rc.3"
   }
 }