@prismicio/vue 5.2.0 → 5.3.0-canary.5d9ea4c

package/dist/types.d.cts

@@ -0,0 +1,357 @@
+import { VueRichTextSerializer } from "./PrismicRichText/types.cjs";
+import { SliceComponentType } from "./SliceZone/types.cjs";
+import { App, ConcreteComponent, DefineComponent, Raw } from "vue";
+import { AsLinkAttrsConfig, ClientConfig, CreateClient, HTMLRichTextFunctionSerializer, HTMLRichTextMapSerializer, LinkResolverFunction, asDate, asHTML, asImagePixelDensitySrcSet, asImageSrc, asImageWidthSrcSet, asLink, asLinkAttrs, asText, cookie, documentToLinkField, filter, isFilled } from "@prismicio/client";
+
+//#region src/types.d.ts
+
+/**
+ * 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}
+ */
+type PrismicPluginOptions = PrismicPluginOptionsWithClient | PrismicPluginOptionsWithEndpoint;
+/**
+ * `@prismicio/client` related methods and properties exposed by
+ * `@prismicio/vue` plugin and accessible through `this.$prismic` and
+ * `usePrismic()`.
+ */
+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()`.
+ */
+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()`.
+ */
+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;
+/**
+ * A component or a tag name to be used as props.
+ *
+ * @internal
+ */
+type ComponentOrTagName = string | ConcreteComponent | Raw<DefineComponent>;
+//#endregion
+export { ComponentOrTagName, PrismicPlugin, PrismicPluginOptions };
+//# sourceMappingURL=types.d.cts.map

package/dist/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../src/types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;AA+BoB;KAOf,8BAAA,GAOM;EAcc;;;;;AAqDsB;EAc/B,OAAA,CAAA,EAjFL,iBAiFK,CAAA,KAAA,CAAA;EAeZ;;;;AAewC;;;;;AAoBzB;AAiGnB;AASA;EAIoB,qBAAA,CAAA,EAnOK,kBAmOL;EAAX;;;;AAiBT;;;;;;;;EAyEmC,qBAAA,CAAA,EA/SV,kBA+SU;EAMjB;;;AAelB;;;;;;AA2CA;EAEG,wBAAA,CAAA,EAAA,MAAA,EAAA;EACI;;;;;;;;;;;;;uBAtVe;;;;;;;;;;8BAWO;;;;;KAMxB,wBAAA;;;;;;;;iBAQW;;;;;;;;;;;;;uBAeZ,iCACA;;;;;;;;;;;;eAcU;;;;;;;KAQT,8BAAA,GAAiC;;;;;;;;;;;;UAY7B,WAAW;;;;;;;;;;;;;;;;;;;KAsBf,gCAAA,GAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA2DxB;;;;;;;;;;;;;;KAgBJ,oBAAA,GACT,iCACA;;;;;;KAOS,mBAAA;;;;UAIH,WAAW;;;;iBAKJ;;;;iBAKA;;;;;;KAOJ,oBAAA;;;;;;;iBAOI;;;;;;;;;;;;;;iBAeA;;;;;;;;;;;iBAYA;;;;;;;;;;;sBAYK;;;;;iBAML;;;;;;qBAOI;;;;;;6BAOQ;;;;;;oCAOO;;;;;mBAMjB;;;;;;;8BAQW;;;;;;KAOjB,aAAA;;;;;;oBAMO;;;;;;iBAOH;IACZ,sBACH;;;;;;KA4BW,kBAAA,YAET,oBACA,IAAI"}

package/dist/usePrismic.d.cts

@@ -0,0 +1,36 @@
+import { PrismicPlugin } from "./types.cjs";
+import { InjectionKey } from "vue";
+
+//#region src/usePrismic.d.ts
+
+/**
+ * `@prismicio/vue` plugin interface interface location used for
+ * {@link usePrismic}.
+ *
+ * @internal
+ */
+declare const prismicKey: InjectionKey<PrismicPlugin>;
+/**
+ * Accesses `@prismicio/vue` plugin interface.
+ *
+ * @example
+ *
+ * ```javascript
+ * // With the composition API
+ * import { usePrismic } from "@prismicio/vue"
+ *
+ * export default {
+ * 	setup() {
+ * 		const prismic = usePrismic()
+ *
+ * 		return {}
+ * 	},
+ * }
+ * ```
+ *
+ * @returns The interface {@link PrismicPlugin}
+ */
+declare const usePrismic: () => PrismicPlugin;
+//#endregion
+export { prismicKey, usePrismic };
+//# sourceMappingURL=usePrismic.d.cts.map

package/dist/usePrismic.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrismic.d.cts","names":[],"sources":["../src/usePrismic.ts"],"sourcesContent":[],"mappings":";;;;;;;AAWA;AAsBA;;;cAtBa,YAAkC,aAAa;;;;;;;;;;;;;;;;;;;;;cAsB/C,kBAAiB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/vue",
-	"version": "5.2.0",
+	"version": "5.3.0-canary.5d9ea4c",
 	"description": "Vue plugin, components, and composables to fetch and present Prismic content",
 	"keywords": [
 		"typescript",
@@ -18,84 +18,60 @@
 	"type": "module",
 	"exports": {
 		".": {
-			"require": {
-				"types": "./dist/index.d.ts",
-				"default": "./dist/index.cjs"
-			},
-			"import": {
-				"types": "./dist/index.d.ts",
-				"default": "./dist/index.js"
-			}
+			"require": "./dist/index.cjs",
+			"import": "./dist/index.js"
 		},
 		"./package.json": "./package.json"
 	},
-	"main": "dist/index.cjs",
-	"module": "dist/index.js",
-	"types": "dist/index.d.ts",
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.cts",
 	"files": [
-		"dist",
-		"src",
-		"vetur"
+		"./dist",
+		"./src"
 	],
 	"scripts": {
-		"build": "vite build",
-		"dev": "vite build --watch",
+		"build": "tsdown",
+		"dev": "tsdown --watch",
 		"format": "prettier --write .",
 		"playground:build": "vite build playground",
 		"playground:dev": "vite playground",
 		"prepare": "npm run build",
-		"release": "npm run test && standard-version && git push --follow-tags && npm run build && npm publish",
-		"release:dry": "standard-version --dry-run",
-		"release:alpha": "npm run test && standard-version --release-as major --prerelease alpha && git push --follow-tags && npm run build && npm publish --tag alpha",
-		"release:alpha:dry": "standard-version --release-as major --prerelease alpha --dry-run",
-		"lint": "eslint",
-		"types": "vitest --typecheck.only --run && vue-tsc --noEmit",
-		"types:watch": "vitest --typecheck.only",
+		"lint": "oxlint --deny-warnings",
+		"types": "vue-tsc --noEmit",
 		"unit": "vitest run --coverage",
 		"unit:watch": "vitest watch",
-		"size": "size-limit",
-		"test": "npm run lint && npm run types && npm run unit && npm run build && npm run size"
+		"test": "npm run lint && npm run types && npm run unit && npm run build"
 	},
 	"dependencies": {
-		"@prismicio/client": "^7.17.0",
+		"@prismicio/client": "^7.21.0",
 		"esm-env": "^1.2.2",
-		"vue-router": "^4.5.0"
+		"vue-router": "^4.6.3"
 	},
 	"devDependencies": {
-		"@eslint/js": "^9.18.0",
 		"@prismicio/mock": "^0.7.1",
-		"@size-limit/preset-small-lib": "^11.1.6",
-		"@trivago/prettier-plugin-sort-imports": "^5.2.1",
+		"@trivago/prettier-plugin-sort-imports": "^6.0.0",
 		"@types/jsdom-global": "^3.0.7",
-		"@vitejs/plugin-vue": "^5.2.1",
-		"@vitest/coverage-v8": "^3.0.2",
-		"@vue/eslint-config-typescript": "^14.2.0",
+		"@vitejs/plugin-vue": "^6.0.2",
+		"@vitest/coverage-v8": "^4.0.15",
 		"@vue/test-utils": "^2.4.6",
-		"eslint": "^9.18.0",
-		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-prettier": "^5.2.3",
-		"eslint-plugin-tsdoc": "^0.4.0",
-		"eslint-plugin-vue": "^9.32.0",
-		"jsdom": "^26.0.0",
+		"jsdom": "^27.3.0",
 		"jsdom-global": "^3.0.2",
-		"prettier": "^3.4.2",
-		"prettier-plugin-jsdoc": "^1.3.2",
-		"size-limit": "^11.1.6",
-		"standard-version": "^9.5.0",
-		"typescript": "~5.7.3",
-		"typescript-eslint": "^8.21.0",
-		"vite": "^6.0.9",
-		"vite-plugin-dts": "^4.5.0",
-		"vite-plugin-sdk": "^0.1.3",
-		"vitest": "^3.0.2",
-		"vue": "^3.5.13",
-		"vue-tsc": "^2.2.0"
+		"oxlint": "1.32.0",
+		"prettier": "^3.7.4",
+		"prettier-plugin-jsdoc": "^1.8.0",
+		"tsdown": "0.17.2",
+		"typescript": "^5.9.3",
+		"vite": "^7.2.7",
+		"vitest": "^4.0.15",
+		"vue": "^3.5.25",
+		"vue-tsc": "^3.1.8"
 	},
 	"peerDependencies": {
 		"vue": "^3.0.0"
 	},
 	"engines": {
-		"node": ">=16.10.0"
+		"node": ">=20"
 	},
 	"publishConfig": {
 		"access": "public"

package/src/PrismicImage.vue

@@ -44,6 +44,22 @@ export type PrismicImageProps = {
 	 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#decorative_images
 	 */
 	fallbackAlt?: ""
+
+	/**
+	 * The width attribute of the image element.
+	 *
+	 * See:
+	 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width
+	 */
+	width?: number | string
+
+	/**
+	 * The height attribute of the image element.
+	 *
+	 * See:
+	 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height
+	 */
+	height?: number | string
 } & (
 	| {
 			/**
@@ -116,6 +132,20 @@ if (DEV) {
 	})
 }
 
+const castInt = (input: string | number | undefined): number | undefined => {
+	if (typeof input === "number" || typeof input === "undefined") {
+		return input
+	} else {
+		const parsed = Number.parseInt(input)
+
+		if (Number.isNaN(parsed)) {
+			return undefined
+		} else {
+			return parsed
+		}
+	}
+}
+
 const image = computed(() => {
 	if (!isFilled.imageThumbnail(props.field)) {
 		return
@@ -147,14 +177,37 @@ const image = computed(() => {
 		srcSet = res.srcset
 	}
 
+	const ar = props.field.dimensions.width / props.field.dimensions.height
+
+	const castedWidth = castInt(props.width)
+	const castedHeight = castInt(props.height)
+
+	let resolvedWidth = castedWidth ?? props.field.dimensions.width
+	let resolvedHeight = castedHeight ?? props.field.dimensions.height
+
+	if (castedWidth != null && castedHeight == null) {
+		resolvedHeight = castedWidth / ar
+	} else if (castedWidth == null && castedHeight != null) {
+		resolvedWidth = castedHeight * ar
+	}
+
 	return {
 		src,
 		srcSet,
 		alt: props.alt ?? (props.field.alt || props.fallbackAlt),
+		width: Math.round(resolvedWidth),
+		height: Math.round(resolvedHeight),
 	}
 })
 </script>
 
 <template>
-	<img v-if="image" :src="image.src" :srcset="image.srcSet" :alt="image.alt" />
+	<img
+		v-if="image"
+		:src="image.src"
+		:srcset="image.srcSet"
+		:alt="image.alt"
+		:width="image.width"
+		:height="image.height"
+	/>
 </template>

package/src/PrismicRichText/DeprecatedPrismicRichText.vue

@@ -2,7 +2,7 @@
 // TODO: Remove in v6
 import { asHTML, isFilled } from "@prismicio/client"
 import { DEV } from "esm-env"
-import type { Component } from "vue"
+import type { Component, PropType } from "vue"
 import {
 	computed,
 	inject,
@@ -26,12 +26,27 @@ import type { PrismicRichTextProps } from "./PrismicRichText.vue"
  */
 const defaultWrapper = "div"
 
-const props = defineProps<
-	Pick<
-		PrismicRichTextProps,
-		"field" | "linkResolver" | "serializer" | "wrapper"
-	> & { fallback?: string }
->()
+// We're forced to declare props using the JavaScript syntax because `@vue/compiler-sfc`
+// has limitations for inferring types from complex objects.
+const props = defineProps({
+	field: {
+		type: Array as unknown as PropType<PrismicRichTextProps["field"]>,
+	},
+	fallback: {
+		type: String as PropType<string>,
+	},
+	linkResolver: {
+		type: Function as PropType<PrismicRichTextProps["linkResolver"]>,
+	},
+	serializer: {
+		type: [Object, Function] as PropType<PrismicRichTextProps["serializer"]>,
+	},
+	wrapper: {
+		type: [String, Object, Function] as PropType<
+			PrismicRichTextProps["wrapper"]
+		>,
+	},
+})
 defineOptions({ name: "DeprecatedPrismicRichText" })
 
 const { options } = usePrismic()

package/src/PrismicRichText/PrismicRichText.vue

@@ -8,6 +8,7 @@ import {
 } from "@prismicio/client"
 import { asTree } from "@prismicio/client/richtext"
 import { DEV } from "esm-env"
+import type { PropType } from "vue"
 import { computed, watchEffect } from "vue"
 
 import Wrapper from "../lib/Wrapper.vue"
@@ -79,7 +80,32 @@ export type PrismicRichTextProps = {
 	wrapper?: ComponentOrTagName
 }
 
-const props = defineProps<PrismicRichTextProps>()
+// We're forced to declare props using the JavaScript syntax because `@vue/compiler-sfc`
+// has limitations for inferring types from complex objects.
+const props = defineProps({
+	field: {
+		type: Array as unknown as PropType<PrismicRichTextProps["field"]>,
+	},
+	fallback: {
+		type: [String, Object, Function] as PropType<
+			PrismicRichTextProps["fallback"]
+		>,
+	},
+	components: {
+		type: Object as PropType<PrismicRichTextProps["components"]>,
+	},
+	linkResolver: {
+		type: Function as PropType<PrismicRichTextProps["linkResolver"]>,
+	},
+	serializer: {
+		type: [Object, Function] as PropType<PrismicRichTextProps["serializer"]>,
+	},
+	wrapper: {
+		type: [String, Object, Function] as PropType<
+			PrismicRichTextProps["wrapper"]
+		>,
+	},
+})
 defineOptions({ name: "PrismicRichText" })
 
 const { options } = usePrismic()