vue-datocms 8.1.0 → 8.1.1

package/dist/index.cjs.js

@@ -346,6 +346,10 @@ const Image$1 = vue.defineComponent({
         return typeof value === "number";
       }),
       default: () => [0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4]
+    },
+    referrerPolicy: {
+      type: String,
+      default: "no-referrer-when-downgrade"
     }
   },
   setup(props, { emit, expose }) {
@@ -460,7 +464,8 @@ const Image$1 = vue.defineComponent({
             }, absolutePositioning), {
               objectFit: this.objectFit,
               objectPosition: this.objectPosition
-            }), this.imgStyle)
+            }), this.imgStyle),
+            referrerpolicy: this.referrerPolicy
           })
         ]),
         vue.h("noscript", {
@@ -491,7 +496,8 @@ const Image$1 = vue.defineComponent({
                   objectPosition: this.objectPosition
                 }), this.imgStyle)),
                 loading: this.priority ? void 0 : "lazy",
-                fetchpriority: this.priority ? "high" : void 0
+                fetchpriority: this.priority ? "high" : void 0,
+                referrerpolicy: this.referrerPolicy
               })
             ]
           )
@@ -561,6 +567,10 @@ const NakedImage = vue.defineComponent({
     imgStyle: {
       type: Object,
       default: () => ({})
+    },
+    referrerPolicy: {
+      type: String,
+      default: "no-referrer-when-downgrade"
     }
   },
   setup(_props, { emit, expose }) {
@@ -631,7 +641,8 @@ const NakedImage = vue.defineComponent({
           fetchpriority: this.priority ? "high" : void 0,
           loading: this.priority ? void 0 : "lazy",
           style: __spreadValues$4(__spreadValues$4(__spreadValues$4({}, placeholderStyle), sizingStyle), this.imgStyle || {}),
-          class: this.imgClass
+          class: this.imgClass,
+          referrerpolicy: this.referrerPolicy
         })
       ]
     );

package/dist/index.d.ts

@@ -142,6 +142,16 @@ declare const Image: vue.DefineComponent<{
         validator: (values: any[]) => values is number[];
         default: () => number[];
     };
+    /**
+     * Defines which referrer is sent when fetching the image
+     * Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy
+     *
+     * Defaults to `no-referrer-when-downgrade` to give more useful stats in DatoCMS Project Usages
+     **/
+    referrerPolicy: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     inView: vue.Ref<boolean>;
     rootRef: vue.Ref<HTMLElement | null>;
@@ -256,6 +266,16 @@ declare const Image: vue.DefineComponent<{
         validator: (values: any[]) => values is number[];
         default: () => number[];
     };
+    /**
+     * Defines which referrer is sent when fetching the image
+     * Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy
+     *
+     * Defaults to `no-referrer-when-downgrade` to give more useful stats in DatoCMS Project Usages
+     **/
+    referrerPolicy: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onLoad?: ((...args: any[]) => any) | undefined;
 }, {
@@ -268,6 +288,7 @@ declare const Image: vue.DefineComponent<{
     layout: string;
     usePlaceholder: boolean;
     srcSetCandidates: unknown[];
+    referrerPolicy: string;
 }, {}>;
 declare const DatocmsImagePlugin: {
     install: (Vue: any) => void;
@@ -331,6 +352,16 @@ declare const NakedImage: vue.DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
+    /**
+     * Defines which referrer is sent when fetching the image
+     * Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy
+     *
+     * Defaults to `no-referrer-when-downgrade` to give more useful stats in DatoCMS Project Usages
+     **/
+    referrerPolicy: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     loaded: vue.Ref<boolean>;
     handleLoad: () => void;
@@ -393,12 +424,23 @@ declare const NakedImage: vue.DefineComponent<{
         type: ObjectConstructor;
         default: () => {};
     };
+    /**
+     * Defines which referrer is sent when fetching the image
+     * Read more: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy
+     *
+     * Defaults to `no-referrer-when-downgrade` to give more useful stats in DatoCMS Project Usages
+     **/
+    referrerPolicy: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     priority: boolean;
     pictureStyle: Record<string, any>;
     imgStyle: Record<string, any>;
     usePlaceholder: boolean;
     srcSetCandidates: unknown[];
+    referrerPolicy: string;
 }, {}>;
 declare const DatocmsNakedImagePlugin: {
     install: (Vue: any) => void;

package/dist/index.esm.mjs

@@ -322,6 +322,10 @@ const Image$1 = defineComponent({
         return typeof value === "number";
       }),
       default: () => [0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4]
+    },
+    referrerPolicy: {
+      type: String,
+      default: "no-referrer-when-downgrade"
     }
   },
   setup(props, { emit, expose }) {
@@ -436,7 +440,8 @@ const Image$1 = defineComponent({
             }, absolutePositioning), {
               objectFit: this.objectFit,
               objectPosition: this.objectPosition
-            }), this.imgStyle)
+            }), this.imgStyle),
+            referrerpolicy: this.referrerPolicy
           })
         ]),
         h("noscript", {
@@ -467,7 +472,8 @@ const Image$1 = defineComponent({
                   objectPosition: this.objectPosition
                 }), this.imgStyle)),
                 loading: this.priority ? void 0 : "lazy",
-                fetchpriority: this.priority ? "high" : void 0
+                fetchpriority: this.priority ? "high" : void 0,
+                referrerpolicy: this.referrerPolicy
               })
             ]
           )
@@ -537,6 +543,10 @@ const NakedImage = defineComponent({
     imgStyle: {
       type: Object,
       default: () => ({})
+    },
+    referrerPolicy: {
+      type: String,
+      default: "no-referrer-when-downgrade"
     }
   },
   setup(_props, { emit, expose }) {
@@ -607,7 +617,8 @@ const NakedImage = defineComponent({
           fetchpriority: this.priority ? "high" : void 0,
           loading: this.priority ? void 0 : "lazy",
           style: __spreadValues$4(__spreadValues$4(__spreadValues$4({}, placeholderStyle), sizingStyle), this.imgStyle || {}),
-          class: this.imgClass
+          class: this.imgClass,
+          referrerpolicy: this.referrerPolicy
         })
       ]
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-datocms",
-  "version": "8.1.0",
+  "version": "8.1.1",
   "description": "A set of components and utilities to work faster with DatoCMS in Vue.js environments",
   "keywords": [
     "datocms",