vue-datocms 8.1.6 → 8.1.7

package/dist/index.cjs.js

@@ -1469,6 +1469,7 @@ const VideoPlayer = vue.defineComponent({
     ]);
     import('@mux/mux-player');
     const muxPlayerRef = vue.ref();
+    const { alt } = data;
     const computedProps = __spreadProps$2(__spreadValues$2({}, useVideoPlayer({ data })), {
       disableCookies,
       disableTracking,
@@ -1477,7 +1478,8 @@ const VideoPlayer = vue.defineComponent({
     return {
       muxPlayerRef,
       computedProps,
-      otherProps
+      otherProps,
+      alt
     };
   },
   mounted() {
@@ -1562,7 +1564,8 @@ const VideoPlayer = vue.defineComponent({
   render() {
     return vue.h("mux-player", __spreadValues$2(__spreadValues$2({
       ref: "muxPlayerRef",
-      "stream-type": "on-demand"
+      "stream-type": "on-demand",
+      "data-datocms-content-link-source": this.alt
     }, toHTMLAttrs(this.computedProps)), toHTMLAttrs(this.otherProps)));
   }
 });

package/dist/index.d.ts

@@ -866,6 +866,8 @@ type Possibly<T> = Maybe$1<T> | undefined;
 type Video = {
     /** Title attribute (`title`) for the video */
     title?: Possibly<string>;
+    /** Alt attribute used for content link integration (passed as data-datocms-content-link-source) */
+    alt?: Possibly<string>;
     /** The height of the video */
     height?: Possibly<number>;
     /** The width of the video */
@@ -1212,6 +1214,7 @@ declare const VideoPlayer: vue.DefineComponent<{
         onCuePointChange: ((...args: any[]) => any) | undefined;
         onCuePointsChange: ((...args: any[]) => any) | undefined;
     };
+    alt: Possibly<string>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "seeking" | "ended" | "pause" | "play" | "abort" | "canPlay" | "canPlayThrough" | "emptied" | "loadStart" | "loadedData" | "loadedMetadata" | "progress" | "durationChange" | "volumeChange" | "rateChange" | "resize" | "waiting" | "playing" | "timeUpdate" | "seeked" | "stalled" | "suspend" | "cuePointChange" | "cuePointsChange")[], "error" | "seeking" | "ended" | "pause" | "play" | "abort" | "canPlay" | "canPlayThrough" | "emptied" | "loadStart" | "loadedData" | "loadedMetadata" | "progress" | "durationChange" | "volumeChange" | "rateChange" | "resize" | "waiting" | "playing" | "timeUpdate" | "seeked" | "stalled" | "suspend" | "cuePointChange" | "cuePointsChange", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     _hlsConfig: {
         type: PropType<MuxPlayerElement["_hlsConfig"]>;

package/dist/index.esm.mjs

@@ -1470,6 +1470,7 @@ const VideoPlayer = defineComponent({
     ]);
     import('@mux/mux-player');
     const muxPlayerRef = ref();
+    const { alt } = data;
     const computedProps = __spreadProps$2(__spreadValues$2({}, useVideoPlayer({ data })), {
       disableCookies,
       disableTracking,
@@ -1478,7 +1479,8 @@ const VideoPlayer = defineComponent({
     return {
       muxPlayerRef,
       computedProps,
-      otherProps
+      otherProps,
+      alt
     };
   },
   mounted() {
@@ -1563,7 +1565,8 @@ const VideoPlayer = defineComponent({
   render() {
     return h("mux-player", __spreadValues$2(__spreadValues$2({
       ref: "muxPlayerRef",
-      "stream-type": "on-demand"
+      "stream-type": "on-demand",
+      "data-datocms-content-link-source": this.alt
     }, toHTMLAttrs(this.computedProps)), toHTMLAttrs(this.otherProps)));
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-datocms",
-  "version": "8.1.6",
+  "version": "8.1.7",
   "type": "module",
   "description": "A set of components and utilities to work faster with DatoCMS in Vue.js environments",
   "keywords": [
@@ -42,7 +42,7 @@
     "toc": "doctoc --github src/components src/lib"
   },
   "dependencies": {
-    "@datocms/content-link": "^0.3.9",
+    "@datocms/content-link": "^0.3.10",
     "datocms-listen": "^1.0.2",
     "hls.js": "^1.5.17",
     "datocms-structured-text-generic-html-renderer": "^5.0.0",