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/[email protected]":
+ 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/[email protected].0":
- version "3.0.0"
- resolved "https://registry.yarnpkg.com/@cloudinary-util/util/-/util-3.0.0.tgz#4096e0190108b2680c0027bf9afaeca039cea6cc"
- integrity sha512-o6cJsN49OIelLcSkqUf4WzgefpePDFsAaeQfJbpcKhVdtvmWv71K0oZwMXuX62IY1OolqIg0etMiHtWZPhvPNA==
+"@cloudinary-util/[email protected].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"
  }
 }