@prismicio/vue 3.0.0 → 3.1.1

package/dist/index.js

@@ -65,7 +65,10 @@ const usePrismicImage = (props) => {
     const pixelDensities = 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 asImageWidthSrcSet(field, {
         ...imgixParams,
@@ -276,9 +279,17 @@ const PrismicLinkImpl = /* @__PURE__ */ defineComponent({
     const { type, href, target, rel } = usePrismicLink(props);
     return () => {
       const parent = type.value === "a" ? "a" : simplyResolveComponent(type.value);
-      const computedSlots = getSlots(parent, slots, reactive({ href: href.value }));
+      const computedSlots = getSlots(
+        parent,
+        slots,
+        reactive({ href: href.value })
+      );
       if (typeof parent === "string") {
-        return h(parent, { href: href.value, target: target.value, rel: rel.value }, computedSlots);
+        return h(
+          parent,
+          { href: href.value, target: target.value, rel: rel.value },
+          computedSlots
+        );
       } else {
         return h(parent, { to: href.value }, computedSlots);
       }
@@ -409,13 +420,19 @@ const PrismicRichTextImpl = /* @__PURE__ */ defineComponent({
         }
       };
       const removeListeners = () => {
-        links.forEach(({ element, listener }) => element.removeEventListener("click", listener));
+        links.forEach(
+          ({ element, listener }) => element.removeEventListener("click", listener)
+        );
         links = [];
       };
-      watch(html, () => {
-        removeListeners();
-        nextTick(addListeners);
-      }, { immediate: true });
+      watch(
+        html,
+        () => {
+          removeListeners();
+          nextTick(addListeners);
+        },
+        { immediate: true }
+      );
       onBeforeUnmount(() => {
         removeListeners();
       });
@@ -452,15 +469,24 @@ const TODOSliceComponent = __PRODUCTION__ ? () => null : /* @__PURE__ */ defineC
   name: "TODOSliceComponent",
   props: getSliceComponentProps(),
   setup(props) {
-    const type = computed(() => "slice_type" in props.slice ? props.slice.slice_type : props.slice.type);
+    const type = computed(
+      () => "slice_type" in props.slice ? props.slice.slice_type : props.slice.type
+    );
     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 h("section", {
-        "data-slice-zone-todo-component": "",
-        "data-slice-type": type.value
-      }, [`Could not find a component for Slice type "${type.value}"`]);
+      return h(
+        "section",
+        {
+          "data-slice-zone-todo-component": "",
+          "data-slice-type": type.value
+        },
+        [`Could not find a component for Slice type "${type.value}"`]
+      );
     };
   }
 });
@@ -469,7 +495,9 @@ const defineSliceZoneComponents = (components) => {
   let type;
   for (type in components) {
     const component = components[type];
-    result[type] = typeof component === "string" ? component : markRaw(component);
+    result[type] = typeof component === "string" ? component : markRaw(
+      component
+    );
   }
   return result;
 };
@@ -526,8 +554,9 @@ const SliceZoneImpl = /* @__PURE__ */ 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,
@@ -578,7 +607,11 @@ const createPrismic = (options) => {
   const prismicHelpers = {
     asText,
     asHTML: (richTextField, linkResolver, htmlSerializer) => {
-      return asHTML(richTextField, linkResolver || options.linkResolver, htmlSerializer || options.htmlSerializer);
+      return asHTML(
+        richTextField,
+        linkResolver || options.linkResolver,
+        htmlSerializer || options.htmlSerializer
+      );
     },
     asLink: (linkField, linkResolver) => {
       return asLink(linkField, linkResolver || options.linkResolver);
@@ -622,7 +655,9 @@ const isParams = (value) => {
 };
 const useStatefulPrismicClientMethod = (methodName, args) => {
   const { client } = usePrismic();
-  const state = ref(PrismicClientComposableState.Idle);
+  const state = ref(
+    PrismicClientComposableState.Idle
+  );
   const data = shallowRef(null);
   const error = ref(null);
   const refresh = async () => {
@@ -633,7 +668,10 @@ const useStatefulPrismicClientMethod = (methodName, args) => {
     data.value = null;
     error.value = null;
     try {
-      data.value = await (unref(explicitClient) || client)[methodName](...argsWithoutParams.map((arg) => unref(arg)), params);
+      data.value = await (unref(explicitClient) || client)[methodName](
+        ...argsWithoutParams.map((arg) => unref(arg)),
+        params
+      );
       state.value = PrismicClientComposableState.Success;
     } catch (err) {
       state.value = PrismicClientComposableState.Error;