fix: 2.4.3 video player imports

Author: Baroshem

.stackblitz/package.json

@@ -11,6 +11,6 @@
     "nuxt": "^3.8.0"
   },
   "dependencies": {
-    "@nuxtjs/cloudinary": "^2.4.2"
+    "@nuxtjs/cloudinary": "^2.4.3"
   }
 }

.stackblitz/yarn.lock

@@ -1162,10 +1162,10 @@
     vite-plugin-checker "^0.6.2"
     vue-bundle-renderer "^2.0.0"
 
-"@nuxtjs/cloudinary@^2.4.2":
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/cloudinary/-/cloudinary-2.4.2.tgz#73c766d1e7538d6b79d4596ae17aacec7e4384f1"
-  integrity sha512-P02zyAMN9VazRSaZryXXoCpVmT4kJtVKprI5wJvdo2I100BizHAsy6QSAt50VXaEaft4K2hA2Mtb5xqtvkh8vA==
+"@nuxtjs/cloudinary@^2.4.3":
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/cloudinary/-/cloudinary-2.4.3.tgz#8adb778f6c1c8dd4d45d48ec1b5a0e1ceebafc2e"
+  integrity sha512-sBXYjEAaCjjrfMPZZjcQzZ5CqTyJF+LLDX3H3DuRwyMzi56Epmcu0RmVXHMKT6eFs0azBovLo0cq2KG6PbOQfQ==
   dependencies:
     "@cloudinary-util/url-loader" "^3.10.0"
     "@nuxt/kit" "^3.5.0"

package.json

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

src/runtime/components/CldVideoPlayer.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, Ref } from "vue";
+import { ref } from "vue";
 import { useHead } from "@unhead/vue";
 import { useRuntimeConfig } from "#imports";
 import { parseUrl } from "@cloudinary-util/util";
@@ -61,10 +61,10 @@ export type CldVideoPlayerProps = Pick<
   onPause?: Function;
   onPlay?: Function;
   onEnded?: Function;
-  playerRef?: Ref<CloudinaryVideoPlayer | null>;
+  playerRef?: { value: CloudinaryVideoPlayer | null };
   src: string;
   version?: string;
-  videoRef?: Ref<HTMLVideoElement | null>;
+  videoRef?: { value: HTMLVideoElement | null };
   quality?: string | number;
   width: string | number;
 };
@@ -131,9 +131,9 @@ playerTransformations.unshift({
 });
 
 const cloudinaryRef = ref<any>();
-const defaultVideoRef = ref() as Ref<HTMLVideoElement | null>;
+const defaultVideoRef = ref();
 const videoRef = props.videoRef || defaultVideoRef;
-const defaultPlayerRef = ref() as Ref<CloudinaryVideoPlayer | null>;
+const defaultPlayerRef = ref();
 const playerRef = props.playerRef || defaultPlayerRef;
 
 const playerId = id || `player-${publicId.replace("/", "-")}-${idRef.value}`;