@prismicio/vue 2.1.0-alpha.1 → 2.1.2

package/README.md

@@ -54,7 +54,7 @@ Whether you're helping us fix bugs, improve the docs, or spread the word, we'd l
 ## License
 
 ```
-   Copyright 2013-2021 Prismic <contact@prismic.io> (https://prismic.io)
+   Copyright 2013-2022 Prismic <contact@prismic.io> (https://prismic.io)
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

package/components/common.js

@@ -70,7 +70,7 @@ var Embed = {
       required: true
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": 'div'
     }
@@ -131,7 +131,7 @@ var Image = {
     return h('img', Object.assign(data, {
       attrs: _objectSpread2(_objectSpread2({}, data.attrs), {}, {
         src: url,
-        alt: alt,
+        alt: alt || "",
         copyright: copyright
       })
     }));
@@ -178,7 +178,7 @@ var Link = (function (_ref) {
       },
       blankTargetRelAttribute: {
         type: String,
-        "default": "noopener",
+        "default": "noopener noreferrer",
         required: false
       }
     },
@@ -208,14 +208,16 @@ var Link = (function (_ref) {
         href: url
       });
 
-      if (typeof props.target !== "undefined" || field.target) {
-        data.attrs.target = typeof props.target !== "undefined" ? props.target : field.target;
+      if (typeof props.target !== "undefined") {
+        data.attrs.target = props.target;
+      } else if (field.target) {
+        data.attrs.target = field.target;
       }
 
-      if (data.attrs.target === "_blank") {
-        data.attrs.rel = typeof props.rel !== "undefined" ? props.rel : props.blankTargetRelAttribute;
-      } else if (typeof props.rel !== "undefined") {
+      if (typeof props.rel !== "undefined") {
         data.attrs.rel = props.rel;
+      } else if (data.attrs.target === "_blank") {
+        data.attrs.rel = props.blankTargetRelAttribute;
       }
 
       return h("a", data, children);
@@ -240,7 +242,7 @@ var RichText = {
       required: false
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": "div"
     }
@@ -281,7 +283,7 @@ var Text = {
       required: false
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": "div"
     }
@@ -345,7 +347,7 @@ var getSliceComponentProps = function getSliceComponentProps(propsHint) {
   };
 };
 var TODOSliceComponent = __PRODUCTION__ ? null : {
-  name: "TODOSliceCOmponent",
+  name: "TODOSliceComponent",
   functional: true,
   props: getSliceComponentProps(),
   render: function render(h, _ref) {

package/components/index.js

@@ -62,7 +62,7 @@ var Embed = {
       required: true
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": 'div'
     }
@@ -123,7 +123,7 @@ var Image = {
     return h('img', Object.assign(data, {
       attrs: _objectSpread2(_objectSpread2({}, data.attrs), {}, {
         src: url,
-        alt: alt,
+        alt: alt || "",
         copyright: copyright
       })
     }));
@@ -170,7 +170,7 @@ var Link = (function (_ref) {
       },
       blankTargetRelAttribute: {
         type: String,
-        "default": "noopener",
+        "default": "noopener noreferrer",
         required: false
       }
     },
@@ -200,14 +200,16 @@ var Link = (function (_ref) {
         href: url
       });
 
-      if (typeof props.target !== "undefined" || field.target) {
-        data.attrs.target = typeof props.target !== "undefined" ? props.target : field.target;
+      if (typeof props.target !== "undefined") {
+        data.attrs.target = props.target;
+      } else if (field.target) {
+        data.attrs.target = field.target;
       }
 
-      if (data.attrs.target === "_blank") {
-        data.attrs.rel = typeof props.rel !== "undefined" ? props.rel : props.blankTargetRelAttribute;
-      } else if (typeof props.rel !== "undefined") {
+      if (typeof props.rel !== "undefined") {
         data.attrs.rel = props.rel;
+      } else if (data.attrs.target === "_blank") {
+        data.attrs.rel = props.blankTargetRelAttribute;
       }
 
       return h("a", data, children);
@@ -232,7 +234,7 @@ var RichText = {
       required: false
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": "div"
     }
@@ -273,7 +275,7 @@ var Text = {
       required: false
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": "div"
     }
@@ -337,7 +339,7 @@ var getSliceComponentProps = function getSliceComponentProps(propsHint) {
   };
 };
 var TODOSliceComponent = __PRODUCTION__ ? null : {
-  name: "TODOSliceCOmponent",
+  name: "TODOSliceComponent",
   functional: true,
   props: getSliceComponentProps(),
   render: function render(h, _ref) {

package/components/umd.js

@@ -70,7 +70,7 @@
         required: true
       },
       wrapper: {
-        type: String,
+        type: [String, Object, Function],
         required: false,
         "default": 'div'
       }
@@ -131,7 +131,7 @@
       return h('img', Object.assign(data, {
         attrs: _objectSpread2(_objectSpread2({}, data.attrs), {}, {
           src: url,
-          alt: alt,
+          alt: alt || "",
           copyright: copyright
         })
       }));
@@ -178,7 +178,7 @@
         },
         blankTargetRelAttribute: {
           type: String,
-          "default": "noopener",
+          "default": "noopener noreferrer",
           required: false
         }
       },
@@ -208,14 +208,16 @@
           href: url
         });
 
-        if (typeof props.target !== "undefined" || field.target) {
-          data.attrs.target = typeof props.target !== "undefined" ? props.target : field.target;
+        if (typeof props.target !== "undefined") {
+          data.attrs.target = props.target;
+        } else if (field.target) {
+          data.attrs.target = field.target;
         }
 
-        if (data.attrs.target === "_blank") {
-          data.attrs.rel = typeof props.rel !== "undefined" ? props.rel : props.blankTargetRelAttribute;
-        } else if (typeof props.rel !== "undefined") {
+        if (typeof props.rel !== "undefined") {
           data.attrs.rel = props.rel;
+        } else if (data.attrs.target === "_blank") {
+          data.attrs.rel = props.blankTargetRelAttribute;
         }
 
         return h("a", data, children);
@@ -240,7 +242,7 @@
         required: false
       },
       wrapper: {
-        type: String,
+        type: [String, Object, Function],
         required: false,
         "default": "div"
       }
@@ -281,7 +283,7 @@
         required: false
       },
       wrapper: {
-        type: String,
+        type: [String, Object, Function],
         required: false,
         "default": "div"
       }
@@ -345,7 +347,7 @@
     };
   };
   var TODOSliceComponent = __PRODUCTION__ ? null : {
-    name: "TODOSliceCOmponent",
+    name: "TODOSliceComponent",
     functional: true,
     props: getSliceComponentProps(),
     render: function render(h, _ref) {

package/dist/prismic-vue.common.js

@@ -129,7 +129,7 @@ var Embed = {
       required: true
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": 'div'
     }
@@ -190,7 +190,7 @@ var Image = {
     return h('img', Object.assign(data, {
       attrs: _objectSpread2(_objectSpread2({}, data.attrs), {}, {
         src: url,
-        alt: alt,
+        alt: alt || "",
         copyright: copyright
       })
     }));
@@ -237,7 +237,7 @@ var Link = (function (_ref) {
       },
       blankTargetRelAttribute: {
         type: String,
-        "default": "noopener",
+        "default": "noopener noreferrer",
         required: false
       }
     },
@@ -267,14 +267,16 @@ var Link = (function (_ref) {
         href: url
       });
 
-      if (typeof props.target !== "undefined" || field.target) {
-        data.attrs.target = typeof props.target !== "undefined" ? props.target : field.target;
+      if (typeof props.target !== "undefined") {
+        data.attrs.target = props.target;
+      } else if (field.target) {
+        data.attrs.target = field.target;
       }
 
-      if (data.attrs.target === "_blank") {
-        data.attrs.rel = typeof props.rel !== "undefined" ? props.rel : props.blankTargetRelAttribute;
-      } else if (typeof props.rel !== "undefined") {
+      if (typeof props.rel !== "undefined") {
         data.attrs.rel = props.rel;
+      } else if (data.attrs.target === "_blank") {
+        data.attrs.rel = props.blankTargetRelAttribute;
       }
 
       return h("a", data, children);
@@ -299,7 +301,7 @@ var RichText = {
       required: false
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": "div"
     }
@@ -340,7 +342,7 @@ var Text = {
       required: false
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": "div"
     }
@@ -404,7 +406,7 @@ var getSliceComponentProps = function getSliceComponentProps(propsHint) {
   };
 };
 var TODOSliceComponent = __PRODUCTION__ ? null : {
-  name: "TODOSliceCOmponent",
+  name: "TODOSliceComponent",
   functional: true,
   props: getSliceComponentProps(),
   render: function render(h, _ref) {
@@ -572,6 +574,10 @@ var PrismicVue = {
     var _options$linkType = options.linkType,
         linkType = _options$linkType === void 0 ? "vueRouter" : _options$linkType;
     Vue.prototype.$prismic = prismicJS__default["default"];
+    Vue.prototype.$prismic.predicate = prismicJS__default["default"].Predicates;
+    Vue.prototype.$prismic.cookie = {
+      preview: prismicJS__default["default"].previewCookie
+    };
     Vue.prototype.$prismic.endpoint = options.endpoint;
     Vue.prototype.$prismic.linkResolver = options.linkResolver;
     Vue.prototype.$prismic.htmlSerializer = options.htmlSerializer;

package/dist/prismic-vue.esm.js

@@ -122,7 +122,7 @@ var Embed = {
       required: true
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": 'div'
     }
@@ -183,7 +183,7 @@ var Image = {
     return h('img', Object.assign(data, {
       attrs: _objectSpread2(_objectSpread2({}, data.attrs), {}, {
         src: url,
-        alt: alt,
+        alt: alt || "",
         copyright: copyright
       })
     }));
@@ -230,7 +230,7 @@ var Link = (function (_ref) {
       },
       blankTargetRelAttribute: {
         type: String,
-        "default": "noopener",
+        "default": "noopener noreferrer",
         required: false
       }
     },
@@ -260,14 +260,16 @@ var Link = (function (_ref) {
         href: url
       });
 
-      if (typeof props.target !== "undefined" || field.target) {
-        data.attrs.target = typeof props.target !== "undefined" ? props.target : field.target;
+      if (typeof props.target !== "undefined") {
+        data.attrs.target = props.target;
+      } else if (field.target) {
+        data.attrs.target = field.target;
       }
 
-      if (data.attrs.target === "_blank") {
-        data.attrs.rel = typeof props.rel !== "undefined" ? props.rel : props.blankTargetRelAttribute;
-      } else if (typeof props.rel !== "undefined") {
+      if (typeof props.rel !== "undefined") {
         data.attrs.rel = props.rel;
+      } else if (data.attrs.target === "_blank") {
+        data.attrs.rel = props.blankTargetRelAttribute;
       }
 
       return h("a", data, children);
@@ -292,7 +294,7 @@ var RichText = {
       required: false
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": "div"
     }
@@ -333,7 +335,7 @@ var Text = {
       required: false
     },
     wrapper: {
-      type: String,
+      type: [String, Object, Function],
       required: false,
       "default": "div"
     }
@@ -397,7 +399,7 @@ var getSliceComponentProps = function getSliceComponentProps(propsHint) {
   };
 };
 var TODOSliceComponent = __PRODUCTION__ ? null : {
-  name: "TODOSliceCOmponent",
+  name: "TODOSliceComponent",
   functional: true,
   props: getSliceComponentProps(),
   render: function render(h, _ref) {
@@ -565,6 +567,10 @@ var PrismicVue = {
     var _options$linkType = options.linkType,
         linkType = _options$linkType === void 0 ? "vueRouter" : _options$linkType;
     Vue.prototype.$prismic = prismicJS;
+    Vue.prototype.$prismic.predicate = prismicJS.Predicates;
+    Vue.prototype.$prismic.cookie = {
+      preview: prismicJS.previewCookie
+    };
     Vue.prototype.$prismic.endpoint = options.endpoint;
     Vue.prototype.$prismic.linkResolver = options.linkResolver;
     Vue.prototype.$prismic.htmlSerializer = options.htmlSerializer;

package/dist/prismic-vue.js

@@ -130,7 +130,7 @@
         required: true
       },
       wrapper: {
-        type: String,
+        type: [String, Object, Function],
         required: false,
         "default": 'div'
       }
@@ -191,7 +191,7 @@
       return h('img', Object.assign(data, {
         attrs: _objectSpread2(_objectSpread2({}, data.attrs), {}, {
           src: url,
-          alt: alt,
+          alt: alt || "",
           copyright: copyright
         })
       }));
@@ -238,7 +238,7 @@
         },
         blankTargetRelAttribute: {
           type: String,
-          "default": "noopener",
+          "default": "noopener noreferrer",
           required: false
         }
       },
@@ -268,14 +268,16 @@
           href: url
         });
 
-        if (typeof props.target !== "undefined" || field.target) {
-          data.attrs.target = typeof props.target !== "undefined" ? props.target : field.target;
+        if (typeof props.target !== "undefined") {
+          data.attrs.target = props.target;
+        } else if (field.target) {
+          data.attrs.target = field.target;
         }
 
-        if (data.attrs.target === "_blank") {
-          data.attrs.rel = typeof props.rel !== "undefined" ? props.rel : props.blankTargetRelAttribute;
-        } else if (typeof props.rel !== "undefined") {
+        if (typeof props.rel !== "undefined") {
           data.attrs.rel = props.rel;
+        } else if (data.attrs.target === "_blank") {
+          data.attrs.rel = props.blankTargetRelAttribute;
         }
 
         return h("a", data, children);
@@ -300,7 +302,7 @@
         required: false
       },
       wrapper: {
-        type: String,
+        type: [String, Object, Function],
         required: false,
         "default": "div"
       }
@@ -341,7 +343,7 @@
         required: false
       },
       wrapper: {
-        type: String,
+        type: [String, Object, Function],
         required: false,
         "default": "div"
       }
@@ -405,7 +407,7 @@
     };
   };
   var TODOSliceComponent = __PRODUCTION__ ? null : {
-    name: "TODOSliceCOmponent",
+    name: "TODOSliceComponent",
     functional: true,
     props: getSliceComponentProps(),
     render: function render(h, _ref) {
@@ -573,6 +575,10 @@
       var _options$linkType = options.linkType,
           linkType = _options$linkType === void 0 ? "vueRouter" : _options$linkType;
       Vue.prototype.$prismic = prismicJS__default["default"];
+      Vue.prototype.$prismic.predicate = prismicJS__default["default"].Predicates;
+      Vue.prototype.$prismic.cookie = {
+        preview: prismicJS__default["default"].previewCookie
+      };
       Vue.prototype.$prismic.endpoint = options.endpoint;
       Vue.prototype.$prismic.linkResolver = options.linkResolver;
       Vue.prototype.$prismic.htmlSerializer = options.htmlSerializer;

package/dist/prismic-vue.min.js

@@ -1 +1 @@
-(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?module.exports=factory(require("@prismicio/client"),require("prismic-dom")):typeof define==="function"&&define.amd?define(["@prismicio/client","prismic-dom"],factory):(global=typeof globalThis!=="undefined"?globalThis:global||self,global.PrismicVue=factory(global.prismicJS,global.prismicDOM))})(this,function(prismicJS,PrismicDOM){"use strict";function _interopDefaultLegacy(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var prismicJS__default=_interopDefaultLegacy(prismicJS);var PrismicDOM__default=_interopDefaultLegacy(PrismicDOM);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){_defineProperty(target,key,source[key])})}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}}return target}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var Embed={name:"PrismicEmbed",functional:true,props:{field:{type:Object,required:true},wrapper:{type:String,required:false,default:"div"}},render:function render(h,_ref){var props=_ref.props,data=_ref.data;var field=props.field,wrapper=props.wrapper;if(!field||!field.html){return null}var embedUrl=field.embed_url,type=field.type,providerName=field.provider_name;var attrs=_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({},data.attrs),embedUrl&&{"data-oembed":embedUrl}),type&&{"data-oembed-type":type}),providerName&&{"data-oembed-provider":providerName});return h(wrapper,_objectSpread2(_objectSpread2({},Object.assign(data,{attrs:attrs})),{},{domProps:{innerHTML:field.html}}))}};var Image={name:"PrismicImage",functional:true,props:{field:{type:Object,required:true}},render:function render(h,_ref){var props=_ref.props,data=_ref.data;var field=props.field;if(!field){return null}var url=field.url,alt=field.alt,copyright=field.copyright;return h("img",Object.assign(data,{attrs:_objectSpread2(_objectSpread2({},data.attrs),{},{src:url,alt:alt,copyright:copyright})}))}};var isInternalURL=function isInternalURL(url){var isInternal=/^\/(?!\/)/.test(url);var isSpecialLink=!isInternal&&!/^https?:\/\//i.test(url);return isInternal&&!isSpecialLink};var Link=function(_ref){var _ref$component=_ref.component,component=_ref$component===void 0?"a":_ref$component;return{name:"PrismicLink",functional:true,props:{field:{type:Object,required:true},linkResolver:{type:Function,required:false},target:{type:String,default:undefined,required:false},rel:{type:String,default:undefined,required:false},blankTargetRelAttribute:{type:String,default:"noopener",required:false}},render:function render(h,_ref2){var props=_ref2.props,data=_ref2.data,children=_ref2.children,parent=_ref2.parent;var field=props.field,linkResolver=props.linkResolver;if(!field){return null}var url=parent.$prismic?parent.$prismic.asLink(field,linkResolver):PrismicDOM__default["default"].Link.url(field,linkResolver||function(){return null});if(isInternalURL(url)&&!props.target){data.props=data.props||{};data.props.to=url;return h(component,data,children)}data.attrs=_objectSpread2(_objectSpread2({},data.attrs),{},{href:url});if(typeof props.target!=="undefined"||field.target){data.attrs.target=typeof props.target!=="undefined"?props.target:field.target}if(data.attrs.target==="_blank"){data.attrs.rel=typeof props.rel!=="undefined"?props.rel:props.blankTargetRelAttribute}else if(typeof props.rel!=="undefined"){data.attrs.rel=props.rel}return h("a",data,children)}}};var RichText={name:"PrismicRichText",functional:true,props:{field:{type:Array,required:true},linkResolver:{type:Function,required:false},htmlSerializer:{type:Function,required:false},wrapper:{type:String,required:false,default:"div"}},render:function render(h,_ref){var props=_ref.props,data=_ref.data,parent=_ref.parent;var field=props.field,linkResolver=props.linkResolver,htmlSerializer=props.htmlSerializer,wrapper=props.wrapper;if(!field){return null}var innerHTML=PrismicDOM.RichText.asHtml(field,linkResolver?linkResolver:parent.$prismic?parent.$prismic.linkResolver:undefined,htmlSerializer?htmlSerializer:parent.$prismic?parent.$prismic.htmlSerializer:undefined);return h(wrapper,_objectSpread2(_objectSpread2({},data),{},{domProps:{innerHTML:innerHTML}}))}};var Text={name:"PrismicText",functional:true,props:{field:{type:Array,required:true},separator:{type:String,default:undefined,required:false},wrapper:{type:String,required:false,default:"div"}},render:function render(h,_ref){var props=_ref.props,data=_ref.data;_ref.children;_ref.parent;var field=props.field,separator=props.separator,wrapper=props.wrapper;if(!field){return null}var innerHTML=PrismicDOM.RichText.asText(field,separator);return h(wrapper,_objectSpread2(_objectSpread2({},data),{},{domProps:{innerHTML:innerHTML}}))}};if(typeof process==="undefined"){globalThis.process={env:{}}}var __PRODUCTION__=process.env.NODE_ENV==="production";var getSliceComponentProps=function getSliceComponentProps(propsHint){return{slice:{type:Object,required:true},index:{type:Number,required:true},slices:{type:Array,required:true},context:{type:null,required:true}}};var TODOSliceComponent=__PRODUCTION__?null:{name:"TODOSliceCOmponent",functional:true,props:getSliceComponentProps(),render:function render(h,_ref){var props=_ref.props,data=_ref.data;console.warn('[SliceZone] Could not find a component for Slice type "'.concat(props.slice.slice_type,'"'),props.slice);return h("section",_objectSpread2(_objectSpread2({},data),{},{attrs:_objectSpread2(_objectSpread2({},data.attrs),{},{"data-slice-zone-todo-component":"","data-slice-type":props.slice.slice_type})}),['Could not find a component for Slice type "'.concat(props.slice.slice_type,'"')])}};var SliceZone={name:"SliceZone",props:{slices:{type:Array,required:true},components:{type:Object,default:undefined,required:false},resolver:{type:Function,default:undefined,required:false},context:{type:null,default:undefined,required:false},defaultComponent:{type:Object,default:undefined,required:false},wrapper:{type:[String,Object,Function],default:"div",required:false}},computed:{renderedSlices:function renderedSlices(){var _this=this;if(!this.slices){return null}return this.slices.map(function(slice,index){var component=_this.components&&slice.slice_type in _this.components?_this.components[slice.slice_type]:_this.defaultComponent||TODOSliceComponent;if(_this.resolver){var resolvedComponent=_this.resolver({slice:slice,sliceName:slice.slice_type,i:index});if(resolvedComponent){component=resolvedComponent}}var p={key:"".concat(slice.slice_type,"-").concat(index),props:{slice:slice,index:index,context:_this.context,slices:_this.slices}};return{component:component,p:p}})}},render:function render(h){if(!this.slices){return null}return h(this.wrapper,this.renderedSlices.map(function(_ref2){var component=_ref2.component,p=_ref2.p;return h(component,p)}))}};var NuxtLink=Link({component:"nuxt-link"});var VueRouterLink=Link({component:"router-link"});var exp={common:{Embed:Embed,Image:Image,RichText:RichText,Text:Text,SliceZone:SliceZone},nuxt:{Link:NuxtLink},vueRouter:{Link:VueRouterLink}};function asHtml(richText,linkResolver,htmlSerializer){if(richText){return PrismicDOM__default["default"].RichText.asHtml(richText,linkResolver,htmlSerializer)}}function asText(richText,joinString){if(richText){return PrismicDOM__default["default"].RichText.asText(richText,joinString)}return""}function asLink(link,linkResolver){if(link){return PrismicDOM__default["default"].Link.url(link,linkResolver)}}function asDate(date){if(date){return PrismicDOM__default["default"].Date(date)}}var client=prismicJS__default["default"].client;function attachMethods(Vue,options){Vue.prototype.$prismic.asHtml=function(richText,linkResolver,htmlSerializer){return asHtml(richText,linkResolver||options.linkResolver,htmlSerializer||options.htmlSerializer)};Vue.prototype.$prismic.asHTML=Vue.prototype.$prismic.asHtml;Vue.prototype.$prismic.asText=asText;Vue.prototype.$prismic.richTextAsPlain=asText;Vue.prototype.$prismic.asDate=asDate;Vue.prototype.$prismic.asLink=function(link,linkResolver){return asLink(link,linkResolver||options.linkResolver)}}var PrismicVue={install:function install(Vue,options){var _options$linkType=options.linkType,linkType=_options$linkType===void 0?"vueRouter":_options$linkType;Vue.prototype.$prismic=prismicJS__default["default"];Vue.prototype.$prismic.endpoint=options.endpoint;Vue.prototype.$prismic.linkResolver=options.linkResolver;Vue.prototype.$prismic.htmlSerializer=options.htmlSerializer;Vue.prototype.$prismic.client=client(options.endpoint,options.apiOptions);attachMethods(Vue,options);var components=_objectSpread2(_objectSpread2({},exp.common),exp[linkType]);Object.entries(components).forEach(function(_ref){var _ref2=_slicedToArray(_ref,2);_ref2[0];var c=_ref2[1];Vue.component(c.name,c)})}};return PrismicVue});
+(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?module.exports=factory(require("@prismicio/client"),require("prismic-dom")):typeof define==="function"&&define.amd?define(["@prismicio/client","prismic-dom"],factory):(global=typeof globalThis!=="undefined"?globalThis:global||self,global.PrismicVue=factory(global.prismicJS,global.prismicDOM))})(this,function(prismicJS,PrismicDOM){"use strict";function _interopDefaultLegacy(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var prismicJS__default=_interopDefaultLegacy(prismicJS);var PrismicDOM__default=_interopDefaultLegacy(PrismicDOM);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){_defineProperty(target,key,source[key])})}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}}return target}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var Embed={name:"PrismicEmbed",functional:true,props:{field:{type:Object,required:true},wrapper:{type:[String,Object,Function],required:false,default:"div"}},render:function render(h,_ref){var props=_ref.props,data=_ref.data;var field=props.field,wrapper=props.wrapper;if(!field||!field.html){return null}var embedUrl=field.embed_url,type=field.type,providerName=field.provider_name;var attrs=_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({},data.attrs),embedUrl&&{"data-oembed":embedUrl}),type&&{"data-oembed-type":type}),providerName&&{"data-oembed-provider":providerName});return h(wrapper,_objectSpread2(_objectSpread2({},Object.assign(data,{attrs:attrs})),{},{domProps:{innerHTML:field.html}}))}};var Image={name:"PrismicImage",functional:true,props:{field:{type:Object,required:true}},render:function render(h,_ref){var props=_ref.props,data=_ref.data;var field=props.field;if(!field){return null}var url=field.url,alt=field.alt,copyright=field.copyright;return h("img",Object.assign(data,{attrs:_objectSpread2(_objectSpread2({},data.attrs),{},{src:url,alt:alt||"",copyright:copyright})}))}};var isInternalURL=function isInternalURL(url){var isInternal=/^\/(?!\/)/.test(url);var isSpecialLink=!isInternal&&!/^https?:\/\//i.test(url);return isInternal&&!isSpecialLink};var Link=function(_ref){var _ref$component=_ref.component,component=_ref$component===void 0?"a":_ref$component;return{name:"PrismicLink",functional:true,props:{field:{type:Object,required:true},linkResolver:{type:Function,required:false},target:{type:String,default:undefined,required:false},rel:{type:String,default:undefined,required:false},blankTargetRelAttribute:{type:String,default:"noopener noreferrer",required:false}},render:function render(h,_ref2){var props=_ref2.props,data=_ref2.data,children=_ref2.children,parent=_ref2.parent;var field=props.field,linkResolver=props.linkResolver;if(!field){return null}var url=parent.$prismic?parent.$prismic.asLink(field,linkResolver):PrismicDOM__default["default"].Link.url(field,linkResolver||function(){return null});if(isInternalURL(url)&&!props.target){data.props=data.props||{};data.props.to=url;return h(component,data,children)}data.attrs=_objectSpread2(_objectSpread2({},data.attrs),{},{href:url});if(typeof props.target!=="undefined"){data.attrs.target=props.target}else if(field.target){data.attrs.target=field.target}if(typeof props.rel!=="undefined"){data.attrs.rel=props.rel}else if(data.attrs.target==="_blank"){data.attrs.rel=props.blankTargetRelAttribute}return h("a",data,children)}}};var RichText={name:"PrismicRichText",functional:true,props:{field:{type:Array,required:true},linkResolver:{type:Function,required:false},htmlSerializer:{type:Function,required:false},wrapper:{type:[String,Object,Function],required:false,default:"div"}},render:function render(h,_ref){var props=_ref.props,data=_ref.data,parent=_ref.parent;var field=props.field,linkResolver=props.linkResolver,htmlSerializer=props.htmlSerializer,wrapper=props.wrapper;if(!field){return null}var innerHTML=PrismicDOM.RichText.asHtml(field,linkResolver?linkResolver:parent.$prismic?parent.$prismic.linkResolver:undefined,htmlSerializer?htmlSerializer:parent.$prismic?parent.$prismic.htmlSerializer:undefined);return h(wrapper,_objectSpread2(_objectSpread2({},data),{},{domProps:{innerHTML:innerHTML}}))}};var Text={name:"PrismicText",functional:true,props:{field:{type:Array,required:true},separator:{type:String,default:undefined,required:false},wrapper:{type:[String,Object,Function],required:false,default:"div"}},render:function render(h,_ref){var props=_ref.props,data=_ref.data;_ref.children;_ref.parent;var field=props.field,separator=props.separator,wrapper=props.wrapper;if(!field){return null}var innerHTML=PrismicDOM.RichText.asText(field,separator);return h(wrapper,_objectSpread2(_objectSpread2({},data),{},{domProps:{innerHTML:innerHTML}}))}};if(typeof process==="undefined"){globalThis.process={env:{}}}var __PRODUCTION__=process.env.NODE_ENV==="production";var getSliceComponentProps=function getSliceComponentProps(propsHint){return{slice:{type:Object,required:true},index:{type:Number,required:true},slices:{type:Array,required:true},context:{type:null,required:true}}};var TODOSliceComponent=__PRODUCTION__?null:{name:"TODOSliceComponent",functional:true,props:getSliceComponentProps(),render:function render(h,_ref){var props=_ref.props,data=_ref.data;console.warn('[SliceZone] Could not find a component for Slice type "'.concat(props.slice.slice_type,'"'),props.slice);return h("section",_objectSpread2(_objectSpread2({},data),{},{attrs:_objectSpread2(_objectSpread2({},data.attrs),{},{"data-slice-zone-todo-component":"","data-slice-type":props.slice.slice_type})}),['Could not find a component for Slice type "'.concat(props.slice.slice_type,'"')])}};var SliceZone={name:"SliceZone",props:{slices:{type:Array,required:true},components:{type:Object,default:undefined,required:false},resolver:{type:Function,default:undefined,required:false},context:{type:null,default:undefined,required:false},defaultComponent:{type:Object,default:undefined,required:false},wrapper:{type:[String,Object,Function],default:"div",required:false}},computed:{renderedSlices:function renderedSlices(){var _this=this;if(!this.slices){return null}return this.slices.map(function(slice,index){var component=_this.components&&slice.slice_type in _this.components?_this.components[slice.slice_type]:_this.defaultComponent||TODOSliceComponent;if(_this.resolver){var resolvedComponent=_this.resolver({slice:slice,sliceName:slice.slice_type,i:index});if(resolvedComponent){component=resolvedComponent}}var p={key:"".concat(slice.slice_type,"-").concat(index),props:{slice:slice,index:index,context:_this.context,slices:_this.slices}};return{component:component,p:p}})}},render:function render(h){if(!this.slices){return null}return h(this.wrapper,this.renderedSlices.map(function(_ref2){var component=_ref2.component,p=_ref2.p;return h(component,p)}))}};var NuxtLink=Link({component:"nuxt-link"});var VueRouterLink=Link({component:"router-link"});var exp={common:{Embed:Embed,Image:Image,RichText:RichText,Text:Text,SliceZone:SliceZone},nuxt:{Link:NuxtLink},vueRouter:{Link:VueRouterLink}};function asHtml(richText,linkResolver,htmlSerializer){if(richText){return PrismicDOM__default["default"].RichText.asHtml(richText,linkResolver,htmlSerializer)}}function asText(richText,joinString){if(richText){return PrismicDOM__default["default"].RichText.asText(richText,joinString)}return""}function asLink(link,linkResolver){if(link){return PrismicDOM__default["default"].Link.url(link,linkResolver)}}function asDate(date){if(date){return PrismicDOM__default["default"].Date(date)}}var client=prismicJS__default["default"].client;function attachMethods(Vue,options){Vue.prototype.$prismic.asHtml=function(richText,linkResolver,htmlSerializer){return asHtml(richText,linkResolver||options.linkResolver,htmlSerializer||options.htmlSerializer)};Vue.prototype.$prismic.asHTML=Vue.prototype.$prismic.asHtml;Vue.prototype.$prismic.asText=asText;Vue.prototype.$prismic.richTextAsPlain=asText;Vue.prototype.$prismic.asDate=asDate;Vue.prototype.$prismic.asLink=function(link,linkResolver){return asLink(link,linkResolver||options.linkResolver)}}var PrismicVue={install:function install(Vue,options){var _options$linkType=options.linkType,linkType=_options$linkType===void 0?"vueRouter":_options$linkType;Vue.prototype.$prismic=prismicJS__default["default"];Vue.prototype.$prismic.predicate=prismicJS__default["default"].Predicates;Vue.prototype.$prismic.cookie={preview:prismicJS__default["default"].previewCookie};Vue.prototype.$prismic.endpoint=options.endpoint;Vue.prototype.$prismic.linkResolver=options.linkResolver;Vue.prototype.$prismic.htmlSerializer=options.htmlSerializer;Vue.prototype.$prismic.client=client(options.endpoint,options.apiOptions);attachMethods(Vue,options);var components=_objectSpread2(_objectSpread2({},exp.common),exp[linkType]);Object.entries(components).forEach(function(_ref){var _ref2=_slicedToArray(_ref,2);_ref2[0];var c=_ref2[1];Vue.component(c.name,c)})}};return PrismicVue});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/vue",
-	"version": "2.1.0-alpha.1",
+	"version": "2.1.2",
 	"description": "Vue plugin and components to fetch and present Prismic content",
 	"keywords": [
 		"prismic",

package/src/components/Embed.js

@@ -7,7 +7,7 @@ export default {
 			required: true
 		},
 		wrapper: {
-			type: String,
+			type: [String, Object, Function],
 			required: false,
 			default: 'div'
 		}

package/src/components/Image.js

@@ -21,7 +21,7 @@ export default {
 				attrs: {
 					...data.attrs,
 					src: url,
-					alt,
+					alt: alt || "",
 					copyright
 				}
 			})

package/src/components/Link.js

@@ -37,7 +37,7 @@ export default ({ component = "a" }) => ({
 		},
 		blankTargetRelAttribute: {
 			type: String,
-			default: "noopener",
+			default: "noopener noreferrer",
 			required: false,
 		},
 	},
@@ -70,18 +70,16 @@ export default ({ component = "a" }) => ({
 			href: url,
 		};
 
-		if (typeof props.target !== "undefined" || field.target) {
-			data.attrs.target =
-				typeof props.target !== "undefined" ? props.target : field.target;
+		if (typeof props.target !== "undefined") {
+			data.attrs.target = props.target;
+		} else if (field.target) {
+			data.attrs.target = field.target;
 		}
 
-		if (data.attrs.target === "_blank") {
-			data.attrs.rel =
-				typeof props.rel !== "undefined"
-					? props.rel
-					: props.blankTargetRelAttribute;
-		} else if (typeof props.rel !== "undefined") {
+		if (typeof props.rel !== "undefined") {
 			data.attrs.rel = props.rel;
+		} else if (data.attrs.target === "_blank") {
+			data.attrs.rel = props.blankTargetRelAttribute;
 		}
 
 		return h("a", data, children);

package/src/components/RichText.js

@@ -17,7 +17,7 @@ export default {
 			required: false,
 		},
 		wrapper: {
-			type: String,
+			type: [String, Object, Function],
 			required: false,
 			default: "div",
 		},

package/src/components/SliceZone.js

@@ -33,7 +33,7 @@ export const getSliceComponentProps = (propsHint) => ({
 export const TODOSliceComponent = __PRODUCTION__
 	? null
 	: {
-			name: "TODOSliceCOmponent",
+			name: "TODOSliceComponent",
 			functional: true,
 			props: getSliceComponentProps(),
 			render(h, { props, data }) {

package/src/components/Text.js

@@ -14,7 +14,7 @@ export default {
 			required: false,
 		},
 		wrapper: {
-			type: String,
+			type: [String, Object, Function],
 			required: false,
 			default: "div",
 		},

package/src/index.js

@@ -29,6 +29,10 @@ const PrismicVue = {
 	install: function (Vue, options) {
 		const { linkType = "vueRouter" } = options;
 		Vue.prototype.$prismic = prismicJS;
+		Vue.prototype.$prismic.predicate = prismicJS.Predicates;
+		Vue.prototype.$prismic.cookie = {
+			preview: prismicJS.previewCookie,
+		};
 		Vue.prototype.$prismic.endpoint = options.endpoint;
 		Vue.prototype.$prismic.linkResolver = options.linkResolver;
 		Vue.prototype.$prismic.htmlSerializer = options.htmlSerializer;