@prismicio/vue 3.0.0-beta.1 → 3.0.0-beta.2

package/src/components/PrismicImage.ts

@@ -3,15 +3,24 @@ import {
 	ComponentCustomProps,
 	computed,
 	ConcreteComponent,
+	ComputedRef,
 	defineComponent,
 	h,
 	PropType,
 	VNodeProps,
+	unref,
 } from "vue";
 
 import { ImageField } from "@prismicio/types";
+import {
+	asImageSrc,
+	asImageWidthSrcSet,
+	asImagePixelDensitySrcSet,
+	isFilled,
+} from "@prismicio/helpers";
 
 import { usePrismic } from "../usePrismic";
+import { VueUseOptions } from "../types";
 import { simplyResolveComponent } from "../lib/simplyResolveComponent";
 
 /**
@@ -33,17 +42,165 @@ export type PrismicImageProps = {
 	 *
 	 * @remarks
 	 * HTML tag names and components will be rendered using the `img` tag
-	 * interface (`src` and `alt` attribute). Components will also receive an
-	 * additional `copyright` props.
+	 * interface (`src`, `srcset`, and `alt` attribute). Components will also
+	 * receive an additional `copyright` props.
 	 * @defaultValue The one provided to `@prismicio/vue` plugin if configured, `"img"` otherwise.
 	 */
 	imageComponent?: string | ConcreteComponent;
 
 	/**
-	 * A map of additional props to pass to the component used to render images
-	 * when using one.
+	 * An object of Imgix URL API parameters.
+	 *
+	 * @see Imgix URL parameters reference: https://docs.imgix.com/apis/rendering
+	 */
+	imgixParams?: Parameters<typeof asImageSrc>[1];
+
+	/**
+	 * Adds an additional `srcset` attribute to the image following given widths.
+	 *
+	 * @remarks
+	 * A special value of `"auto"` is accepted to automatically use image widths
+	 * coming from the API.
+	 * @remarks
+	 * A special value of `"defaults"` is accepted to automatically use image
+	 * widths coming from `@prismicio/helpers`
+	 * @remarks
+	 * This prop is not compatible with the `pixelDensities` prop. When both are
+	 * used the `pixelDensities` prop will be ignored.
+	 */
+	widths?:
+		| NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"]
+		| "auto"
+		| "defaults";
+
+	/**
+	 * Adds an additional `srcset` attribute to the image following giving pixel densities.
+	 *
+	 * @remarks
+	 * A special value of `"defaults"` is accepted to automatically use image
+	 * pixel densities coming from `@prismicio/helpers`
+	 * @remarks
+	 * This prop is not compatible with the `widths` prop. When both are used, the
+	 * `pixelDensities` prop will be ignored.
+	 */
+	pixelDensities?:
+		| NonNullable<
+				Parameters<typeof asImagePixelDensitySrcSet>[1]
+		  >["pixelDensities"]
+		| "defaults";
+};
+
+/**
+ * Options for {@link usePrismicImage}.
+ */
+export type UsePrismicImageOptions = VueUseOptions<
+	Omit<PrismicImageProps, "imageComponent">
+>;
+
+/**
+ * Return type of {@link usePrismicImage}.
+ */
+export type UsePrismicImageReturnType = {
+	/**
+	 * Resolved image `src` value.
+	 */
+	src: ComputedRef<string | null>;
+
+	/**
+	 * Resolved image `srcset` value.
+	 */
+	srcset: ComputedRef<string | null>;
+
+	/**
+	 * Resolved image `alt` value.
 	 */
-	imageComponentAdditionalProps?: Record<string, unknown>;
+	alt: ComputedRef<string | null>;
+
+	/**
+	 * Resolved image `copyright` value.
+	 */
+	copyright: ComputedRef<string | null>;
+};
+
+/**
+ * A low level composable that returns a resolved information about a Prismic image field.
+ *
+ * @param props - {@link UsePrismicImageOptions}
+ *
+ * @returns - Resolved image information {@link UsePrismicImageReturnType}
+ */
+export const usePrismicImage = (
+	props: UsePrismicImageOptions,
+): UsePrismicImageReturnType => {
+	const asImage = computed(() => {
+		const field = unref(props.field);
+
+		if (!isFilled.image(field)) {
+			return {
+				src: null,
+				srcset: null,
+			};
+		}
+
+		const imgixParams = unref(props.imgixParams);
+		const widths = unref(props.widths);
+		const pixelDensities = unref(props.pixelDensities);
+
+		if (widths) {
+			if (pixelDensities) {
+				console.warn(
+					"[PrismicImage] `widths` and `pixelDensities` props should not be use alongside each others, only `widths` will be applied",
+					props,
+				);
+			}
+
+			if (widths === "auto") {
+				return asImageWidthSrcSet(field, imgixParams);
+			} else {
+				// Remove potential thumbnails when using manual widths
+				const { url, dimensions, alt, copyright } = field;
+
+				return asImageWidthSrcSet(
+					{ url, dimensions, alt, copyright },
+					{
+						...imgixParams,
+						widths: widths === "defaults" ? undefined : widths,
+					},
+				);
+			}
+		} else if (pixelDensities) {
+			return asImagePixelDensitySrcSet(field, {
+				...imgixParams,
+				pixelDensities:
+					pixelDensities === "defaults" ? undefined : pixelDensities,
+			});
+		} else {
+			return {
+				src: asImageSrc(field, imgixParams),
+				srcset: null,
+			};
+		}
+	});
+
+	const src = computed(() => {
+		return asImage.value.src;
+	});
+	const srcset = computed(() => {
+		return asImage.value.srcset;
+	});
+	const alt = computed(() => {
+		return unref(props.field).alt || null;
+	});
+	const copyright = computed(() => {
+		return unref(props.field).copyright || null;
+	});
+
+	return {
+		src,
+		srcset,
+		alt,
+		copyright,
+	};
 };
 
 /**
@@ -63,8 +220,27 @@ export const PrismicImageImpl = /*#__PURE__*/ defineComponent({
 			default: undefined,
 			required: false,
 		},
-		imageComponentAdditionalProps: {
-			type: Object as PropType<Record<string, unknown>>,
+		imgixParams: {
+			type: Object as PropType<Parameters<typeof asImageSrc>[1]>,
+			default: undefined,
+			required: false,
+		},
+		widths: {
+			type: [String, Object] as PropType<
+				| NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"]
+				| "auto"
+				| "defaults"
+			>,
+			default: undefined,
+			required: false,
+		},
+		pixelDensities: {
+			type: [String, Object] as PropType<
+				| NonNullable<
+						Parameters<typeof asImagePixelDensitySrcSet>[1]
+				  >["pixelDensities"]
+				| "defaults"
+			>,
 			default: undefined,
 			required: false,
 		},
@@ -85,10 +261,13 @@ export const PrismicImageImpl = /*#__PURE__*/ defineComponent({
 			);
 		});
 
+		const { src, srcset, alt, copyright } = usePrismicImage(props);
+
 		return () => {
 			const attributes = {
-				src: props.field.url || null,
-				alt: props.field.alt || null,
+				src: src.value,
+				srcset: srcset.value,
+				alt: alt.value,
 			};
 
 			switch (type.value) {
@@ -99,8 +278,7 @@ export const PrismicImageImpl = /*#__PURE__*/ defineComponent({
 				default:
 					return h(simplyResolveComponent(type.value), {
 						...attributes,
-						copyright: props.field.copyright || null,
-						...props.imageComponentAdditionalProps,
+						copyright: copyright.value,
 					});
 			}
 		};

package/src/components/PrismicLink.ts

@@ -50,6 +50,7 @@ export type PrismicLinkProps = {
 	 * resolver parameter with `@prismicio/client`.
 	 *
 	 * @defaultValue The link resolver provided to `@prismicio/vue` plugin if configured.
+	 *
 	 * @see Link resolver documentation {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver#link-resolver}
 	 */
 	linkResolver?: LinkResolverFunction;

package/src/components/PrismicRichText.ts

@@ -50,6 +50,7 @@ export type PrismicRichTextProps = {
 	 * resolver parameter with `@prismicio/client`.
 	 *
 	 * @defaultValue The link resolver provided to `@prismicio/vue` plugin if configured.
+	 *
 	 * @see Link resolver documentation {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver#link-resolver}
 	 */
 	linkResolver?: LinkResolverFunction;
@@ -58,6 +59,7 @@ export type PrismicRichTextProps = {
 	 * An HTML serializer to customize the way rich text fields are rendered.
 	 *
 	 * @defaultValue The HTML serializer provided to `@prismicio/vue` plugin if configured.
+	 *
 	 * @see HTML serializer documentation {@link https://prismic.io/docs/core-concepts/html-serializer}
 	 */
 	htmlSerializer?: HTMLFunctionSerializer | HTMLMapSerializer;
@@ -104,7 +106,8 @@ export const usePrismicRichText = (
 		const htmlSerializer =
 			unref(props.htmlSerializer) ?? options.htmlSerializer;
 
-		return asHTML(unref(props.field), linkResolver, htmlSerializer);
+		// TODO: Update after https://github.com/prismicio/prismic-helpers/pull/43
+		return asHTML(unref(props.field), linkResolver, htmlSerializer) || "";
 	});
 
 	return {

package/src/components/PrismicText.ts

@@ -22,7 +22,6 @@ import { simplyResolveComponent } from "../lib/simplyResolveComponent";
  * The default component rendered to wrap the text output.
  */
 const defaultWrapper = "div";
-
 /**
  * Props for `<PrismicText />`.
  */
@@ -75,7 +74,8 @@ export const usePrismicText = (
 	props: UsePrismicTextOptions,
 ): UsePrismicTextReturnType => {
 	const text = computed(() => {
-		return asText(unref(props.field), unref(props.separator));
+		// TODO: Update after https://github.com/prismicio/prismic-helpers/pull/43
+		return asText(unref(props.field), unref(props.separator)) || "";
 	});
 
 	return {

package/src/components/SliceZone.ts

@@ -149,7 +149,7 @@ export const getSliceComponentProps = <
 	TContext = unknown,
 >(
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-	propsHint?: string[],
+	propsHint?: ["slice", "index", "slices", "context"],
 ): DefineComponentSliceComponentProps<TSlice, TContext> => ({
 	slice: {
 		type: Object as PropType<SliceComponentProps<TSlice, TContext>["slice"]>,
@@ -271,6 +271,7 @@ export type SliceZoneComponents<
  *
  * @typeParam TSlice - The type(s) of slices in the Slice Zone
  * @typeParam TContext - Arbitrary data made available to all Slice components
+ *
  * @param components - {@link SliceZoneComponents}
  *
  * @returns A new optimized record of {@link SliceZoneComponents}
@@ -326,6 +327,7 @@ export type SliceZoneResolverArgs<TSlice extends SliceLike = SliceLike> = {
  * the `components` or `defaultComponent` props to determine the rendered component.
  *
  * @deprecated Use the `components` prop instead.
+ *
  * @param args - Arguments for the resolver function.
  *
  * @returns The Vue component to render for a Slice.
@@ -362,6 +364,7 @@ export type SliceZoneProps<
 	 * Slice Zone.
 	 *
 	 * @deprecated Use the `components` prop instead.
+	 *
 	 * @param args - Arguments for the resolver function.
 	 *
 	 * @returns The Vue component to render for a Slice.
@@ -379,6 +382,7 @@ export type SliceZoneProps<
 	 *
 	 * @remarks
 	 * Components will be rendered using the {@link SliceComponentProps} interface.
+	 *
 	 * @defaultValue The Slice Zone default component provided to `@prismicio/vue` plugin if configured, otherwise `null` when `process.env.NODE_ENV === "production"` else {@link TODOSliceComponent}.
 	 */
 	defaultComponent?: SliceComponentType<TSlice, TContext>;

package/src/components/index.ts

@@ -1,8 +1,12 @@
 export { PrismicEmbedImpl, PrismicEmbed } from "./PrismicEmbed";
 export type { PrismicEmbedProps } from "./PrismicEmbed";
 
-export { PrismicImageImpl, PrismicImage } from "./PrismicImage";
-export type { PrismicImageProps } from "./PrismicImage";
+export {
+	usePrismicImage,
+	PrismicImageImpl,
+	PrismicImage,
+} from "./PrismicImage";
+export type { UsePrismicImageOptions, PrismicImageProps } from "./PrismicImage";
 
 export { usePrismicLink, PrismicLinkImpl, PrismicLink } from "./PrismicLink";
 export type { UsePrismicLinkOptions, PrismicLinkProps } from "./PrismicLink";

package/src/composables.ts

@@ -22,10 +22,13 @@ import {
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.get}
  */
 export const usePrismicDocuments = <TDocument extends PrismicDocument>(
@@ -41,10 +44,13 @@ export const usePrismicDocuments = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of the Prismic document returned
+ *
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getFirst}
  */
 export const useFirstPrismicDocument = <TDocument extends PrismicDocument>(
@@ -59,11 +65,14 @@ export const useFirstPrismicDocument = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of the Prismic document returned
+ *
  * @param id - ID of the document
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getByID}
  */
 export const usePrismicDocumentByID = <TDocument extends PrismicDocument>(
@@ -79,11 +88,14 @@ export const usePrismicDocumentByID = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param ids - A list of document IDs
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getByIDs}
  */
 export const usePrismicDocumentsByIDs = <TDocument extends PrismicDocument>(
@@ -99,11 +111,14 @@ export const usePrismicDocumentsByIDs = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param ids - A list of document IDs
  * @param params - Parameters to filter and sort results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getAllByIDs}
  */
 export const useAllPrismicDocumentsByIDs = <TDocument extends PrismicDocument>(
@@ -121,12 +136,15 @@ export const useAllPrismicDocumentsByIDs = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of the Prismic document returned
+ *
  * @param documentType - The API ID of the document's Custom Type
  * @param uid - UID of the document
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getByUID}
  */
 export const usePrismicDocumentByUID = <TDocument extends PrismicDocument>(
@@ -143,12 +161,15 @@ export const usePrismicDocumentByUID = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param documentType - The API ID of the document's Custom Type
  * @param uids - A list of document UIDs
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getByIDs}
  */
 export const usePrismicDocumentsByUIDs = <TDocument extends PrismicDocument>(
@@ -165,12 +186,15 @@ export const usePrismicDocumentsByUIDs = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param documentType - The API ID of the document's Custom Type
  * @param uids - A list of document UIDs
  * @param params - Parameters to filter and sort results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getAllByIDs}
  */
 export const useAllPrismicDocumentsByUIDs = <TDocument extends PrismicDocument>(
@@ -189,11 +213,14 @@ export const useAllPrismicDocumentsByUIDs = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of the Prismic document returned
+ *
  * @param documentType - The API ID of the singleton Custom Type
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getSingle}
  */
 export const useSinglePrismicDocument = <TDocument extends PrismicDocument>(
@@ -210,11 +237,14 @@ export const useSinglePrismicDocument = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param documentType - The API ID of the Custom Type
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getByType}
  */
 export const usePrismicDocumentsByType = <TDocument extends PrismicDocument>(
@@ -231,11 +261,14 @@ export const usePrismicDocumentsByType = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param documentType - The API ID of the Custom Type
  * @param params - Parameters to filter and sort results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getAllByType}
  */
 export const useAllPrismicDocumentsByType = <TDocument extends PrismicDocument>(
@@ -252,11 +285,14 @@ export const useAllPrismicDocumentsByType = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param tag - The tag that must be included on a document
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getByTag}
  */
 export const usePrismicDocumentsByTag = <TDocument extends PrismicDocument>(
@@ -273,11 +309,14 @@ export const usePrismicDocumentsByTag = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param tag - The tag that must be included on a document
  * @param params - Parameters to filter and sort results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getAllByTag}
  */
 export const useAllPrismicDocumentsByTag = <TDocument extends PrismicDocument>(
@@ -295,11 +334,14 @@ export const useAllPrismicDocumentsByTag = <TDocument extends PrismicDocument>(
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param tags - A list of tags that must be included on a document
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getByTags}
  */
 export const usePrismicDocumentsByEveryTag = <
@@ -319,11 +361,14 @@ export const usePrismicDocumentsByEveryTag = <
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param tags - A list of tags that must be included on a document
  * @param params - Parameters to filter and sort results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getAllByTags}
  */
 export const useAllPrismicDocumentsByEveryTag = <
@@ -343,11 +388,14 @@ export const useAllPrismicDocumentsByEveryTag = <
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param tags - A list of tags that must be included on a document
  * @param params - Parameters to filter, sort, and paginate results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getByTags}
  */
 export const usePrismicDocumentsBySomeTags = <
@@ -368,11 +416,14 @@ export const usePrismicDocumentsBySomeTags = <
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param tags - A list of tags that must be included on a document
  * @param params - Parameters to filter and sort results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getAllByTags}
  */
 export const useAllPrismicDocumentsBySomeTags = <
@@ -396,10 +447,13 @@ export const useAllPrismicDocumentsBySomeTags = <
  *
  * @remarks
  * An additional `@prismicio/client` instance can be provided at `params.client`.
+ *
  * @typeParam TDocument - Type of Prismic documents returned
+ *
  * @param params - Parameters to filter and sort results
  *
  * @returns The composable payload {@link ClientComposableReturnType}
+ *
  * @see Underlying `@prismicio/client` method {@link Client.getAll}
  */
 export const dangerouslyUseAllPrismicDocuments = <

package/src/createPrismic.ts

@@ -9,10 +9,13 @@ import {
 	FetchLike,
 } from "@prismicio/client";
 import {
-	asDate,
+	asText,
 	asHTML,
 	asLink,
-	asText,
+	asDate,
+	asImageSrc,
+	asImageWidthSrcSet,
+	asImagePixelDensitySrcSet,
 	documentToLinkField,
 } from "@prismicio/helpers";
 
@@ -38,6 +41,7 @@ import type {
  * @param options - {@link PrismicPluginOptions}
  *
  * @returns `@prismicio/vue` plugin instance {@link PrismicPlugin}
+ *
  * @see Prismic Official Vue.js documentation: {@link https://prismic.io/docs/technologies/vuejs}
  * @see Plugin repository: {@link https://github.com/prismicio/prismic-vue}
  */
@@ -97,7 +101,9 @@ export const createPrismic = (options: PrismicPluginOptions): PrismicPlugin => {
 			return asLink(linkField, linkResolver || options.linkResolver);
 		},
 		asDate,
-
+		asImageSrc,
+		asImageWidthSrcSet,
+		asImagePixelDensitySrcSet,
 		documentToLinkField,
 	};
 

package/src/index.ts

@@ -3,6 +3,7 @@ export { usePrismic } from "./usePrismic";
 
 export {
 	// Composables
+	usePrismicImage,
 	usePrismicLink,
 	usePrismicText,
 	usePrismicRichText,
@@ -21,6 +22,7 @@ export {
 } from "./components";
 export type {
 	// Composables
+	UsePrismicImageOptions,
 	UsePrismicLinkOptions,
 	UsePrismicTextOptions,
 	UsePrismicRichTextOptions,

package/src/lib/getSlots.ts

@@ -9,6 +9,7 @@ import { ConcreteComponent, Slots, VNode } from "vue";
  * @param defaultParams - The parameters to provide to the default slot
  *
  * @returns The appropriate slots object/array
+ *
  * @internal
  */
 export const getSlots = (

package/src/lib/simplyResolveComponent.ts

@@ -7,6 +7,7 @@ import { ConcreteComponent, resolveDynamicComponent, VNode } from "vue";
  * @param component - An HTML tag name, a component, or a functional component
  *
  * @returns Resolved component as a {@link VNode} or provided `string`.
+ *
  * @internal
  */
 export const simplyResolveComponent = (