@prismicio/vue 2.0.11 → 2.1.0-alpha.0

package/dist/prismic-vue.js

@@ -1,35 +1,26 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('prismic-dom'), require('@prismicio/client')) :
-  typeof define === 'function' && define.amd ? define(['prismic-dom', '@prismicio/client'], factory) :
-  (global.PrismicVue = factory(global.prismicDOM,global.prismicJS));
-}(this, (function (PrismicDOM,prismicJS) { 'use strict';
+  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';
 
-  var PrismicDOM__default = 'default' in PrismicDOM ? PrismicDOM['default'] : PrismicDOM;
-  prismicJS = prismicJS && prismicJS.hasOwnProperty('default') ? prismicJS['default'] : prismicJS;
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-  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;
-  }
+  var prismicJS__default = /*#__PURE__*/_interopDefaultLegacy(prismicJS);
+  var PrismicDOM__default = /*#__PURE__*/_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;
-      });
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
       keys.push.apply(keys, symbols);
     }
 
@@ -56,6 +47,21 @@
     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();
   }
@@ -65,14 +71,17 @@
   }
 
   function _iterableToArrayLimit(arr, i) {
-    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    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 _e = undefined;
+
+    var _s, _e;
 
     try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
         _arr.push(_s.value);
 
         if (i && _arr.length === i) break;
@@ -184,11 +193,24 @@
     }
   };
 
+  var isInternalURL = function isInternalURL(url) {
+    /**
+     * @see Regex101 expression: {@link https://regex101.com/r/1y7iod/1}
+     */
+    var isInternal = /^\/(?!\/)/.test(url);
+    /**
+     * @see Regex101 expression: {@link https://regex101.com/r/RnUseS/1}
+     */
+
+    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;
+        component = _ref$component === void 0 ? "a" : _ref$component;
     return {
-      name: 'PrismicLink',
+      name: "PrismicLink",
       functional: true,
       props: {
         field: {
@@ -198,6 +220,21 @@
         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) {
@@ -212,11 +249,11 @@
           return null;
         }
 
-        var url = parent.$prismic ? parent.$prismic.asLink(field, linkResolver) : PrismicDOM__default.Link.url(field, linkResolver || function () {
+        var url = parent.$prismic ? parent.$prismic.asLink(field, linkResolver) : PrismicDOM__default["default"].Link.url(field, linkResolver || function () {
           return null;
         });
 
-        if (url.indexOf('/') === 0) {
+        if (isInternalURL(url) && !props.target) {
           data.props = data.props || {};
           data.props.to = url;
           return h(component, data, children);
@@ -224,23 +261,33 @@
 
         data.attrs = _objectSpread2(_objectSpread2({}, data.attrs), {}, {
           href: url
-        }, field.target && {
-          target: field.target,
-          rel: 'noopener'
         });
-        return h('a', data, children);
+
+        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',
+    name: "PrismicRichText",
     functional: true,
     props: {
       field: {
         type: Array,
         required: true
       },
+      linkResolver: {
+        type: Function,
+        required: false
+      },
       htmlSerializer: {
         type: Function,
         required: false
@@ -248,15 +295,15 @@
       wrapper: {
         type: String,
         required: false,
-        "default": 'div'
+        "default": "div"
       }
     },
     render: function render(h, _ref) {
       var props = _ref.props,
           data = _ref.data,
-          children = _ref.children,
           parent = _ref.parent;
       var field = props.field,
+          linkResolver = props.linkResolver,
           htmlSerializer = props.htmlSerializer,
           wrapper = props.wrapper;
 
@@ -264,7 +311,7 @@
         return null;
       }
 
-      var innerHTML = PrismicDOM.RichText.asHtml(field, parent.$prismic.linkResolver, htmlSerializer || parent.$prismic.htmlSerializer);
+      var innerHTML = PrismicDOM.RichText.asHtml(field, linkResolver || parent.$prismic.linkResolver, htmlSerializer || parent.$prismic.htmlSerializer);
       return h(wrapper, _objectSpread2(_objectSpread2({}, data), {}, {
         domProps: {
           innerHTML: innerHTML
@@ -273,17 +320,199 @@
     }
   };
 
+  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
+        }
+      }));
+    }
+  };
+
+  // We need to polyfill process if it doesn't exist, such as in the browser.
+  if (typeof process === "undefined") {
+    globalThis.process = {
+      env: {}
+    };
+  }
+  /**
+   * `true` if in the production environment, `false` otherwise.
+   *
+   * This boolean can be used to perform actions only in development environments,
+   * such as logging.
+   */
+
+
+  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, "\"")]);
+      };
+    }
+  }; // 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,
+        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;
+
+      // Prevent fatal if user didn't check for field, throws `Invalid prop` warn
+      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; // TODO: Remove `resolver` in v3 in favor of `components`.
+
+          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'
+    component: "nuxt-link"
   });
   var VueRouterLink = Link({
-    component: 'router-link'
+    component: "router-link"
   });
   var exp = {
     common: {
       Embed: Embed,
       Image: Image,
-      RichText: RichText
+      RichText: RichText,
+      Text: Text,
+      SliceZone: SliceZone
     },
     nuxt: {
       Link: NuxtLink
@@ -295,24 +524,24 @@
 
   function asHtml(richText, linkResolver, htmlSerializer) {
     if (richText) {
-      return PrismicDOM__default.RichText.asHtml(richText, linkResolver, htmlSerializer);
+      return PrismicDOM__default["default"].RichText.asHtml(richText, linkResolver, htmlSerializer);
     }
   }
   function asText(richText, joinString) {
     if (richText) {
-      return PrismicDOM__default.RichText.asText(richText, joinString);
+      return PrismicDOM__default["default"].RichText.asText(richText, joinString);
     }
 
     return '';
   }
   function asLink(link, linkResolver) {
     if (link) {
-      return PrismicDOM__default.Link.url(link, linkResolver);
+      return PrismicDOM__default["default"].Link.url(link, linkResolver);
     }
   }
   function asDate(date) {
     if (date) {
-      return PrismicDOM__default.Date(date);
+      return PrismicDOM__default["default"].Date(date);
     }
   }
 
@@ -321,6 +550,7 @@
       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;
@@ -333,12 +563,12 @@
   var PrismicVue = {
     install: function install(Vue, options) {
       var _options$linkType = options.linkType,
-          linkType = _options$linkType === void 0 ? 'vueRouter' : _options$linkType;
-      Vue.prototype.$prismic = prismicJS;
+          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.client(options.endpoint, options.apiOptions);
+      Vue.prototype.$prismic.client = prismicJS__default["default"].client(options.endpoint, options.apiOptions);
       attachMethods(Vue, options);
 
       var components = _objectSpread2(_objectSpread2({}, exp.common), exp[linkType]);
@@ -349,9 +579,9 @@
 
 
       Object.entries(components).forEach(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-            _ = _ref2[0],
-            c = _ref2[1];
+        var _ref2 = _slicedToArray(_ref, 2);
+            _ref2[0];
+            var c = _ref2[1];
 
         Vue.component(c.name, c);
       });
@@ -360,4 +590,4 @@
 
   return PrismicVue;
 
-})));
+}));

package/dist/prismic-vue.min.js

@@ -1 +1 @@
-(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?module.exports=factory(require("prismic-dom"),require("@prismicio/client")):typeof define==="function"&&define.amd?define(["prismic-dom","@prismicio/client"],factory):global.PrismicVue=factory(global.prismicDOM,global.prismicJS)})(this,function(PrismicDOM,prismicJS){"use strict";var PrismicDOM__default="default"in PrismicDOM?PrismicDOM["default"]:PrismicDOM;prismicJS=prismicJS&&prismicJS.hasOwnProperty("default")?prismicJS["default"]:prismicJS;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 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 _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){if(typeof Symbol==="undefined"||!(Symbol.iterator in Object(arr)))return;var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_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 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}},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.Link.url(field,linkResolver||function(){return null});if(url.indexOf("/")===0){data.props=data.props||{};data.props.to=url;return h(component,data,children)}data.attrs=_objectSpread2(_objectSpread2({},data.attrs),{},{href:url},field.target&&{target:field.target,rel:"noopener"});return h("a",data,children)}}};var RichText={name:"PrismicRichText",functional:true,props:{field:{type:Array,required:true},htmlSerializer:{type:Function,required:false},wrapper:{type:String,required:false,default:"div"}},render:function render(h,_ref){var props=_ref.props,data=_ref.data,children=_ref.children,parent=_ref.parent;var field=props.field,htmlSerializer=props.htmlSerializer,wrapper=props.wrapper;if(!field){return null}var innerHTML=PrismicDOM.RichText.asHtml(field,parent.$prismic.linkResolver,htmlSerializer||parent.$prismic.htmlSerializer);return h(wrapper,_objectSpread2(_objectSpread2({},data),{},{domProps:{innerHTML:innerHTML}}))}};var NuxtLink=Link({component:"nuxt-link"});var VueRouterLink=Link({component:"router-link"});var exp={common:{Embed:Embed,Image:Image,RichText:RichText},nuxt:{Link:NuxtLink},vueRouter:{Link:VueRouterLink}};function asHtml(richText,linkResolver,htmlSerializer){if(richText){return PrismicDOM__default.RichText.asHtml(richText,linkResolver,htmlSerializer)}}function asText(richText,joinString){if(richText){return PrismicDOM__default.RichText.asText(richText,joinString)}return""}function asLink(link,linkResolver){if(link){return PrismicDOM__default.Link.url(link,linkResolver)}}function asDate(date){if(date){return PrismicDOM__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.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;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);attachMethods(Vue,options);var components=_objectSpread2(_objectSpread2({},exp.common),exp[linkType]);Object.entries(components).forEach(function(_ref){var _ref2=_slicedToArray(_ref,2),_=_ref2[0],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 _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});

package/package.json

@@ -1,49 +1,53 @@
 {
-  "name": "@prismicio/vue",
-  "version": "2.0.11",
-  "description": "Vue.js plugin to facilitate integration of content managed with Prismic",
-  "license": "Apache-2.0",
-  "repository": "github:prismicio/prismic-vue",
-  "author": "Prismic",
-  "components": "dist/components.esm.js",
-  "main": "dist/prismic-vue.common.js",
-  "module": "dist/prismic-vue.esm.js",
-  "unpkg": "dist/prismic-vue.min.js",
-  "jsdelivr": "dist/prismic-vue.min.js",
-  "files": [
-    "components",
-    "dist",
-    "src"
-  ],
-  "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": {
-    "@prismicio/client": "^4.0.0",
-    "prismic-dom": "^2.2.5"
-  },
-  "engines": {
-    "node": ">= 6.0.0",
-    "npm": ">= 3.0.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.6.0",
-    "@babel/preset-env": "^7.6.0",
-    "@prismicio/client": "^4.0.0",
-    "postcss": "^7.0.35",
-    "prismic-dom": "^2.2.5",
-    "rollup": "^0.62.0",
-    "rollup-plugin-auto-named-exports": "^1.0.0-beta.3",
-    "rollup-plugin-babel": "^4.3.3",
-    "rollup-plugin-commonjs": "^9.1.3",
-    "rollup-plugin-node-resolve": "^3.3.0",
-    "rollup-plugin-visualizer": "^2.6.0",
-    "rollup-plugin-vue": "^4.3.0",
-    "uglify-js": "^3.4.3",
-    "vue-template-compiler": "^2.6.12"
-  }
+	"name": "@prismicio/vue",
+	"version": "2.1.0-alpha.0",
+	"description": "Vue.js plugin to facilitate integration of content managed with Prismic",
+	"license": "Apache-2.0",
+	"repository": "github:prismicio/prismic-vue",
+	"author": "Prismic",
+	"components": "dist/components.esm.js",
+	"main": "dist/prismic-vue.common.js",
+	"module": "dist/prismic-vue.esm.js",
+	"unpkg": "dist/prismic-vue.min.js",
+	"jsdelivr": "dist/prismic-vue.min.js",
+	"files": [
+		"components",
+		"dist",
+		"src"
+	],
+	"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"
+	},
+	"devDependencies": {
+		"@babel/core": "^7.16.0",
+		"@babel/preset-env": "^7.16.4",
+		"@prismicio/client": "^5.1.0",
+		"postcss": "^8.3.11",
+		"prismic-dom": "^2.2.6",
+		"rollup": "^2.60.1",
+		"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",
+		"uglify-js": "^3.14.3",
+		"vue-template-compiler": "^2.6.14"
+	},
+	"vetur": {
+		"tags": "vetur/tags.json",
+		"attributes": "vetur/attributes.json"
+	}
 }