@prismicio/vue 3.0.0 → 3.1.1

package/dist/index.cjs

@@ -87,7 +87,10 @@ const usePrismicImage = (props) => {
     const pixelDensities = vue.unref(props.pixelDensities);
     if (widths) {
       if (!__PRODUCTION__ && pixelDensities) {
-        console.warn("[PrismicImage] Only one of `widths` or `pixelDensities` props can be provided. You can resolve this warning by removing either the `widths` or `pixelDensities` prop. `widths` will be used in this case.", props);
+        console.warn(
+          "[PrismicImage] Only one of `widths` or `pixelDensities` props can be provided. You can resolve this warning by removing either the `widths` or `pixelDensities` prop. `widths` will be used in this case.",
+          props
+        );
       }
       return helpers.asImageWidthSrcSet(field, {
         ...imgixParams,
@@ -298,9 +301,17 @@ const PrismicLinkImpl = /* @__PURE__ */ vue.defineComponent({
     const { type, href, target, rel } = usePrismicLink(props);
     return () => {
       const parent = type.value === "a" ? "a" : simplyResolveComponent(type.value);
-      const computedSlots = getSlots(parent, slots, vue.reactive({ href: href.value }));
+      const computedSlots = getSlots(
+        parent,
+        slots,
+        vue.reactive({ href: href.value })
+      );
       if (typeof parent === "string") {
-        return vue.h(parent, { href: href.value, target: target.value, rel: rel.value }, computedSlots);
+        return vue.h(
+          parent,
+          { href: href.value, target: target.value, rel: rel.value },
+          computedSlots
+        );
       } else {
         return vue.h(parent, { to: href.value }, computedSlots);
       }
@@ -431,13 +442,19 @@ const PrismicRichTextImpl = /* @__PURE__ */ vue.defineComponent({
         }
       };
       const removeListeners = () => {
-        links.forEach(({ element, listener }) => element.removeEventListener("click", listener));
+        links.forEach(
+          ({ element, listener }) => element.removeEventListener("click", listener)
+        );
         links = [];
       };
-      vue.watch(html, () => {
-        removeListeners();
-        vue.nextTick(addListeners);
-      }, { immediate: true });
+      vue.watch(
+        html,
+        () => {
+          removeListeners();
+          vue.nextTick(addListeners);
+        },
+        { immediate: true }
+      );
       vue.onBeforeUnmount(() => {
         removeListeners();
       });
@@ -474,15 +491,24 @@ const TODOSliceComponent = __PRODUCTION__ ? () => null : /* @__PURE__ */ vue.def
   name: "TODOSliceComponent",
   props: getSliceComponentProps(),
   setup(props) {
-    const type = vue.computed(() => "slice_type" in props.slice ? props.slice.slice_type : props.slice.type);
+    const type = vue.computed(
+      () => "slice_type" in props.slice ? props.slice.slice_type : props.slice.type
+    );
     vue.watchEffect(() => {
-      console.warn(`[SliceZone] Could not find a component for Slice type "${type.value}"`, props.slice);
+      console.warn(
+        `[SliceZone] Could not find a component for Slice type "${type.value}"`,
+        props.slice
+      );
     });
     return () => {
-      return vue.h("section", {
-        "data-slice-zone-todo-component": "",
-        "data-slice-type": type.value
-      }, [`Could not find a component for Slice type "${type.value}"`]);
+      return vue.h(
+        "section",
+        {
+          "data-slice-zone-todo-component": "",
+          "data-slice-type": type.value
+        },
+        [`Could not find a component for Slice type "${type.value}"`]
+      );
     };
   }
 });
@@ -491,7 +517,9 @@ const defineSliceZoneComponents = (components) => {
   let type;
   for (type in components) {
     const component = components[type];
-    result[type] = typeof component === "string" ? component : vue.markRaw(component);
+    result[type] = typeof component === "string" ? component : vue.markRaw(
+      component
+    );
   }
   return result;
 };
@@ -548,8 +576,9 @@ const SliceZoneImpl = /* @__PURE__ */ vue.defineComponent({
             component = resolvedComponent;
           }
         }
+        const key = "id" in slice && slice.id ? slice.id : `${index}-${JSON.stringify(slice)}`;
         const p = {
-          key: `${index}-${JSON.stringify(slice)}`,
+          key,
           slice,
           index,
           context: props.context,
@@ -600,7 +629,11 @@ const createPrismic = (options) => {
   const prismicHelpers = {
     asText: helpers.asText,
     asHTML: (richTextField, linkResolver, htmlSerializer) => {
-      return helpers.asHTML(richTextField, linkResolver || options.linkResolver, htmlSerializer || options.htmlSerializer);
+      return helpers.asHTML(
+        richTextField,
+        linkResolver || options.linkResolver,
+        htmlSerializer || options.htmlSerializer
+      );
     },
     asLink: (linkField, linkResolver) => {
       return helpers.asLink(linkField, linkResolver || options.linkResolver);
@@ -644,7 +677,9 @@ const isParams = (value) => {
 };
 const useStatefulPrismicClientMethod = (methodName, args) => {
   const { client } = usePrismic();
-  const state = vue.ref(PrismicClientComposableState.Idle);
+  const state = vue.ref(
+    PrismicClientComposableState.Idle
+  );
   const data = vue.shallowRef(null);
   const error = vue.ref(null);
   const refresh = async () => {
@@ -655,7 +690,10 @@ const useStatefulPrismicClientMethod = (methodName, args) => {
     data.value = null;
     error.value = null;
     try {
-      data.value = await (vue.unref(explicitClient) || client)[methodName](...argsWithoutParams.map((arg) => vue.unref(arg)), params);
+      data.value = await (vue.unref(explicitClient) || client)[methodName](
+        ...argsWithoutParams.map((arg) => vue.unref(arg)),
+        params
+      );
       state.value = PrismicClientComposableState.Success;
     } catch (err) {
       state.value = PrismicClientComposableState.Error;