vue-datocms 4.0.4 → 4.0.6

package/dist/index.cjs.js

@@ -50,19 +50,19 @@ const useInView = ({ threshold, rootMargin }) => {
   return { inView, elRef };
 };
 
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
@@ -79,7 +79,7 @@ const Source = vueDemi.defineComponent({
     }
   },
   setup({ srcset, sizes, type }) {
-    return () => vueDemi.h("source", __spreadValues$4(__spreadValues$4({}, vueDemi.isVue2 && {
+    return () => vueDemi.h("source", __spreadValues$5(__spreadValues$5({}, vueDemi.isVue2 && {
       attrs: {
         srcset,
         sizes,
@@ -93,19 +93,19 @@ const Source = vueDemi.defineComponent({
   }
 });
 
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
@@ -131,9 +131,9 @@ const Sizer = vueDemi.defineComponent({
   },
   setup({ sizerClass, sizerStyle, width, height, explicitWidth }) {
     const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"></svg>`;
-    return () => vueDemi.h("img", __spreadValues$3(__spreadValues$3({
+    return () => vueDemi.h("img", __spreadValues$4(__spreadValues$4({
       class: sizerClass,
-      style: __spreadValues$3({
+      style: __spreadValues$4({
         display: "block",
         width: explicitWidth ? `${width}px` : "100%"
       }, sizerStyle)
@@ -149,21 +149,21 @@ const Sizer = vueDemi.defineComponent({
   }
 });
 
-var __defProp$2 = Object.defineProperty;
+var __defProp$3 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
@@ -374,7 +374,7 @@ const Image = vueDemi.defineComponent({
       inView: this.inView,
       loaded: this.loaded
     });
-    const webpSource = this.data.webpSrcSet && vueDemi.h(Source, __spreadValues$2(__spreadValues$2({}, vueDemi.isVue2 && {
+    const webpSource = this.data.webpSrcSet && vueDemi.h(Source, __spreadValues$3(__spreadValues$3({}, vueDemi.isVue2 && {
       props: {
         srcset: this.data.webpSrcSet,
         sizes: (_b = (_a = this.sizes) != null ? _a : this.data.sizes) != null ? _b : void 0,
@@ -385,7 +385,7 @@ const Image = vueDemi.defineComponent({
       sizes: (_d = (_c = this.sizes) != null ? _c : this.data.sizes) != null ? _d : void 0,
       type: "image/webp"
     }));
-    const regularSource = this.data.srcSet && vueDemi.h(Source, __spreadValues$2(__spreadValues$2({}, vueDemi.isVue2 && {
+    const regularSource = this.data.srcSet && vueDemi.h(Source, __spreadValues$3(__spreadValues$3({}, vueDemi.isVue2 && {
       props: {
         srcset: (_e = this.data.srcSet) != null ? _e : buildSrcSet(this.data.src, this.data.width, this.srcSetCandidates),
         sizes: (_g = (_f = this.sizes) != null ? _f : this.data.sizes) != null ? _g : void 0
@@ -414,7 +414,7 @@ const Image = vueDemi.defineComponent({
     }) : null;
     const { width, aspectRatio } = this.data;
     const height = (_k = this.data.height) != null ? _k : aspectRatio ? width / aspectRatio : 0;
-    const sizer = this.layout !== "fill" ? vueDemi.h(Sizer, __spreadValues$2(__spreadValues$2({}, vueDemi.isVue2 && {
+    const sizer = this.layout !== "fill" ? vueDemi.h(Sizer, __spreadValues$3(__spreadValues$3({}, vueDemi.isVue2 && {
       props: {
         sizerClass: this.pictureClass,
         sizerStyle: this.pictureStyle,
@@ -432,7 +432,7 @@ const Image = vueDemi.defineComponent({
     return vueDemi.h(
       "div",
       {
-        style: __spreadValues$2(__spreadValues$2({
+        style: __spreadValues$3(__spreadValues$3({
           display: this.explicitWidth ? "inline-block" : "block",
           overflow: "hidden"
         }, this.layout === "fill" ? absolutePositioning : this.layout === "intrinsic" ? { position: "relative", width: "100%", maxWidth: `${width}px` } : this.layout === "fixed" ? { position: "relative", width: `${width}px` } : { position: "relative" }), this.rootStyle),
@@ -444,7 +444,7 @@ const Image = vueDemi.defineComponent({
         addImage && vueDemi.h("picture", null, [
           webpSource,
           regularSource,
-          this.data.src && vueDemi.h("img", __spreadProps$2(__spreadValues$2(__spreadValues$2({}, vueDemi.isVue2 && {
+          this.data.src && vueDemi.h("img", __spreadProps$2(__spreadValues$3(__spreadValues$3({}, vueDemi.isVue2 && {
             attrs: {
               src: this.data.src,
               alt: this.data.alt,
@@ -463,7 +463,7 @@ const Image = vueDemi.defineComponent({
           }), {
             ref: "imageRef",
             class: this.pictureClass,
-            style: __spreadValues$2(__spreadProps$2(__spreadValues$2({
+            style: __spreadValues$3(__spreadProps$2(__spreadValues$3({
               opacity: showImage ? 1 : 0,
               transition
             }, absolutePositioning), {
@@ -472,7 +472,7 @@ const Image = vueDemi.defineComponent({
             }), this.pictureStyle)
           }))
         ]),
-        vueDemi.h("noscript", __spreadValues$2(__spreadValues$2({}, vueDemi.isVue2 && {
+        vueDemi.h("noscript", __spreadValues$3(__spreadValues$3({}, vueDemi.isVue2 && {
           domProps: {
             innerHTML: tag("picture", {}, [
               this.data.webpSrcSet && tag("source", {
@@ -489,7 +489,7 @@ const Image = vueDemi.defineComponent({
                 alt: this.data.alt,
                 title: this.data.title,
                 class: this.pictureClass,
-                style: toCss(__spreadValues$2(__spreadProps$2(__spreadValues$2({}, absolutePositioning), {
+                style: toCss(__spreadValues$3(__spreadProps$2(__spreadValues$3({}, absolutePositioning), {
                   objectFit: this.objectFit,
                   objectPosition: this.objectPosition
                 }), this.pictureStyle)),
@@ -514,7 +514,7 @@ const Image = vueDemi.defineComponent({
               alt: this.data.alt,
               title: this.data.title,
               class: this.pictureClass,
-              style: toCss(__spreadValues$2(__spreadValues$2({}, this.pictureStyle), absolutePositioning)),
+              style: toCss(__spreadValues$3(__spreadValues$3({}, this.pictureStyle), absolutePositioning)),
               loading: this.computedLazyLoad ? "lazy" : void 0,
               fetchpriority: this.priority ? "high" : void 0
             })
@@ -530,10 +530,39 @@ const DatocmsImagePlugin = {
   }
 };
 
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const hAdapter = (tagName, props, childOrChildren) => {
+  const _a = props || {}, { href, target, rel } = _a, rest = __objRest$1(_a, ["href", "target", "rel"]);
   return vueDemi.h(
     tagName,
-    props,
+    __spreadValues$2(__spreadValues$2({}, vueDemi.isVue2 && __spreadValues$2({ attrs: { href, target, rel } }, rest)), vueDemi.isVue3 && props),
     typeof childOrChildren === "undefined" || Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren]
   );
 };

package/dist/index.esm.mjs

@@ -44,19 +44,19 @@ const useInView = ({ threshold, rootMargin }) => {
   return { inView, elRef };
 };
 
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
@@ -73,7 +73,7 @@ const Source = defineComponent({
     }
   },
   setup({ srcset, sizes, type }) {
-    return () => h("source", __spreadValues$4(__spreadValues$4({}, isVue2 && {
+    return () => h("source", __spreadValues$5(__spreadValues$5({}, isVue2 && {
       attrs: {
         srcset,
         sizes,
@@ -87,19 +87,19 @@ const Source = defineComponent({
   }
 });
 
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
@@ -125,9 +125,9 @@ const Sizer = defineComponent({
   },
   setup({ sizerClass, sizerStyle, width, height, explicitWidth }) {
     const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"></svg>`;
-    return () => h("img", __spreadValues$3(__spreadValues$3({
+    return () => h("img", __spreadValues$4(__spreadValues$4({
       class: sizerClass,
-      style: __spreadValues$3({
+      style: __spreadValues$4({
         display: "block",
         width: explicitWidth ? `${width}px` : "100%"
       }, sizerStyle)
@@ -143,21 +143,21 @@ const Sizer = defineComponent({
   }
 });
 
-var __defProp$2 = Object.defineProperty;
+var __defProp$3 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
@@ -368,7 +368,7 @@ const Image = defineComponent({
       inView: this.inView,
       loaded: this.loaded
     });
-    const webpSource = this.data.webpSrcSet && h(Source, __spreadValues$2(__spreadValues$2({}, isVue2 && {
+    const webpSource = this.data.webpSrcSet && h(Source, __spreadValues$3(__spreadValues$3({}, isVue2 && {
       props: {
         srcset: this.data.webpSrcSet,
         sizes: (_b = (_a = this.sizes) != null ? _a : this.data.sizes) != null ? _b : void 0,
@@ -379,7 +379,7 @@ const Image = defineComponent({
       sizes: (_d = (_c = this.sizes) != null ? _c : this.data.sizes) != null ? _d : void 0,
       type: "image/webp"
     }));
-    const regularSource = this.data.srcSet && h(Source, __spreadValues$2(__spreadValues$2({}, isVue2 && {
+    const regularSource = this.data.srcSet && h(Source, __spreadValues$3(__spreadValues$3({}, isVue2 && {
       props: {
         srcset: (_e = this.data.srcSet) != null ? _e : buildSrcSet(this.data.src, this.data.width, this.srcSetCandidates),
         sizes: (_g = (_f = this.sizes) != null ? _f : this.data.sizes) != null ? _g : void 0
@@ -408,7 +408,7 @@ const Image = defineComponent({
     }) : null;
     const { width, aspectRatio } = this.data;
     const height = (_k = this.data.height) != null ? _k : aspectRatio ? width / aspectRatio : 0;
-    const sizer = this.layout !== "fill" ? h(Sizer, __spreadValues$2(__spreadValues$2({}, isVue2 && {
+    const sizer = this.layout !== "fill" ? h(Sizer, __spreadValues$3(__spreadValues$3({}, isVue2 && {
       props: {
         sizerClass: this.pictureClass,
         sizerStyle: this.pictureStyle,
@@ -426,7 +426,7 @@ const Image = defineComponent({
     return h(
       "div",
       {
-        style: __spreadValues$2(__spreadValues$2({
+        style: __spreadValues$3(__spreadValues$3({
           display: this.explicitWidth ? "inline-block" : "block",
           overflow: "hidden"
         }, this.layout === "fill" ? absolutePositioning : this.layout === "intrinsic" ? { position: "relative", width: "100%", maxWidth: `${width}px` } : this.layout === "fixed" ? { position: "relative", width: `${width}px` } : { position: "relative" }), this.rootStyle),
@@ -438,7 +438,7 @@ const Image = defineComponent({
         addImage && h("picture", null, [
           webpSource,
           regularSource,
-          this.data.src && h("img", __spreadProps$2(__spreadValues$2(__spreadValues$2({}, isVue2 && {
+          this.data.src && h("img", __spreadProps$2(__spreadValues$3(__spreadValues$3({}, isVue2 && {
             attrs: {
               src: this.data.src,
               alt: this.data.alt,
@@ -457,7 +457,7 @@ const Image = defineComponent({
           }), {
             ref: "imageRef",
             class: this.pictureClass,
-            style: __spreadValues$2(__spreadProps$2(__spreadValues$2({
+            style: __spreadValues$3(__spreadProps$2(__spreadValues$3({
               opacity: showImage ? 1 : 0,
               transition
             }, absolutePositioning), {
@@ -466,7 +466,7 @@ const Image = defineComponent({
             }), this.pictureStyle)
           }))
         ]),
-        h("noscript", __spreadValues$2(__spreadValues$2({}, isVue2 && {
+        h("noscript", __spreadValues$3(__spreadValues$3({}, isVue2 && {
           domProps: {
             innerHTML: tag("picture", {}, [
               this.data.webpSrcSet && tag("source", {
@@ -483,7 +483,7 @@ const Image = defineComponent({
                 alt: this.data.alt,
                 title: this.data.title,
                 class: this.pictureClass,
-                style: toCss(__spreadValues$2(__spreadProps$2(__spreadValues$2({}, absolutePositioning), {
+                style: toCss(__spreadValues$3(__spreadProps$2(__spreadValues$3({}, absolutePositioning), {
                   objectFit: this.objectFit,
                   objectPosition: this.objectPosition
                 }), this.pictureStyle)),
@@ -508,7 +508,7 @@ const Image = defineComponent({
               alt: this.data.alt,
               title: this.data.title,
               class: this.pictureClass,
-              style: toCss(__spreadValues$2(__spreadValues$2({}, this.pictureStyle), absolutePositioning)),
+              style: toCss(__spreadValues$3(__spreadValues$3({}, this.pictureStyle), absolutePositioning)),
               loading: this.computedLazyLoad ? "lazy" : void 0,
               fetchpriority: this.priority ? "high" : void 0
             })
@@ -524,10 +524,39 @@ const DatocmsImagePlugin = {
   }
 };
 
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const hAdapter = (tagName, props, childOrChildren) => {
+  const _a = props || {}, { href, target, rel } = _a, rest = __objRest$1(_a, ["href", "target", "rel"]);
   return h(
     tagName,
-    props,
+    __spreadValues$2(__spreadValues$2({}, isVue2 && __spreadValues$2({ attrs: { href, target, rel } }, rest)), isVue3 && props),
     typeof childOrChildren === "undefined" || Array.isArray(childOrChildren) ? childOrChildren : [childOrChildren]
   );
 };

package/package.json

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