@prismicio/vue 2.1.0-alpha.0 → 2.1.0-alpha.1

package/dist/prismic-vue.esm.js

@@ -171,10 +171,15 @@ var Image = {
   render: function render(h, _ref) {
     var props = _ref.props,
         data = _ref.data;
-    var _props$field = props.field,
-        url = _props$field.url,
-        alt = _props$field.alt,
-        copyright = _props$field.copyright;
+    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,
@@ -257,10 +262,12 @@ var Link = (function (_ref) {
 
       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;
-        }
+      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);
@@ -303,7 +310,7 @@ var RichText = {
       return null;
     }
 
-    var innerHTML = RichText$1.asHtml(field, linkResolver || parent.$prismic.linkResolver, htmlSerializer || parent.$prismic.htmlSerializer);
+    var innerHTML = RichText$1.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
@@ -389,27 +396,24 @@ var getSliceComponentProps = function getSliceComponentProps(propsHint) {
     }
   };
 };
-var TODOSliceComponent = __PRODUCTION__ ? function () {
-  return null;
-} : {
+var TODOSliceComponent = __PRODUCTION__ ? null : {
   name: "TODOSliceCOmponent",
   functional: true,
   props: getSliceComponentProps(),
-  renfer: function renfer(h, _ref) {
+  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 function () {
-      return h("section", _objectSpread2(_objectSpread2({}, data), {}, {
+    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, "\"")]);
-    };
+      })
+    }), ["Could not find a component for Slice type \"".concat(props.slice.slice_type, "\"")]);
   }
 }; // Just mimiced to prevent confusion but doesn't provide any value with version 2 of this kit
 var SliceZone = {
   name: "SliceZone",
-  functional: true,
   props: {
     slices: {
       type: Array,
@@ -441,23 +445,19 @@ var SliceZone = {
       required: false
     }
   },
-  render: function render(h, _ref2) {
-    var props = _ref2.props,
-        data = _ref2.data;
+  computed: {
+    renderedSlices: function renderedSlices() {
+      var _this = this;
 
-    // Prevent fatal if user didn't check for field, throws `Invalid prop` warn
-    if (!props.slices) {
-      return function () {
+      if (!this.slices) {
         return null;
-      };
-    }
+      }
 
-    var renderedSlices = computed(function () {
-      return props.slices.map(function (slice, index) {
-        var component = props.components && slice.slice_type in props.components ? props.components[slice.slice_type] : props.defaultComponent || TODOSliceComponent; // TODO: Remove `resolver` in v3 in favor of `components`.
+      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; // TODO: Remove `resolver` in v3 in favor of `components`.
 
-        if (props.resolver) {
-          var resolvedComponent = props.resolver({
+        if (_this.resolver) {
+          var resolvedComponent = _this.resolver({
             slice: slice,
             sliceName: slice.slice_type,
             i: index
@@ -470,25 +470,31 @@ var SliceZone = {
 
         var p = {
           key: "".concat(slice.slice_type, "-").concat(index),
-          slice: slice,
-          index: index,
-          context: props.context,
-          slices: props.slices
+          props: {
+            slice: slice,
+            index: index,
+            context: _this.context,
+            slices: _this.slices
+          }
+        };
+        return {
+          component: component,
+          p: p
         };
-        return h(component, p);
-      });
-    });
-    var parent = props.wrapper;
-
-    if (typeof parent === "string") {
-      return h(parent, data, renderedSlices.value);
-    } else {
-      return h(parent, data, {
-        "default": function _default() {
-          return renderedSlices.value;
-        }
       });
     }
+  },
+  render: function render(h) {
+    // Prevent fatal if user didn't check for field, throws `Invalid prop` warn
+    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);
+    }));
   }
 };
 
@@ -524,7 +530,7 @@ function asText(richText, joinString) {
     return PrismicDOM.RichText.asText(richText, joinString);
   }
 
-  return '';
+  return "";
 }
 function asLink(link, linkResolver) {
   if (link) {
@@ -537,6 +543,8 @@ function asDate(date) {
   }
 }
 
+var client = prismicJS.client;
+
 function attachMethods(Vue, options) {
   Vue.prototype.$prismic.asHtml = function (richText, linkResolver, htmlSerializer) {
     return asHtml(richText, linkResolver || options.linkResolver, htmlSerializer || options.htmlSerializer);
@@ -560,7 +568,7 @@ var PrismicVue = {
     Vue.prototype.$prismic.endpoint = options.endpoint;
     Vue.prototype.$prismic.linkResolver = options.linkResolver;
     Vue.prototype.$prismic.htmlSerializer = options.htmlSerializer;
-    Vue.prototype.$prismic.client = prismicJS.client(options.endpoint, options.apiOptions);
+    Vue.prototype.$prismic.client = client(options.endpoint, options.apiOptions);
     attachMethods(Vue, options);
 
     var components = _objectSpread2(_objectSpread2({}, exp.common), exp[linkType]);

package/dist/prismic-vue.js

@@ -179,10 +179,15 @@
     render: function render(h, _ref) {
       var props = _ref.props,
           data = _ref.data;
-      var _props$field = props.field,
-          url = _props$field.url,
-          alt = _props$field.alt,
-          copyright = _props$field.copyright;
+      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,
@@ -265,10 +270,12 @@
 
         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;
-          }
+        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);
@@ -311,7 +318,7 @@
         return null;
       }
 
-      var innerHTML = PrismicDOM.RichText.asHtml(field, linkResolver || parent.$prismic.linkResolver, htmlSerializer || parent.$prismic.htmlSerializer);
+      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
@@ -397,27 +404,24 @@
       }
     };
   };
-  var TODOSliceComponent = __PRODUCTION__ ? function () {
-    return null;
-  } : {
+  var TODOSliceComponent = __PRODUCTION__ ? null : {
     name: "TODOSliceCOmponent",
     functional: true,
     props: getSliceComponentProps(),
-    renfer: function renfer(h, _ref) {
+    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 function () {
-        return h("section", _objectSpread2(_objectSpread2({}, data), {}, {
+      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, "\"")]);
-      };
+        })
+      }), ["Could not find a component for Slice type \"".concat(props.slice.slice_type, "\"")]);
     }
   }; // Just mimiced to prevent confusion but doesn't provide any value with version 2 of this kit
   var SliceZone = {
     name: "SliceZone",
-    functional: true,
     props: {
       slices: {
         type: Array,
@@ -449,23 +453,19 @@
         required: false
       }
     },
-    render: function render(h, _ref2) {
-      var props = _ref2.props,
-          data = _ref2.data;
+    computed: {
+      renderedSlices: function renderedSlices() {
+        var _this = this;
 
-      // Prevent fatal if user didn't check for field, throws `Invalid prop` warn
-      if (!props.slices) {
-        return function () {
+        if (!this.slices) {
           return null;
-        };
-      }
+        }
 
-      var renderedSlices = computed(function () {
-        return props.slices.map(function (slice, index) {
-          var component = props.components && slice.slice_type in props.components ? props.components[slice.slice_type] : props.defaultComponent || TODOSliceComponent; // TODO: Remove `resolver` in v3 in favor of `components`.
+        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; // TODO: Remove `resolver` in v3 in favor of `components`.
 
-          if (props.resolver) {
-            var resolvedComponent = props.resolver({
+          if (_this.resolver) {
+            var resolvedComponent = _this.resolver({
               slice: slice,
               sliceName: slice.slice_type,
               i: index
@@ -478,25 +478,31 @@
 
           var p = {
             key: "".concat(slice.slice_type, "-").concat(index),
-            slice: slice,
-            index: index,
-            context: props.context,
-            slices: props.slices
+            props: {
+              slice: slice,
+              index: index,
+              context: _this.context,
+              slices: _this.slices
+            }
+          };
+          return {
+            component: component,
+            p: p
           };
-          return h(component, p);
-        });
-      });
-      var parent = props.wrapper;
-
-      if (typeof parent === "string") {
-        return h(parent, data, renderedSlices.value);
-      } else {
-        return h(parent, data, {
-          "default": function _default() {
-            return renderedSlices.value;
-          }
         });
       }
+    },
+    render: function render(h) {
+      // Prevent fatal if user didn't check for field, throws `Invalid prop` warn
+      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);
+      }));
     }
   };
 
@@ -532,7 +538,7 @@
       return PrismicDOM__default["default"].RichText.asText(richText, joinString);
     }
 
-    return '';
+    return "";
   }
   function asLink(link, linkResolver) {
     if (link) {
@@ -545,6 +551,8 @@
     }
   }
 
+  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);
@@ -568,7 +576,7 @@
       Vue.prototype.$prismic.endpoint = options.endpoint;
       Vue.prototype.$prismic.linkResolver = options.linkResolver;
       Vue.prototype.$prismic.htmlSerializer = options.htmlSerializer;
-      Vue.prototype.$prismic.client = prismicJS__default["default"].client(options.endpoint, options.apiOptions);
+      Vue.prototype.$prismic.client = client(options.endpoint, options.apiOptions);
       attachMethods(Vue, options);
 
       var components = _objectSpread2(_objectSpread2({}, exp.common), exp[linkType]);

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 _props$field=props.field,url=_props$field.url,alt=_props$field.alt,copyright=_props$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}}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||parent.$prismic.linkResolver,htmlSerializer||parent.$prismic.htmlSerializer);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__?function(){return null}:{name:"TODOSliceCOmponent",functional:true,props:getSliceComponentProps(),renfer:function renfer(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 function(){return h("section",_objectSpread2(_objectSpread2({},data),{},{"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",functional:true,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}},render:function render(h,_ref2){var props=_ref2.props,data=_ref2.data;if(!props.slices){return function(){return null}}var renderedSlices=computed(function(){return props.slices.map(function(slice,index){var component=props.components&&slice.slice_type in props.components?props.components[slice.slice_type]:props.defaultComponent||TODOSliceComponent;if(props.resolver){var resolvedComponent=props.resolver({slice:slice,sliceName:slice.slice_type,i:index});if(resolvedComponent){component=resolvedComponent}}var p={key:"".concat(slice.slice_type,"-").concat(index),slice:slice,index:index,context:props.context,slices:props.slices};return h(component,p)})});var parent=props.wrapper;if(typeof parent==="string"){return h(parent,data,renderedSlices.value)}else{return h(parent,data,{default:function _default(){return renderedSlices.value}})}}};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)}}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=prismicJS__default["default"].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,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});

package/package.json

@@ -1,10 +1,18 @@
 {
 	"name": "@prismicio/vue",
-	"version": "2.1.0-alpha.0",
-	"description": "Vue.js plugin to facilitate integration of content managed with Prismic",
+	"version": "2.1.0-alpha.1",
+	"description": "Vue plugin and components to fetch and present Prismic content",
+	"keywords": [
+		"prismic",
+		"vue",
+		"plugin"
+	],
+	"repository": {
+		"type": "git",
+		"url": "ssh://git@github.com/prismicio/prismic-vue.git"
+	},
 	"license": "Apache-2.0",
-	"repository": "github:prismicio/prismic-vue",
-	"author": "Prismic",
+	"author": "Prismic <contact@prismic.io> (https://prismic.io)",
 	"components": "dist/components.esm.js",
 	"main": "dist/prismic-vue.common.js",
 	"module": "dist/prismic-vue.esm.js",
@@ -13,38 +21,65 @@
 	"files": [
 		"components",
 		"dist",
-		"src"
+		"src",
+		"vetur"
 	],
 	"scripts": {
 		"build": "rollup -c --environment BUILD:production && uglifyjs dist/prismic-vue.js -o dist/prismic-vue.min.js",
-		"release": "npm run build && npm publish",
-		"beauty": "rollup -c",
 		"dev": "rollup -c --watch --environment BUILD:development",
-		"visualize": "rollup -c --config-visualize"
-	},
-	"peerDependencies": {
-		"vue": "^2.6.0",
-		"@prismicio/client": "^4.0.0 || ^5.0.0",
-		"prismic-dom": "^2.2.0"
-	},
-	"engines": {
-		"node": ">= 6.0.0"
+		"prepare": "npm run build",
+		"format": "prettier --write .",
+		"release": "npm run build && npm run test && standard-version && git push --follow-tags && npm run build && npm publish",
+		"release:dry": "standard-version --dry-run",
+		"release:alpha": "npm run build && npm run test && standard-version --release-as minor --prerelease alpha && git push --follow-tags && npm run build && npm publish --tag alpha",
+		"release:alpha:dry": "standard-version --release-as minor --prerelease alpha --dry-run",
+		"test": "npm run lint && npm run unit",
+		"lint": "eslint --ext .js,.ts .",
+		"unit": "nyc --reporter=lcovonly --reporter=text --exclude-after-remap=false ava"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.16.0",
 		"@babel/preset-env": "^7.16.4",
 		"@prismicio/client": "^5.1.0",
-		"postcss": "^8.3.11",
+		"@prismicio/mock": "^0.0.6",
+		"@prismicio/types": "^0.1.18",
+		"@vue/compiler-sfc": "^3.2.23",
+		"@vue/test-utils": "^1.3.0",
+		"ava": "^3.15.0",
+		"eslint": "^8.3.0",
+		"eslint-config-prettier": "^8.3.0",
+		"eslint-plugin-prettier": "^4.0.0",
+		"eslint-plugin-vue": "^8.1.1",
+		"esm": "^3.2.25",
+		"jsdom": "^18.1.1",
+		"jsdom-global": "^3.0.2",
+		"nyc": "^15.1.0",
+		"prettier": "^2.5.0",
 		"prismic-dom": "^2.2.6",
-		"rollup": "^2.60.1",
+		"rollup": "^2.60.2",
 		"rollup-plugin-auto-named-exports": "^1.0.0-beta.3",
 		"rollup-plugin-babel": "^4.4.0",
 		"rollup-plugin-commonjs": "^10.1.0",
 		"rollup-plugin-node-resolve": "^5.2.0",
 		"rollup-plugin-visualizer": "^5.5.2",
 		"rollup-plugin-vue": "^6.0.0",
+		"sinon": "^12.0.1",
+		"standard-version": "^9.3.2",
 		"uglify-js": "^3.14.3",
-		"vue-template-compiler": "^2.6.14"
+		"vue": "^2.6.14",
+		"vue-router": "^3.5.3",
+		"vue-template-compiler": "2.6.14"
+	},
+	"peerDependencies": {
+		"@prismicio/client": "^4.0.0 || ^5.0.0",
+		"prismic-dom": "^2.2.0",
+		"vue": "^2.6.0"
+	},
+	"engines": {
+		"node": ">= 6.0.0"
+	},
+	"publishConfig": {
+		"access": "public"
 	},
 	"vetur": {
 		"tags": "vetur/tags.json",

package/src/components/Embed.js

@@ -1,37 +1,37 @@
 export default {
-  name: 'PrismicEmbed',
-  functional: true,
-  props: {
-    field: {
-      type: Object,
-      required: true
-    },
-    wrapper: {
-      type: String,
-      required: false,
-      default: 'div'
-    }
-  },
-  render(h, { props, data }) {
-    const { field, wrapper } = props
-    if (!field || !field.html) {
-      return null
-    }
+	name: 'PrismicEmbed',
+	functional: true,
+	props: {
+		field: {
+			type: Object,
+			required: true
+		},
+		wrapper: {
+			type: String,
+			required: false,
+			default: 'div'
+		}
+	},
+	render(h, { props, data }) {
+		const { field, wrapper } = props
+		if (!field || !field.html) {
+			return null
+		}
 
-    const { embed_url: embedUrl, type, provider_name: providerName } = field
+		const { embed_url: embedUrl, type, provider_name: providerName } = field
 
-    const attrs = {
-      ...data.attrs,
-      ...(embedUrl && { 'data-oembed': embedUrl }),
-      ...(type && { 'data-oembed-type': type }),
-      ...(providerName && { 'data-oembed-provider': providerName })
-    }
+		const attrs = {
+			...data.attrs,
+			...(embedUrl && { 'data-oembed': embedUrl }),
+			...(type && { 'data-oembed-type': type }),
+			...(providerName && { 'data-oembed-provider': providerName })
+		}
 
-    return h(wrapper, {
-      ...Object.assign(data, { attrs }),
-      domProps: {
-        innerHTML: field.html
-      }
-    })
-  }
+		return h(wrapper, {
+			...Object.assign(data, { attrs }),
+			domProps: {
+				innerHTML: field.html
+			}
+		})
+	}
 }

package/src/components/Image.js

@@ -1,25 +1,30 @@
 export default {
-  name: 'PrismicImage',
-  functional: true,
-  props: {
-    field: {
-      type: Object,
-      required: true,
-    },
-  },
-  render(h, { props, data }) {
-    const { url, alt, copyright } = props.field;
+	name: 'PrismicImage',
+	functional: true,
+	props: {
+		field: {
+			type: Object,
+			required: true,
+		},
+	},
+	render(h, { props, data }) {
+		const { field } = props;
+		if (!field) {
+			return null
+		}
 
-    return h(
-      'img',
-      Object.assign(data, {
-        attrs: {
-          ...data.attrs,
-          src: url,
-          alt,
-          copyright
-        }
-      })
-    );
-  },
+		const { url, alt, copyright } = field;
+
+		return h(
+			'img',
+			Object.assign(data, {
+				attrs: {
+					...data.attrs,
+					src: url,
+					alt,
+					copyright
+				}
+			})
+		);
+	},
 };