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

package/components/common.js

@@ -119,10 +119,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,
@@ -205,10 +210,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);
@@ -251,7 +258,7 @@ var RichText = {
       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
@@ -337,22 +344,20 @@ 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
 
@@ -361,7 +366,6 @@ var defineSliceZoneComponents = function defineSliceZoneComponents(components) {
 };
 var SliceZone = {
   name: "SliceZone",
-  functional: true,
   props: {
     slices: {
       type: Array,
@@ -393,23 +397,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
@@ -422,25 +422,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);
+    }));
   }
 };
 

package/components/index.js

@@ -111,10 +111,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,
@@ -197,10 +202,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);
@@ -243,7 +250,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
@@ -329,22 +336,20 @@ 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
 
@@ -353,7 +358,6 @@ var defineSliceZoneComponents = function defineSliceZoneComponents(components) {
 };
 var SliceZone = {
   name: "SliceZone",
-  functional: true,
   props: {
     slices: {
       type: Array,
@@ -385,23 +389,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
@@ -414,25 +414,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);
+    }));
   }
 };
 

package/components/umd.js

@@ -119,10 +119,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,
@@ -205,10 +210,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);
@@ -251,7 +258,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
@@ -337,22 +344,20 @@
       }
     };
   };
-  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
 
@@ -361,7 +366,6 @@
   };
   var SliceZone = {
     name: "SliceZone",
-    functional: true,
     props: {
       slices: {
         type: Array,
@@ -393,23 +397,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
@@ -422,25 +422,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);
+      }));
     }
   };
 

package/dist/prismic-vue.common.js

@@ -178,10 +178,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,
@@ -264,10 +269,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);
@@ -310,7 +317,7 @@ var RichText = {
       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
@@ -396,27 +403,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,
@@ -448,23 +452,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
@@ -477,25 +477,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);
+    }));
   }
 };
 
@@ -531,7 +537,7 @@ function asText(richText, joinString) {
     return PrismicDOM__default["default"].RichText.asText(richText, joinString);
   }
 
-  return '';
+  return "";
 }
 function asLink(link, linkResolver) {
   if (link) {
@@ -544,6 +550,8 @@ function asDate(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);
@@ -567,7 +575,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__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]);