@prismicio/vue 5.2.1 → 5.3.0-canary.4c3e4ab

package/src/types.ts

@@ -1,444 +1,36 @@
 import type {
-	AsLinkAttrsConfig,
-	ClientConfig,
-	CreateClient,
-	HTMLRichTextFunctionSerializer,
-	HTMLRichTextMapSerializer,
-	LinkResolverFunction,
-	asDate,
-	asHTML,
-	asImagePixelDensitySrcSet,
-	asImageSrc,
-	asImageWidthSrcSet,
-	asLink,
-	asLinkAttrs,
-	asText,
-	cookie,
-	documentToLinkField,
-	filter,
-	isFilled,
-} from "@prismicio/client"
-import type { App, ConcreteComponent, DefineComponent, Raw, Ref } from "vue"
-/* eslint-disable @typescript-eslint/no-unused-vars */
-// Imports for @link references:
-import type { RouterLink } from "vue-router"
+	ConcreteComponent,
+	DefineComponent,
+	FunctionalComponent,
+	Raw,
+	defineAsyncComponent,
+} from "vue"
 
-import type { VueRichTextSerializer } from "./PrismicRichText/types"
-
-import type {
-	SliceComponentProps,
-	SliceComponentType,
-	TODOSliceComponent,
-} from "./SliceZone"
-
-/* eslint-enable @typescript-eslint/no-unused-vars */
-
-/**
- * Options used by `@prismicio/vue` components.
- */
-type PrismicPluginComponentsOptions = {
-	/**
-	 * The `rel` attribute to apply on links. This prop can be provided a function
-	 * to use the link's metadata to determine the `rel` value.
-	 *
-	 * @defaultValue `"noreferrer"` for external links.
-	 */
-	linkRel?: AsLinkAttrsConfig["rel"]
-
-	/**
-	 * An HTML tag name or a component used to render internal links.
-	 *
-	 * @remarks
-	 * HTML tag names will be rendered using the anchor tag interface (`href`,
-	 * `target`, and `rel` attributes).
-	 * @remarks
-	 * Components will be rendered using Vue Router {@link RouterLink} interface
-	 * (`to` props).
-	 *
-	 * @defaultValue {@link RouterLink}
-	 */
-	linkInternalComponent?: ComponentOrTagName
-
-	/**
-	 * An HTML tag name or a component used to render external links.
-	 *
-	 * @remarks
-	 * HTML tag names will be rendered using the anchor tag interface (`href`,
-	 * `target`, and `rel` attributes).
-	 * @remarks
-	 * Components will be rendered using Vue Router {@link RouterLink} interface
-	 * (`to` props).
-	 *
-	 * @defaultValue `"a"`
-	 */
-	linkExternalComponent?: ComponentOrTagName
-
-	/**
-	 * Default widths to use when rendering an image with `widths="defaults"`
-	 *
-	 * @remarks
-	 * Consider configuring image widths within your content type definition and
-	 * using `widths="auto"` instead to give content writers the ability to crop
-	 * images in the editor.
-	 *
-	 * @defaultValue `@prismicio/client` defaults
-	 */
-	imageWidthSrcSetDefaults?: number[]
-
-	/**
-	 * Default pixel densities to use when rendering an image with
-	 * `pixel-densities="defaults"`
-	 *
-	 * @defaultValue `@prismicio/client` defaults
-	 */
-	imagePixelDensitySrcSetDefaults?: number[]
-
-	/**
-	 * An optional map of Rich Text block types to Vue Components. It is used to
-	 * render rich text or title fields.
-	 *
-	 * @see Templating Rich Text and title fields from Prismic {@link https://prismic.io/docs/rich-text}
-	 */
-	richTextComponents?: VueRichTextSerializer
-
-	/**
-	 * A component or a functional component rendered if a component mapping from
-	 * the `components` prop cannot be found.
-	 *
-	 * @remarks
-	 * Components will be rendered using the {@link SliceComponentProps} interface.
-	 *
-	 * @defaultValue `null` when `process.env.NODE_ENV === "production"` else {@link TODOSliceComponent}
-	 */
-	sliceZoneDefaultComponent?: SliceComponentType
-}
-
-/**
- * Common options supported by `@prismicio/vue` plugin.
- */
-type PrismicPluginOptionsBase = {
-	/**
-	 * An optional link resolver function used to resolve links to Prismic
-	 * documents when not using the route resolver parameter with
-	 * `@prismicio/client`.
-	 *
-	 * @see Link resolver documentation {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver#link-resolver}
-	 */
-	linkResolver?: LinkResolverFunction
-
-	/**
-	 * An optional HTML serializer to customize the way rich text fields are
-	 * rendered.
-	 *
-	 * @remarks
-	 * To provide global components for the `<PrismicRichText />` component, use
-	 * the `components.richTextComponents` option instead.
-	 *
-	 * @deprecated Use `components.richTextComponents` instead.
-	 *
-	 * @see HTML serializer documentation {@link https://prismic.io/docs/core-concepts/html-serializer}
-	 */
-	richTextSerializer?:
-		| HTMLRichTextFunctionSerializer
-		| HTMLRichTextMapSerializer
-
-	/**
-	 * Whether or not to inject components globally.
-	 *
-	 * @defaultValue `true`
-	 */
-	injectComponents?: boolean
-
-	/**
-	 * Options used by Prismic Vue components.
-	 *
-	 * @see Components options {@link PrismicPluginComponentsOptions}
-	 */
-	components?: PrismicPluginComponentsOptions
-}
-
-/**
- * Options to init `@prismicio/vue` plugin with a client instance.
- *
- * @see {@link PrismicPluginOptionsBase} for shared options
- */
-type PrismicPluginOptionsWithClient = PrismicPluginOptionsBase & {
-	/**
-	 * A `@prismicio/client` instance used to fetch content from a Prismic
-	 * repository to configure the plugin with.
-	 *
-	 * @remarks
-	 * The client will be used by `@prismicio/vue` composables, such as
-	 * {@link usePrismicDocuments} and exposed through `this.$prismic.client` and
-	 * `usePrismic().client`.
-	 *
-	 * @see Prismic client documentation {@link https://prismic.io/docs/technologies/javascript}
-	 */
-	client: ReturnType<CreateClient>
-
-	/**
-	 * Ensures type union is a strict or.
-	 *
-	 * @internal
-	 */
-	endpoint?: never
-
-	/**
-	 * Ensures type union is a strict or.
-	 *
-	 * @internal
-	 */
-	clientConfig?: never
-}
-
-/**
- * Options to init `@prismicio/vue` plugin with a repository ID or API endpoint.
- *
- * @see {@link PrismicPluginOptionsBase} for shared options
- */
-type PrismicPluginOptionsWithEndpoint = PrismicPluginOptionsBase & {
-	/**
-	 * A Prismic repository endpoint to init the plugin's `@prismicio/client`
-	 * instance used to fetch content from a Prismic repository with.
-	 *
-	 * @remarks
-	 * Said client will be used by `@prismicio/vue` composables, such as
-	 * {@link usePrismicDocuments} and exposed through `this.$prismic.client` and
-	 * `usePrismic().client`.
-	 *
-	 * @example
-	 *
-	 * ```javascript
-	 * // A repository ID
-	 * "my-repo"
-	 *
-	 * //A full repository endpoint
-	 * "https://my-repo.cdn.prismic.io/api/v2"
-	 * ```
-	 *
-	 * @see Prismic client documentation {@link https://prismic.io/docs/technologies/javascript}
-	 */
-	endpoint: string
-
-	/**
-	 * An optional object to configure `@prismicio/client` instance further.
-	 *
-	 * @example
-	 *
-	 * ```javascript
-	 * // Accessing a private private repository
-	 * {
-	 * 	"accessToken": "abc"
-	 * }
-	 * ```
-	 *
-	 * @example
-	 *
-	 * ```javascript
-	 * // Using a route resolver
-	 * {
-	 * 	"defaultParams": {
-	 * 		"routes": [
-	 * 			{
-	 * 				"type": "page",
-	 * 				"path": "/:uid"
-	 * 			},
-	 * 			{
-	 * 				"type": "post",
-	 * 				"path": "/blog/:uid"
-	 * 			}
-	 * 		]
-	 * 	}
-	 * }
-	 * ```
-	 *
-	 * @see Prismic client documentation {@link https://prismic.io/docs/technologies/javascript}
-	 * @see Route resolver documentation {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver#route-resolver}
-	 */
-	clientConfig?: ClientConfig
-
-	/**
-	 * Ensures type union is a strict or.
-	 *
-	 * @internal
-	 */
-	client?: never
-}
-
-/**
- * `@prismicio/vue` plugin options.
- *
- * @see Prismic Official Vue.js documentation: {@link https://prismic.io/docs/technologies/vuejs}
- * @see Plugin repository: {@link https://github.com/prismicio/prismic-vue}
- */
-export type PrismicPluginOptions =
-	| PrismicPluginOptionsWithClient
-	| PrismicPluginOptionsWithEndpoint
-
-/**
- * `@prismicio/client` related methods and properties exposed by
- * `@prismicio/vue` plugin and accessible through `this.$prismic` and
- * `usePrismic()`.
- */
-export type PrismicPluginClient = {
-	/**
-	 * A `@prismicio/client` instance.
-	 */
-	client: ReturnType<CreateClient>
-
-	/**
-	 * Query filters from `@prismicio/client`.
-	 */
-	filter: typeof filter
-
-	/**
-	 * Prismic cookies from `@prismicio/client`.
-	 */
-	cookie: typeof cookie
-}
-
-/**
- * `@prismicio/client` related methods exposed by `@prismicio/vue` plugin and
- * accessible through `this.$prismic` and `usePrismic()`.
- */
-export type PrismicPluginHelpers = {
-	/**
-	 * Serializes a rich text or title field to a plain text string. This is
-	 * `@prismicio/client` {@link asText} function.
-	 *
-	 * @see Templating rich text and title fields {@link https://prismic.io/docs/technologies/vue-template-content#rich-text-and-titles}
-	 */
-	asText: typeof asText
-
-	/**
-	 * Serializes a rich text or title field to an HTML string. This is
-	 * `@prismicio/client` {@link asHTML} function.
-	 *
-	 * @remarks
-	 * If no `linkResolver` is provided the function will use the one provided to
-	 * the plugin at {@link PrismicPluginOptions.linkResolver} if available.
-	 * @remarks
-	 * If no `htmlSerializer` is provided the function will use the one provided
-	 * to the plugin at {@link PrismicPluginOptions.htmlSerializer} if available.
-	 *
-	 * @see Templating rich text and title fields {@link https://prismic.io/docs/technologies/vue-template-content#rich-text-and-titles}
-	 */
-	asHTML: typeof asHTML
-
-	/**
-	 * Resolves any type of link field or document to a URL. This is
-	 * `@prismicio/client` {@link asLink} function.
-	 *
-	 * @remarks
-	 * If no `linkResolver` is provided the function will use the one provided to
-	 * the plugin at {@link PrismicPluginOptions.linkResolver} if available.
-	 *
-	 * @see Templating link fields {@link https://prismic.io/docs/technologies/vue-template-content#links-and-content-relationships}
-	 */
-	asLink: typeof asLink
-
-	/**
-	 * Resolves any type of link field or document to a set of link attributes.
-	 * This is `@prismicio/client` {@link asLinkAttrs} function.
-	 *
-	 * @remarks
-	 * If no `linkResolver` is provided the function will use the one provided to
-	 * the plugin at {@link PrismicPluginOptions.linkResolver} if available.
-	 *
-	 * @see Templating link fields {@link https://prismic.io/docs/technologies/vue-template-content#links-and-content-relationships}
-	 */
-	asLinkAttrs: typeof asLinkAttrs
-
-	/**
-	 * Transforms a date or timestamp field into a JavaScript Date object. This is
-	 * `@prismicio/client` {@link asDate} function.
-	 */
-	asDate: typeof asDate
-
-	/**
-	 * Returns the URL of an image field with optional image transformations (via
-	 * Imgix URL parameters). This is `@prismicio/client` {@link asImageSrc}
-	 * function.
-	 */
-	asImageSrc: typeof asImageSrc
-
-	/**
-	 * Creates a width-based `srcset` from an image field with optional image
-	 * transformations (via Imgix URL parameters). This is `@prismicio/client`
-	 * {@link asImageWidthSrcSet} function.
-	 */
-	asImageWidthSrcSet: typeof asImageWidthSrcSet
-
-	/**
-	 * Creates a pixel-density-based `srcset` from an image field with optional
-	 * image transformations (via Imgix URL parameters). This is
-	 * `@prismicio/client` {@link asImagePixelDensitySrcSet} function.
-	 */
-	asImagePixelDensitySrcSet: typeof asImagePixelDensitySrcSet
-
-	/**
-	 * Helpers to determine if a field is filled. This is `@prismicio/client`
-	 * {@link isFilled} object.
-	 */
-	isFilled: typeof isFilled
-
-	/**
-	 * Converts a document into a link field. This is `@prismicio/client`
-	 * {@link documentToLinkField} function.
-	 *
-	 * @internal
-	 */
-	documentToLinkField: typeof documentToLinkField
-}
-
-/**
- * Methods and properties exposed by `@prismicio/vue` plugin and accessible
- * through `this.$prismic` and `usePrismic()`.
- */
-export type PrismicPlugin = {
-	/**
-	 * Options uses to initialize the plugin.
-	 *
-	 * @see `@prismicio/vue` plugin options {@link PrismicPluginOptions}
-	 */
-	readonly options: PrismicPluginOptions
-
-	/**
-	 * `@prismicio/vue` plugin install function used by Vue.
-	 *
-	 * @internal
-	 */
-	install: (app: App) => void
-} & PrismicPluginClient &
-	PrismicPluginHelpers
-
-// Helpers
-
-/**
- * Type to transform a static object into one that allows passing Refs as
- * values.
- *
- * @internal
- */
-export type VueUseOptions<T> = {
-	[K in keyof T]: Ref<T[K]> | T[K]
-}
-
-/**
- * Type to transform a static tuple into one that allows passing Refs as values.
- *
- * @internal
- */
-export type VueUseParameters<T> = {
-	[K in keyof T]: T extends number ? Ref<T[K]> | T[K] : T[K]
-}
-
-/**
- * A component or a tag name to be used as props.
- *
- * @internal
- */
 export type ComponentOrTagName =
 	| string
 	| ConcreteComponent
 	| Raw<DefineComponent>
+
+export type VueComponent<TProps> =
+	// For reference within TypeScript files when `*.vue` type cannot be inferred
+	// eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any
+	| DefineComponent<{}, {}, any>
+	// Likewise, for reference with TypeScript files.
+	| ReturnType<typeof defineAsyncComponent>
+	| DefineComponent<TProps>
+	| FunctionalComponent<TProps>
+
+export const isVueComponent = <T>(
+	component: VueComponent<T> | unknown,
+): component is VueComponent<T> => {
+	return (
+		!!component &&
+		(typeof component === "function" ||
+			(typeof component === "object" &&
+				(("render" in component && typeof component.render === "function") ||
+					("setup" in component && typeof component.setup === "function") ||
+					("__file" in component && !!component.__file) ||
+					("__name" in component && !!component.__name) ||
+					("props" in component && typeof component.props === "object"))))
+	)
+}

package/dist/PrismicEmbed.vue.cjs

@@ -1,25 +0,0 @@
-"use strict";
-const vue = require("vue");
-const client = require("@prismicio/client");
-const defaultWrapper = "div";
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: "PrismicEmbed" },
-  __name: "PrismicEmbed",
-  props: {
-    field: {},
-    wrapper: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.unref(client.isFilled).embed(_ctx.field) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.wrapper || defaultWrapper), {
-        key: 0,
-        "data-oembed": _ctx.field.embed_url,
-        "data-oembed-type": _ctx.field.type,
-        "data-oembed-provider": _ctx.field.provider_name,
-        innerHTML: _ctx.field.html
-      }, null, 8, ["data-oembed", "data-oembed-type", "data-oembed-provider", "innerHTML"])) : vue.createCommentVNode("", true);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=PrismicEmbed.vue.cjs.map

package/dist/PrismicEmbed.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicEmbed.vue.cjs","sources":["../src/PrismicEmbed.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { EmbedField } from \"@prismicio/client\"\nimport { isFilled } from \"@prismicio/client\"\n\nimport type { ComponentOrTagName } from \"./types\"\n\n/**\n * The default component rendered to wrap the embed.\n */\nconst defaultWrapper = \"div\"\n\n/**\n * Props for `<PrismicEmbed />`.\n */\nexport type PrismicEmbedProps = {\n\t/**\n\t * The Prismic EMbed field to render.\n\t */\n\tfield: EmbedField\n\n\t/**\n\t * An HTML tag name or a component used to wrap the output.\n\t *\n\t * @defaultValue `\"div\"`\n\t */\n\twrapper?: ComponentOrTagName\n}\n\ndefineProps<PrismicEmbedProps>()\ndefineOptions({ name: \"PrismicEmbed\" })\n</script>\n\n<template>\n\t<component\n\t\tv-if=\"isFilled.embed(field)\"\n\t\t:is=\"wrapper || defaultWrapper\"\n\t\t:data-oembed=\"field.embed_url\"\n\t\t:data-oembed-type=\"field.type\"\n\t\t:data-oembed-provider=\"field.provider_name\"\n\t\tv-html=\"field.html\"\n\t/>\n</template>\n"],"names":[],"mappings":";;;AASA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;"}

package/dist/PrismicEmbed.vue.d.ts

@@ -1,19 +0,0 @@
-import { EmbedField } from '@prismicio/client';
-import { ComponentOrTagName } from './types';
-/**
- * Props for `<PrismicEmbed />`.
- */
-export type PrismicEmbedProps = {
-    /**
-     * The Prismic EMbed field to render.
-     */
-    field: EmbedField;
-    /**
-     * An HTML tag name or a component used to wrap the output.
-     *
-     * @defaultValue `"div"`
-     */
-    wrapper?: ComponentOrTagName;
-};
-declare const _default: import('vue').DefineComponent<PrismicEmbedProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PrismicEmbedProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/PrismicEmbed.vue.js

@@ -1,26 +0,0 @@
-import { defineComponent, createBlock, createCommentVNode, unref, openBlock, resolveDynamicComponent } from "vue";
-import { isFilled } from "@prismicio/client";
-const defaultWrapper = "div";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "PrismicEmbed" },
-  __name: "PrismicEmbed",
-  props: {
-    field: {},
-    wrapper: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return unref(isFilled).embed(_ctx.field) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.wrapper || defaultWrapper), {
-        key: 0,
-        "data-oembed": _ctx.field.embed_url,
-        "data-oembed-type": _ctx.field.type,
-        "data-oembed-provider": _ctx.field.provider_name,
-        innerHTML: _ctx.field.html
-      }, null, 8, ["data-oembed", "data-oembed-type", "data-oembed-provider", "innerHTML"])) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=PrismicEmbed.vue.js.map

package/dist/PrismicEmbed.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicEmbed.vue.js","sources":["../src/PrismicEmbed.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { EmbedField } from \"@prismicio/client\"\nimport { isFilled } from \"@prismicio/client\"\n\nimport type { ComponentOrTagName } from \"./types\"\n\n/**\n * The default component rendered to wrap the embed.\n */\nconst defaultWrapper = \"div\"\n\n/**\n * Props for `<PrismicEmbed />`.\n */\nexport type PrismicEmbedProps = {\n\t/**\n\t * The Prismic EMbed field to render.\n\t */\n\tfield: EmbedField\n\n\t/**\n\t * An HTML tag name or a component used to wrap the output.\n\t *\n\t * @defaultValue `\"div\"`\n\t */\n\twrapper?: ComponentOrTagName\n}\n\ndefineProps<PrismicEmbedProps>()\ndefineOptions({ name: \"PrismicEmbed\" })\n</script>\n\n<template>\n\t<component\n\t\tv-if=\"isFilled.embed(field)\"\n\t\t:is=\"wrapper || defaultWrapper\"\n\t\t:data-oembed=\"field.embed_url\"\n\t\t:data-oembed-type=\"field.type\"\n\t\t:data-oembed-provider=\"field.provider_name\"\n\t\tv-html=\"field.html\"\n\t/>\n</template>\n"],"names":[],"mappings":";;AASA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;"}

package/dist/PrismicEmbed.vue2.cjs

@@ -1,4 +0,0 @@
-"use strict";
-const PrismicEmbed_vue_vue_type_script_setup_true_lang = require("./PrismicEmbed.vue.cjs");
-module.exports = PrismicEmbed_vue_vue_type_script_setup_true_lang;
-//# sourceMappingURL=PrismicEmbed.vue2.cjs.map

package/dist/PrismicEmbed.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicEmbed.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/PrismicEmbed.vue2.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./PrismicEmbed.vue.js";
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=PrismicEmbed.vue2.js.map

package/dist/PrismicEmbed.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicEmbed.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/PrismicImage.vue.cjs

@@ -1,84 +0,0 @@
-"use strict";
-const vue = require("vue");
-const client = require("@prismicio/client");
-const esmEnv = require("esm-env");
-const devMsg = require("./lib/devMsg.cjs");
-const usePrismic = require("./usePrismic.cjs");
-const _hoisted_1 = ["src", "srcset", "alt"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: "PrismicImage" },
-  __name: "PrismicImage",
-  props: {
-    field: {},
-    imgixParams: {},
-    alt: {},
-    fallbackAlt: {},
-    widths: {},
-    pixelDensities: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { options } = usePrismic.usePrismic();
-    if (esmEnv.DEV) {
-      vue.watchEffect(() => {
-        if (typeof props.alt === "string" && props.alt !== "") {
-          console.warn(
-            `[PrismicImage] The "alt" prop can only be used to declare an image as decorative by passing an empty string (alt="") but was provided a non-empty string. You can resolve this warning by removing the "alt" prop or changing it to alt="". For more details, see ${devMsg.devMsg(
-              "alt-must-be-an-empty-string"
-            )}`
-          );
-        }
-        if (typeof props.fallbackAlt === "string" && props.fallbackAlt !== "") {
-          console.warn(
-            `[PrismicImage] The "fallbackAlt" prop can only be used to declare an image as decorative by passing an empty string (fallbackAlt="") but was provided a non-empty string. You can resolve this warning by removing the "fallbackAlt" prop or changing it to fallbackAlt="". For more details, see ${devMsg.devMsg(
-              "alt-must-be-an-empty-string"
-            )}`
-          );
-        }
-        if (props.widths && props.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.`
-          );
-        }
-      });
-    }
-    const image = vue.computed(() => {
-      var _a, _b;
-      if (!client.isFilled.imageThumbnail(props.field)) {
-        return;
-      }
-      let src;
-      let srcSet;
-      if (props.widths || !props.pixelDensities) {
-        const res = client.asImageWidthSrcSet(props.field, {
-          ...props.imgixParams,
-          widths: props.widths === "defaults" ? (_a = options.components) == null ? void 0 : _a.imageWidthSrcSetDefaults : props.widths
-        });
-        src = res.src;
-        srcSet = res.srcset;
-      } else if (props.pixelDensities) {
-        const res = client.asImagePixelDensitySrcSet(props.field, {
-          ...props.imgixParams,
-          pixelDensities: props.pixelDensities === "defaults" ? (_b = options.components) == null ? void 0 : _b.imagePixelDensitySrcSetDefaults : props.pixelDensities
-        });
-        src = res.src;
-        srcSet = res.srcset;
-      }
-      return {
-        src,
-        srcSet,
-        alt: props.alt ?? (props.field.alt || props.fallbackAlt)
-      };
-    });
-    return (_ctx, _cache) => {
-      return image.value ? (vue.openBlock(), vue.createElementBlock("img", {
-        key: 0,
-        src: image.value.src,
-        srcset: image.value.srcSet,
-        alt: image.value.alt
-      }, null, 8, _hoisted_1)) : vue.createCommentVNode("", true);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=PrismicImage.vue.cjs.map

package/dist/PrismicImage.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrismicImage.vue.cjs","sources":["../src/PrismicImage.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ImageField, asImageSrc } from \"@prismicio/client\"\nimport {\n\tasImagePixelDensitySrcSet,\n\tasImageWidthSrcSet,\n\tisFilled,\n} from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport { computed, watchEffect } from \"vue\"\n\nimport { devMsg } from \"./lib/devMsg\"\n\nimport { usePrismic } from \"./usePrismic\"\n\n/**\n * Props for `<PrismicImage />`.\n */\nexport type PrismicImageProps = {\n\t/**\n\t * The Prismic image field or thumbnail to render.\n\t */\n\tfield: ImageField | ImageField<string>\n\n\t/**\n\t * An object of Imgix URL API parameters to transform the image.\n\t *\n\t * See: https://docs.imgix.com/apis/rendering\n\t */\n\timgixParams?: Parameters<typeof asImageSrc>[1]\n\n\t/**\n\t * Declare an image as decorative by providing `alt=\"\"`.\n\t *\n\t * See:\n\t * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\talt?: \"\"\n\n\t/**\n\t * Declare an image as decorative only if the image field does not have\n\t * alternative text by providing `fallbackAlt=\"\"`.\n\t *\n\t * See:\n\t * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images\n\t */\n\tfallbackAlt?: \"\"\n} & (\n\t| {\n\t\t\t/**\n\t\t\t * Widths used to build a `srcset` value for the image field.\n\t\t\t *\n\t\t\t * If a `widths` prop is not given or `\"defaults\"` is passed, the\n\t\t\t * following widths will be used: 640, 750, 828, 1080, 1200, 1920, 2048,\n\t\t\t * 3840.\n\t\t\t *\n\t\t\t * If the image field contains responsive views, each responsive view can\n\t\t\t * be used as a width in the resulting `srcset` by passing `\"thumbnails\"`\n\t\t\t * as the `widths` prop.\n\t\t\t */\n\t\t\twidths?:\n\t\t\t\t| NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>[\"widths\"]\n\t\t\t\t| \"thumbnails\"\n\t\t\t\t| \"defaults\"\n\t\t\t/**\n\t\t\t * Not used when the `widths` prop is used.\n\t\t\t */\n\t\t\tpixelDensities?: never\n\t  }\n\t| {\n\t\t\t/**\n\t\t\t * Not used when the `widths` prop is used.\n\t\t\t */\n\t\t\twidths?: never\n\t\t\t/**\n\t\t\t * Pixel densities used to build a `srcset` value for the image field.\n\t\t\t *\n\t\t\t * If a `pixelDensities` prop is passed `\"defaults\"`, the following pixel\n\t\t\t * densities will be used: 1, 2, 3.\n\t\t\t */\n\t\t\tpixelDensities:\n\t\t\t\t| NonNullable<\n\t\t\t\t\t\tParameters<typeof asImagePixelDensitySrcSet>[1]\n\t\t\t\t  >[\"pixelDensities\"]\n\t\t\t\t| \"defaults\"\n\t  }\n)\n\nconst props = defineProps<PrismicImageProps>()\ndefineOptions({ name: \"PrismicImage\" })\n\nconst { options } = usePrismic()\n\nif (DEV) {\n\twatchEffect(() => {\n\t\tif (typeof props.alt === \"string\" && props.alt !== \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] The \"alt\" prop can only be used to declare an image as decorative by passing an empty string (alt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"alt\" prop or changing it to alt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t)}`,\n\t\t\t)\n\t\t}\n\n\t\tif (typeof props.fallbackAlt === \"string\" && props.fallbackAlt !== \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`[PrismicImage] The \"fallbackAlt\" prop can only be used to declare an image as decorative by passing an empty string (fallbackAlt=\"\") but was provided a non-empty string. You can resolve this warning by removing the \"fallbackAlt\" prop or changing it to fallbackAlt=\"\". For more details, see ${devMsg(\n\t\t\t\t\t\"alt-must-be-an-empty-string\",\n\t\t\t\t)}`,\n\t\t\t)\n\t\t}\n\n\t\tif (props.widths && props.pixelDensities) {\n\t\t\tconsole.warn(\n\t\t\t\t`[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.`,\n\t\t\t)\n\t\t}\n\t})\n}\n\nconst image = computed(() => {\n\tif (!isFilled.imageThumbnail(props.field)) {\n\t\treturn\n\t}\n\n\tlet src: string | undefined\n\tlet srcSet: string | undefined\n\tif (props.widths || !props.pixelDensities) {\n\t\tconst res = asImageWidthSrcSet(props.field, {\n\t\t\t...props.imgixParams,\n\t\t\twidths:\n\t\t\t\tprops.widths === \"defaults\"\n\t\t\t\t\t? options.components?.imageWidthSrcSetDefaults\n\t\t\t\t\t: props.widths,\n\t\t})\n\n\t\tsrc = res.src\n\t\tsrcSet = res.srcset\n\t} else if (props.pixelDensities) {\n\t\tconst res = asImagePixelDensitySrcSet(props.field, {\n\t\t\t...props.imgixParams,\n\t\t\tpixelDensities:\n\t\t\t\tprops.pixelDensities === \"defaults\"\n\t\t\t\t\t? options.components?.imagePixelDensitySrcSetDefaults\n\t\t\t\t\t: props.pixelDensities,\n\t\t})\n\n\t\tsrc = res.src\n\t\tsrcSet = res.srcset\n\t}\n\n\treturn {\n\t\tsrc,\n\t\tsrcSet,\n\t\talt: props.alt ?? (props.field.alt || props.fallbackAlt),\n\t}\n})\n</script>\n\n<template>\n\t<img v-if=\"image\" :src=\"image.src\" :srcset=\"image.srcSet\" :alt=\"image.alt\" />\n</template>\n"],"names":["usePrismic","DEV","watchEffect","devMsg","computed","isFilled","asImageWidthSrcSet","asImagePixelDensitySrcSet"],"mappings":";;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ;AAGR,UAAA,EAAE,QAAQ,IAAIA,sBAAW;AAE/B,QAAIC,YAAK;AACRC,UAAAA,YAAY,MAAM;AACjB,YAAI,OAAO,MAAM,QAAQ,YAAY,MAAM,QAAQ,IAAI;AAC9C,kBAAA;AAAA,YACP,qQAAqQC,OAAA;AAAA,cACpQ;AAAA,YAAA,CACA;AAAA,UACF;AAAA,QAAA;AAGD,YAAI,OAAO,MAAM,gBAAgB,YAAY,MAAM,gBAAgB,IAAI;AAC9D,kBAAA;AAAA,YACP,qSAAqSA,OAAA;AAAA,cACpS;AAAA,YAAA,CACA;AAAA,UACF;AAAA,QAAA;AAGG,YAAA,MAAM,UAAU,MAAM,gBAAgB;AACjC,kBAAA;AAAA,YACP;AAAA,UACD;AAAA,QAAA;AAAA,MACD,CACA;AAAA,IAAA;AAGI,UAAA,QAAQC,IAAAA,SAAS,MAAM;;AAC5B,UAAI,CAACC,OAAAA,SAAS,eAAe,MAAM,KAAK,GAAG;AAC1C;AAAA,MAAA;AAGG,UAAA;AACA,UAAA;AACJ,UAAI,MAAM,UAAU,CAAC,MAAM,gBAAgB;AACpC,cAAA,MAAMC,OAAAA,mBAAmB,MAAM,OAAO;AAAA,UAC3C,GAAG,MAAM;AAAA,UACT,QACC,MAAM,WAAW,cACd,aAAQ,eAAR,mBAAoB,2BACpB,MAAM;AAAA,QAAA,CACV;AAED,cAAM,IAAI;AACV,iBAAS,IAAI;AAAA,MAAA,WACH,MAAM,gBAAgB;AAC1B,cAAA,MAAMC,OAAAA,0BAA0B,MAAM,OAAO;AAAA,UAClD,GAAG,MAAM;AAAA,UACT,gBACC,MAAM,mBAAmB,cACtB,aAAQ,eAAR,mBAAoB,kCACpB,MAAM;AAAA,QAAA,CACV;AAED,cAAM,IAAI;AACV,iBAAS,IAAI;AAAA,MAAA;AAGP,aAAA;AAAA,QACN;AAAA,QACA;AAAA,QACA,KAAK,MAAM,QAAQ,MAAM,MAAM,OAAO,MAAM;AAAA,MAC7C;AAAA,IAAA,CACA;;;;;;;;;;;;"}