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

package/dist/src/PrismicLink.vue.d.ts

@@ -0,0 +1,282 @@
+import { ComponentOrTagName } from "./types.js";
+import * as vue16 from "vue";
+import { AsLinkAttrsConfig, LinkField, LinkResolverFunction, PrismicDocument } from "@prismicio/client";
+
+//#region src/PrismicLink.vue.d.ts
+
+/**
+ * Props for `<PrismicLink />`.
+ */
+type PrismicLinkProps = {
+  /**
+   * A link resolver function used to resolve links when not using the route
+   * 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;
+  /**
+   * The `rel` attribute for the link. By default, `"noreferrer"` is provided if
+   * the link's URL is external. This prop can be provided a function to use the
+   * link's metadata to determine the `rel` value.
+   *
+   * @defaultValue The one provided to `@prismicio/vue` plugin if configured.
+   */
+  rel?: string | 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 The one provided to `@prismicio/vue` plugin if configured, {@link RouterLink} otherwise.
+   */
+  internalComponent?: 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 The one provided to `@prismicio/vue` plugin if configured, `"a"` otherwise.
+   */
+  externalComponent?: ComponentOrTagName;
+} & ({
+  /**
+   * The Prismic link field to render.
+   */
+  field: LinkField;
+  document?: never;
+} | {
+  /**
+   * The Prismic document to render as a link.
+   */
+  document: PrismicDocument;
+  field?: never;
+});
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: vue16.DefineComponent<({
+  /**
+   * A link resolver function used to resolve links when not using the route
+   * 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;
+  /**
+   * The `rel` attribute for the link. By default, `"noreferrer"` is provided if
+   * the link's URL is external. This prop can be provided a function to use the
+   * link's metadata to determine the `rel` value.
+   *
+   * @defaultValue The one provided to `@prismicio/vue` plugin if configured.
+   */
+  rel?: string | 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 The one provided to `@prismicio/vue` plugin if configured, {@link RouterLink} otherwise.
+   */
+  internalComponent?: 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 The one provided to `@prismicio/vue` plugin if configured, `"a"` otherwise.
+   */
+  externalComponent?: ComponentOrTagName;
+} & {
+  /**
+   * The Prismic link field to render.
+   */
+  field: LinkField;
+  document?: never;
+}) | ({
+  /**
+   * A link resolver function used to resolve links when not using the route
+   * 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;
+  /**
+   * The `rel` attribute for the link. By default, `"noreferrer"` is provided if
+   * the link's URL is external. This prop can be provided a function to use the
+   * link's metadata to determine the `rel` value.
+   *
+   * @defaultValue The one provided to `@prismicio/vue` plugin if configured.
+   */
+  rel?: string | 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 The one provided to `@prismicio/vue` plugin if configured, {@link RouterLink} otherwise.
+   */
+  internalComponent?: 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 The one provided to `@prismicio/vue` plugin if configured, `"a"` otherwise.
+   */
+  externalComponent?: ComponentOrTagName;
+} & {
+  /**
+   * The Prismic document to render as a link.
+   */
+  document: PrismicDocument;
+  field?: never;
+}), {}, {}, {}, {}, vue16.ComponentOptionsMixin, vue16.ComponentOptionsMixin, {}, string, vue16.PublicProps, Readonly<({
+  /**
+   * A link resolver function used to resolve links when not using the route
+   * 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;
+  /**
+   * The `rel` attribute for the link. By default, `"noreferrer"` is provided if
+   * the link's URL is external. This prop can be provided a function to use the
+   * link's metadata to determine the `rel` value.
+   *
+   * @defaultValue The one provided to `@prismicio/vue` plugin if configured.
+   */
+  rel?: string | 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 The one provided to `@prismicio/vue` plugin if configured, {@link RouterLink} otherwise.
+   */
+  internalComponent?: 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 The one provided to `@prismicio/vue` plugin if configured, `"a"` otherwise.
+   */
+  externalComponent?: ComponentOrTagName;
+} & {
+  /**
+   * The Prismic link field to render.
+   */
+  field: LinkField;
+  document?: never;
+}) | ({
+  /**
+   * A link resolver function used to resolve links when not using the route
+   * 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;
+  /**
+   * The `rel` attribute for the link. By default, `"noreferrer"` is provided if
+   * the link's URL is external. This prop can be provided a function to use the
+   * link's metadata to determine the `rel` value.
+   *
+   * @defaultValue The one provided to `@prismicio/vue` plugin if configured.
+   */
+  rel?: string | 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 The one provided to `@prismicio/vue` plugin if configured, {@link RouterLink} otherwise.
+   */
+  internalComponent?: 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 The one provided to `@prismicio/vue` plugin if configured, `"a"` otherwise.
+   */
+  externalComponent?: ComponentOrTagName;
+} & {
+  /**
+   * The Prismic document to render as a link.
+   */
+  document: PrismicDocument;
+  field?: never;
+})> & Readonly<{}>, {}, {}, {}, {}, string, vue16.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//# sourceMappingURL=PrismicLink.vue.d.ts.map
+//#endregion
+export { PrismicLinkProps, _default };
+//# sourceMappingURL=PrismicLink.vue.d.ts.map

package/dist/src/PrismicLink.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicLink.vue.d.ts","names":[],"sources":["../../src/PrismicLink.vue"],"sourcesContent":[],"mappings":";;;;;;;;AAyLA;AASgB,KATJ,gBAAA,GASI;EASA;;;;;;AA4Cf;AAiFqB;EAOhB,YAAA,CAEJ,EA/Ic,oBA+Id;EA/Ic;;;;;;;EAuBK,GAAA,CAAA,EAAA,MAAA,GAdL,iBAcK,CAAA,KAAA,CAAA;EAcA;;;;;;;;;;;;EAdA,iBAAA,CAAA,EAAA,kBAAA;EAcA;;;;;;;AAwGL;;;;;EAG0B,iBACF,CAAA,EA5GnB,kBA4GmB;AAAxC,CAAA,GACK,CAAA;;;;SAvGK;;;;;;YAOG;;;YAoFT;KACC,WAAA;2BACwB;;cAKvB,kBAAU;;;;;;;;;iBA7IA;;;;;;;;iBASA;;;;;;;;;;;;;sBAcK;;;;;;;;;;;;;sBAcA;;;;;SAMX;;;;;;;;;;;iBA3CM;;;;;;;;iBASA;;;;;;;;;;;;;sBAcK;;;;;;;;;;;;;sBAcA;;;;;YAaR;;oBAAe,KAAA,CAAA,qBAAA;;;;;;;;;iBAlDZ;;;;;;;;iBASA;;;;;;;;;;;;;sBAcK;;;;;;;;;;;;;sBAcA;;;;;SAMX;;;;;;;;;;;iBA3CM;;;;;;;;iBASA;;;;;;;;;;;;;sBAcK;;;;;;;;;;;;;sBAcA;;;;;YAaR;;;cA8FP,cAAqB,uBAAuB,YAAY;cAApB,iBACd;KACvB,wBAAwB;;YAEnB"}

package/dist/src/PrismicLink.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,86 @@
+const require_usePrismic = require('./usePrismic.cjs');
+const require_isInternalURL = require('./lib/isInternalURL.cjs');
+let vue = require("vue");
+let __prismicio_client = require("@prismicio/client");
+
+//#region src/PrismicLink.vue?vue&type=script&setup=true&lang.ts
+/**
+* The default component rendered for internal URLs.
+*/
+const defaultInternalComponent = "router-link";
+/**
+* The default component rendered for external URLs.
+*/
+const defaultExternalComponent = "a";
+/**
+* The default rel attribute rendered for external URLs.
+*/
+const defaultExternalRelAttribute = "noreferrer";
+var PrismicLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "PrismicLink",
+	__name: "PrismicLink",
+	props: {
+		linkResolver: {
+			type: Function,
+			required: false
+		},
+		rel: {
+			type: [String, Function],
+			required: false
+		},
+		internalComponent: {
+			type: null,
+			required: false
+		},
+		externalComponent: {
+			type: null,
+			required: false
+		},
+		field: {
+			type: null,
+			required: false
+		},
+		document: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { options } = require_usePrismic.usePrismic();
+		const rawAttrs = (0, vue.computed)(() => {
+			return (0, __prismicio_client.asLinkAttrs)(props.field || props.document, {
+				linkResolver: props.linkResolver || options.linkResolver,
+				rel(args) {
+					const maybeRel = props.rel || options.components?.linkRel;
+					if (maybeRel) return typeof maybeRel === "function" ? maybeRel(args) : maybeRel;
+					return args.isExternal ? defaultExternalRelAttribute : void 0;
+				}
+			});
+		});
+		const component = (0, vue.computed)(() => {
+			return require_isInternalURL.isInternalURL(rawAttrs.value.href || "") ? props.internalComponent || options.components?.linkInternalComponent || defaultInternalComponent : props.externalComponent || options.components?.linkExternalComponent || defaultExternalComponent;
+		});
+		const attrs = (0, vue.computed)(() => {
+			return component.value === "a" ? {
+				href: rawAttrs.value.href,
+				target: rawAttrs.value.target,
+				rel: rawAttrs.value.rel
+			} : {
+				to: rawAttrs.value.href,
+				target: rawAttrs.value.target,
+				rel: rawAttrs.value.rel
+			};
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(component.value), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(attrs.value)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(props.field && "text" in props.field ? props.field.text : void 0), 1)])]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+exports.default = PrismicLink_vue_vue_type_script_setup_true_lang_default;
+//# sourceMappingURL=PrismicLink.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/src/PrismicLink.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicLink.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/PrismicLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AsLinkAttrsConfig } from \"@prismicio/client\"\nimport {\n\ttype LinkField,\n\ttype LinkResolverFunction,\n\ttype PrismicDocument,\n\tasLinkAttrs,\n} from \"@prismicio/client\"\nimport { computed } from \"vue\"\n\nimport { isInternalURL } from \"./lib/isInternalURL\"\n\nimport type { ComponentOrTagName } from \"./types\"\n\nimport { usePrismic } from \"./usePrismic\"\n\n/**\n * The default component rendered for internal URLs.\n */\nconst defaultInternalComponent = \"router-link\"\n\n/**\n * The default component rendered for external URLs.\n */\nconst defaultExternalComponent = \"a\"\n\n/**\n * The default rel attribute rendered for external URLs.\n */\nconst defaultExternalRelAttribute = \"noreferrer\"\n\n/**\n * Props for `<PrismicLink />`.\n */\nexport type PrismicLinkProps = {\n\t/**\n\t * A link resolver function used to resolve links when not using the route\n\t * resolver parameter with `@prismicio/client`.\n\t *\n\t * @defaultValue The link resolver provided to `@prismicio/vue` plugin if configured.\n\t *\n\t * @see Link resolver documentation {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver#link-resolver}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * The `rel` attribute for the link. By default, `\"noreferrer\"` is provided if\n\t * the link's URL is external. This prop can be provided a function to use the\n\t * link's metadata to determine the `rel` value.\n\t *\n\t * @defaultValue The one provided to `@prismicio/vue` plugin if configured.\n\t */\n\trel?: string | AsLinkAttrsConfig[\"rel\"]\n\n\t/**\n\t * An HTML tag name or a component used to render internal links.\n\t *\n\t * @remarks\n\t * HTML tag names will be rendered using the anchor tag interface (`href`,\n\t * `target`, and `rel` attributes).\n\t * @remarks\n\t * Components will be rendered using Vue Router {@link RouterLink} interface\n\t * (`to` props).\n\t *\n\t * @defaultValue The one provided to `@prismicio/vue` plugin if configured, {@link RouterLink} otherwise.\n\t */\n\tinternalComponent?: ComponentOrTagName\n\n\t/**\n\t * An HTML tag name or a component used to render external links.\n\t *\n\t * @remarks\n\t * HTML tag names will be rendered using the anchor tag interface (`href`,\n\t * `target`, and `rel` attributes).\n\t * @remarks\n\t * Components will be rendered using Vue Router {@link RouterLink} interface\n\t * (`to` props).\n\t *\n\t * @defaultValue The one provided to `@prismicio/vue` plugin if configured, `\"a\"` otherwise.\n\t */\n\texternalComponent?: ComponentOrTagName\n} & (\n\t| {\n\t\t\t/**\n\t\t\t * The Prismic link field to render.\n\t\t\t */\n\t\t\tfield: LinkField\n\t\t\tdocument?: never\n\t  }\n\t| {\n\t\t\t/**\n\t\t\t * The Prismic document to render as a link.\n\t\t\t */\n\t\t\tdocument: PrismicDocument\n\t\t\tfield?: never\n\t  }\n)\n\nconst props = defineProps<PrismicLinkProps>()\ndefineOptions({ name: \"PrismicLink\" })\n\nconst { options } = usePrismic()\n\nconst rawAttrs = computed(() => {\n\treturn asLinkAttrs(props.field || props.document, {\n\t\tlinkResolver: props.linkResolver || options.linkResolver,\n\t\trel(args) {\n\t\t\tconst maybeRel = props.rel || options.components?.linkRel\n\t\t\tif (maybeRel) {\n\t\t\t\treturn typeof maybeRel === \"function\" ? maybeRel(args) : maybeRel\n\t\t\t}\n\n\t\t\treturn args.isExternal ? defaultExternalRelAttribute : undefined\n\t\t},\n\t})\n})\n\nconst component = computed(() => {\n\treturn isInternalURL(rawAttrs.value.href || \"\")\n\t\t? props.internalComponent ||\n\t\t\t\toptions.components?.linkInternalComponent ||\n\t\t\t\tdefaultInternalComponent\n\t\t: props.externalComponent ||\n\t\t\t\toptions.components?.linkExternalComponent ||\n\t\t\t\tdefaultExternalComponent\n})\n\n// Match Vue Router's `<RouterLink />` interface unless the component is an anchor tag.\nconst attrs = computed(() => {\n\treturn component.value === \"a\"\n\t\t? {\n\t\t\t\thref: rawAttrs.value.href,\n\t\t\t\ttarget: rawAttrs.value.target,\n\t\t\t\trel: rawAttrs.value.rel,\n\t\t\t}\n\t\t: {\n\t\t\t\tto: rawAttrs.value.href,\n\t\t\t\ttarget: rawAttrs.value.target,\n\t\t\t\trel: rawAttrs.value.rel,\n\t\t\t}\n})\n</script>\n\n<template>\n\t<component :is=\"component\" v-bind=\"attrs\">\n\t\t<slot>\n\t\t\t{{ props.field && \"text\" in props.field ? props.field.text : undefined }}\n\t\t</slot>\n\t</component>\n</template>\n"],"mappings":";;;;;;;;;AAmBA,MAAM,2BAA2B;;;;AAKjC,MAAM,2BAA2B;;;;AAKjC,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqEpC,MAAM,QAAQ;EAGd,MAAM,EAAE,YAAY,+BAAW;EAE/B,MAAM,mCAA0B;AAC/B,8CAAmB,MAAM,SAAS,MAAM,UAAU;IACjD,cAAc,MAAM,gBAAgB,QAAQ;IAC5C,IAAI,MAAM;KACT,MAAM,WAAW,MAAM,OAAO,QAAQ,YAAY;AAClD,SAAI,SACH,QAAO,OAAO,aAAa,aAAa,SAAS,KAAK,GAAG;AAG1D,YAAO,KAAK,aAAa,8BAA8B;;IAExD,CAAA;IACD;EAED,MAAM,oCAA2B;AAChC,UAAO,oCAAc,SAAS,MAAM,QAAQ,GAAE,GAC3C,MAAM,qBACN,QAAQ,YAAY,yBACpB,2BACA,MAAM,qBACN,QAAQ,YAAY,yBACpB;IACH;EAGD,MAAM,gCAAuB;AAC5B,UAAO,UAAU,UAAU,MACxB;IACA,MAAM,SAAS,MAAM;IACrB,QAAQ,SAAS,MAAM;IACvB,KAAK,SAAS,MAAM;IACrB,GACC;IACA,IAAI,SAAS,MAAM;IACnB,QAAQ,SAAS,MAAM;IACvB,KAAK,SAAS,MAAM;IACrB;IACF;;sFAIgB,UAAA,MAAS,sDAAU,MAAA,MAAK,CAAA,EAAA;oCAGhC,qBAAA,KAAA,QAAA,WAAA,EAAA,QAAA,mDADH,MAAM,SAAK,UAAc,MAAM,QAAQ,MAAM,MAAM,OAAO,OAAS,EAAA,EAAA"}

package/dist/src/PrismicLink.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,86 @@
+import { usePrismic } from "./usePrismic.js";
+import { isInternalURL } from "./lib/isInternalURL.js";
+import { computed, createBlock, createTextVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
+import { asLinkAttrs } from "@prismicio/client";
+
+//#region src/PrismicLink.vue?vue&type=script&setup=true&lang.ts
+/**
+* The default component rendered for internal URLs.
+*/
+const defaultInternalComponent = "router-link";
+/**
+* The default component rendered for external URLs.
+*/
+const defaultExternalComponent = "a";
+/**
+* The default rel attribute rendered for external URLs.
+*/
+const defaultExternalRelAttribute = "noreferrer";
+var PrismicLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "PrismicLink",
+	__name: "PrismicLink",
+	props: {
+		linkResolver: {
+			type: Function,
+			required: false
+		},
+		rel: {
+			type: [String, Function],
+			required: false
+		},
+		internalComponent: {
+			type: null,
+			required: false
+		},
+		externalComponent: {
+			type: null,
+			required: false
+		},
+		field: {
+			type: null,
+			required: false
+		},
+		document: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { options } = usePrismic();
+		const rawAttrs = computed(() => {
+			return asLinkAttrs(props.field || props.document, {
+				linkResolver: props.linkResolver || options.linkResolver,
+				rel(args) {
+					const maybeRel = props.rel || options.components?.linkRel;
+					if (maybeRel) return typeof maybeRel === "function" ? maybeRel(args) : maybeRel;
+					return args.isExternal ? defaultExternalRelAttribute : void 0;
+				}
+			});
+		});
+		const component = computed(() => {
+			return isInternalURL(rawAttrs.value.href || "") ? props.internalComponent || options.components?.linkInternalComponent || defaultInternalComponent : props.externalComponent || options.components?.linkExternalComponent || defaultExternalComponent;
+		});
+		const attrs = computed(() => {
+			return component.value === "a" ? {
+				href: rawAttrs.value.href,
+				target: rawAttrs.value.target,
+				rel: rawAttrs.value.rel
+			} : {
+				to: rawAttrs.value.href,
+				target: rawAttrs.value.target,
+				rel: rawAttrs.value.rel
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(component.value), normalizeProps(guardReactiveProps(attrs.value)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(props.field && "text" in props.field ? props.field.text : void 0), 1)])]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+export { PrismicLink_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=PrismicLink.vue_vue_type_script_setup_true_lang.js.map

package/dist/src/PrismicLink.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrismicLink.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/PrismicLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AsLinkAttrsConfig } from \"@prismicio/client\"\nimport {\n\ttype LinkField,\n\ttype LinkResolverFunction,\n\ttype PrismicDocument,\n\tasLinkAttrs,\n} from \"@prismicio/client\"\nimport { computed } from \"vue\"\n\nimport { isInternalURL } from \"./lib/isInternalURL\"\n\nimport type { ComponentOrTagName } from \"./types\"\n\nimport { usePrismic } from \"./usePrismic\"\n\n/**\n * The default component rendered for internal URLs.\n */\nconst defaultInternalComponent = \"router-link\"\n\n/**\n * The default component rendered for external URLs.\n */\nconst defaultExternalComponent = \"a\"\n\n/**\n * The default rel attribute rendered for external URLs.\n */\nconst defaultExternalRelAttribute = \"noreferrer\"\n\n/**\n * Props for `<PrismicLink />`.\n */\nexport type PrismicLinkProps = {\n\t/**\n\t * A link resolver function used to resolve links when not using the route\n\t * resolver parameter with `@prismicio/client`.\n\t *\n\t * @defaultValue The link resolver provided to `@prismicio/vue` plugin if configured.\n\t *\n\t * @see Link resolver documentation {@link https://prismic.io/docs/core-concepts/link-resolver-route-resolver#link-resolver}\n\t */\n\tlinkResolver?: LinkResolverFunction\n\n\t/**\n\t * The `rel` attribute for the link. By default, `\"noreferrer\"` is provided if\n\t * the link's URL is external. This prop can be provided a function to use the\n\t * link's metadata to determine the `rel` value.\n\t *\n\t * @defaultValue The one provided to `@prismicio/vue` plugin if configured.\n\t */\n\trel?: string | AsLinkAttrsConfig[\"rel\"]\n\n\t/**\n\t * An HTML tag name or a component used to render internal links.\n\t *\n\t * @remarks\n\t * HTML tag names will be rendered using the anchor tag interface (`href`,\n\t * `target`, and `rel` attributes).\n\t * @remarks\n\t * Components will be rendered using Vue Router {@link RouterLink} interface\n\t * (`to` props).\n\t *\n\t * @defaultValue The one provided to `@prismicio/vue` plugin if configured, {@link RouterLink} otherwise.\n\t */\n\tinternalComponent?: ComponentOrTagName\n\n\t/**\n\t * An HTML tag name or a component used to render external links.\n\t *\n\t * @remarks\n\t * HTML tag names will be rendered using the anchor tag interface (`href`,\n\t * `target`, and `rel` attributes).\n\t * @remarks\n\t * Components will be rendered using Vue Router {@link RouterLink} interface\n\t * (`to` props).\n\t *\n\t * @defaultValue The one provided to `@prismicio/vue` plugin if configured, `\"a\"` otherwise.\n\t */\n\texternalComponent?: ComponentOrTagName\n} & (\n\t| {\n\t\t\t/**\n\t\t\t * The Prismic link field to render.\n\t\t\t */\n\t\t\tfield: LinkField\n\t\t\tdocument?: never\n\t  }\n\t| {\n\t\t\t/**\n\t\t\t * The Prismic document to render as a link.\n\t\t\t */\n\t\t\tdocument: PrismicDocument\n\t\t\tfield?: never\n\t  }\n)\n\nconst props = defineProps<PrismicLinkProps>()\ndefineOptions({ name: \"PrismicLink\" })\n\nconst { options } = usePrismic()\n\nconst rawAttrs = computed(() => {\n\treturn asLinkAttrs(props.field || props.document, {\n\t\tlinkResolver: props.linkResolver || options.linkResolver,\n\t\trel(args) {\n\t\t\tconst maybeRel = props.rel || options.components?.linkRel\n\t\t\tif (maybeRel) {\n\t\t\t\treturn typeof maybeRel === \"function\" ? maybeRel(args) : maybeRel\n\t\t\t}\n\n\t\t\treturn args.isExternal ? defaultExternalRelAttribute : undefined\n\t\t},\n\t})\n})\n\nconst component = computed(() => {\n\treturn isInternalURL(rawAttrs.value.href || \"\")\n\t\t? props.internalComponent ||\n\t\t\t\toptions.components?.linkInternalComponent ||\n\t\t\t\tdefaultInternalComponent\n\t\t: props.externalComponent ||\n\t\t\t\toptions.components?.linkExternalComponent ||\n\t\t\t\tdefaultExternalComponent\n})\n\n// Match Vue Router's `<RouterLink />` interface unless the component is an anchor tag.\nconst attrs = computed(() => {\n\treturn component.value === \"a\"\n\t\t? {\n\t\t\t\thref: rawAttrs.value.href,\n\t\t\t\ttarget: rawAttrs.value.target,\n\t\t\t\trel: rawAttrs.value.rel,\n\t\t\t}\n\t\t: {\n\t\t\t\tto: rawAttrs.value.href,\n\t\t\t\ttarget: rawAttrs.value.target,\n\t\t\t\trel: rawAttrs.value.rel,\n\t\t\t}\n})\n</script>\n\n<template>\n\t<component :is=\"component\" v-bind=\"attrs\">\n\t\t<slot>\n\t\t\t{{ props.field && \"text\" in props.field ? props.field.text : undefined }}\n\t\t</slot>\n\t</component>\n</template>\n"],"mappings":";;;;;;;;;AAmBA,MAAM,2BAA2B;;;;AAKjC,MAAM,2BAA2B;;;;AAKjC,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqEpC,MAAM,QAAQ;EAGd,MAAM,EAAE,YAAY,YAAW;EAE/B,MAAM,WAAW,eAAe;AAC/B,UAAO,YAAY,MAAM,SAAS,MAAM,UAAU;IACjD,cAAc,MAAM,gBAAgB,QAAQ;IAC5C,IAAI,MAAM;KACT,MAAM,WAAW,MAAM,OAAO,QAAQ,YAAY;AAClD,SAAI,SACH,QAAO,OAAO,aAAa,aAAa,SAAS,KAAK,GAAG;AAG1D,YAAO,KAAK,aAAa,8BAA8B;;IAExD,CAAA;IACD;EAED,MAAM,YAAY,eAAe;AAChC,UAAO,cAAc,SAAS,MAAM,QAAQ,GAAE,GAC3C,MAAM,qBACN,QAAQ,YAAY,yBACpB,2BACA,MAAM,qBACN,QAAQ,YAAY,yBACpB;IACH;EAGD,MAAM,QAAQ,eAAe;AAC5B,UAAO,UAAU,UAAU,MACxB;IACA,MAAM,SAAS,MAAM;IACrB,QAAQ,SAAS,MAAM;IACvB,KAAK,SAAS,MAAM;IACrB,GACC;IACA,IAAI,SAAS,MAAM;IACnB,QAAQ,SAAS,MAAM;IACvB,KAAK,SAAS,MAAM;IACrB;IACF;;uBAIA,YAIY,wBAJI,UAAA,MAAS,EAAA,eAAA,mBAAU,MAAA,MAAK,CAAA,EAAA;2BAGhC,CAFP,WAEO,KAAA,QAAA,WAAA,EAAA,QAAA,iCADH,MAAM,SAAK,UAAc,MAAM,QAAQ,MAAM,MAAM,OAAO,OAAS,EAAA,EAAA"}

package/dist/src/PrismicRichText/DeprecatedPrismicRichText.cjs

@@ -0,0 +1,8 @@
+const require_DeprecatedPrismicRichText_vue_vue_type_script_setup_true_lang = require('./DeprecatedPrismicRichText.vue_vue_type_script_setup_true_lang.cjs');
+
+//#region src/PrismicRichText/DeprecatedPrismicRichText.vue
+var DeprecatedPrismicRichText_default = require_DeprecatedPrismicRichText_vue_vue_type_script_setup_true_lang.default;
+
+//#endregion
+exports.default = DeprecatedPrismicRichText_default;
+//# sourceMappingURL=DeprecatedPrismicRichText.cjs.map

package/dist/src/PrismicRichText/DeprecatedPrismicRichText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedPrismicRichText.cjs","names":[],"sources":["../../../src/PrismicRichText/DeprecatedPrismicRichText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n// TODO: Remove in v6\nimport { asHTML, isFilled } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport type { Component, PropType } from \"vue\"\nimport {\n\tcomputed,\n\tinject,\n\tnextTick,\n\tonBeforeUnmount,\n\tonMounted,\n\tref,\n\twatch,\n} from \"vue\"\nimport { routerKey } from \"vue-router\"\n\nimport { devMsg } from \"../lib/devMsg\"\nimport { isInternalURL } from \"../lib/isInternalURL\"\n\nimport { usePrismic } from \"../usePrismic\"\n\nimport type { PrismicRichTextProps } from \"./PrismicRichText.vue\"\n\n/**\n * The default component rendered to wrap the HTML output.\n */\nconst defaultWrapper = \"div\"\n\n// We're forced to declare props using the JavaScript syntax because `@vue/compiler-sfc`\n// has limitations for inferring types from complex objects.\nconst props = defineProps({\n\tfield: {\n\t\ttype: Array as unknown as PropType<PrismicRichTextProps[\"field\"]>,\n\t},\n\tfallback: {\n\t\ttype: String as PropType<string>,\n\t},\n\tlinkResolver: {\n\t\ttype: Function as PropType<PrismicRichTextProps[\"linkResolver\"]>,\n\t},\n\tserializer: {\n\t\ttype: [Object, Function] as PropType<PrismicRichTextProps[\"serializer\"]>,\n\t},\n\twrapper: {\n\t\ttype: [String, Object, Function] as PropType<\n\t\t\tPrismicRichTextProps[\"wrapper\"]\n\t\t>,\n\t},\n})\ndefineOptions({ name: \"DeprecatedPrismicRichText\" })\n\nconst { options } = usePrismic()\n\nif (DEV) {\n\tonMounted(() => {\n\t\tconsole.warn(\n\t\t\t`[PrismicRichText] You're using the deprecated version of \\`<PrismicRichText>\\` because either the \\`serializer\\` prop or the plugin \\`richTextSerializer\\` option were provided. This API will be removed in a future major. For more details, see ${devMsg(\n\t\t\t\t\"html-serialization-is-deprecated-with-prismic-rich-text\",\n\t\t\t)}`,\n\t\t)\n\t})\n}\n\nconst html = computed(() => {\n\tif (!isFilled.richText(props.field)) {\n\t\treturn props.fallback ?? \"\"\n\t}\n\n\tconst linkResolver = props.linkResolver ?? options.linkResolver\n\tconst serializer = props.serializer ?? options.richTextSerializer\n\n\treturn asHTML(props.field, { linkResolver, serializer })\n})\n\n// Internal links handling\nconst root = ref<HTMLElement | Comment | Component | null>(null)\n\nconst maybeRouter = inject(routerKey, null)\n\ntype InternalLink = {\n\telement: HTMLAnchorElement\n\tlistener: EventListener\n}\n\nlet links: InternalLink[] = []\n\nconst navigate: EventListener = function (\n\tthis: { href: string },\n\tevent: Event,\n) {\n\tevent.preventDefault()\n\tmaybeRouter?.push(this.href)\n}\n\nconst addListeners = () => {\n\tconst node: HTMLElement | Comment | null =\n\t\troot.value && \"$el\" in root.value ? root.value.$el : root.value\n\tif (node && \"querySelectorAll\" in node) {\n\t\t// Get all internal link tags and add listeners on them\n\t\tlinks = Array.from(node.querySelectorAll(\"a\"))\n\t\t\t.map((element) => {\n\t\t\t\tconst href = element.getAttribute(\"href\")\n\n\t\t\t\tif (href && isInternalURL(href)) {\n\t\t\t\t\tconst listener = navigate.bind({ href })\n\t\t\t\t\telement.addEventListener(\"click\", listener)\n\n\t\t\t\t\treturn { element, listener }\n\t\t\t\t} else {\n\t\t\t\t\treturn false\n\t\t\t\t}\n\t\t\t})\n\t\t\t.filter((link): link is InternalLink => link as boolean)\n\t}\n}\n\nconst removeListeners = () => {\n\tlinks.forEach(({ element, listener }) =>\n\t\telement.removeEventListener(\"click\", listener),\n\t)\n\tlinks = []\n}\n\nonMounted(() => {\n\tremoveListeners()\n\tnextTick(addListeners)\n})\n\nwatch(html, () => {\n\tremoveListeners()\n\tnextTick(addListeners)\n})\n\nonBeforeUnmount(() => {\n\tremoveListeners()\n})\n</script>\n\n<template>\n\t<component\n\t\tv-if=\"isFilled.richText(field) || fallback\"\n\t\tref=\"root\"\n\t\t:is=\"wrapper || defaultWrapper\"\n\t\tv-html=\"html\"\n\t/>\n</template>\n"],"mappings":""}

package/dist/src/PrismicRichText/DeprecatedPrismicRichText.js

@@ -0,0 +1,8 @@
+import DeprecatedPrismicRichText_vue_vue_type_script_setup_true_lang_default from "./DeprecatedPrismicRichText.vue_vue_type_script_setup_true_lang.js";
+
+//#region src/PrismicRichText/DeprecatedPrismicRichText.vue
+var DeprecatedPrismicRichText_default = DeprecatedPrismicRichText_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { DeprecatedPrismicRichText_default as default };
+//# sourceMappingURL=DeprecatedPrismicRichText.js.map

package/dist/src/PrismicRichText/DeprecatedPrismicRichText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedPrismicRichText.js","names":[],"sources":["../../../src/PrismicRichText/DeprecatedPrismicRichText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n// TODO: Remove in v6\nimport { asHTML, isFilled } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport type { Component, PropType } from \"vue\"\nimport {\n\tcomputed,\n\tinject,\n\tnextTick,\n\tonBeforeUnmount,\n\tonMounted,\n\tref,\n\twatch,\n} from \"vue\"\nimport { routerKey } from \"vue-router\"\n\nimport { devMsg } from \"../lib/devMsg\"\nimport { isInternalURL } from \"../lib/isInternalURL\"\n\nimport { usePrismic } from \"../usePrismic\"\n\nimport type { PrismicRichTextProps } from \"./PrismicRichText.vue\"\n\n/**\n * The default component rendered to wrap the HTML output.\n */\nconst defaultWrapper = \"div\"\n\n// We're forced to declare props using the JavaScript syntax because `@vue/compiler-sfc`\n// has limitations for inferring types from complex objects.\nconst props = defineProps({\n\tfield: {\n\t\ttype: Array as unknown as PropType<PrismicRichTextProps[\"field\"]>,\n\t},\n\tfallback: {\n\t\ttype: String as PropType<string>,\n\t},\n\tlinkResolver: {\n\t\ttype: Function as PropType<PrismicRichTextProps[\"linkResolver\"]>,\n\t},\n\tserializer: {\n\t\ttype: [Object, Function] as PropType<PrismicRichTextProps[\"serializer\"]>,\n\t},\n\twrapper: {\n\t\ttype: [String, Object, Function] as PropType<\n\t\t\tPrismicRichTextProps[\"wrapper\"]\n\t\t>,\n\t},\n})\ndefineOptions({ name: \"DeprecatedPrismicRichText\" })\n\nconst { options } = usePrismic()\n\nif (DEV) {\n\tonMounted(() => {\n\t\tconsole.warn(\n\t\t\t`[PrismicRichText] You're using the deprecated version of \\`<PrismicRichText>\\` because either the \\`serializer\\` prop or the plugin \\`richTextSerializer\\` option were provided. This API will be removed in a future major. For more details, see ${devMsg(\n\t\t\t\t\"html-serialization-is-deprecated-with-prismic-rich-text\",\n\t\t\t)}`,\n\t\t)\n\t})\n}\n\nconst html = computed(() => {\n\tif (!isFilled.richText(props.field)) {\n\t\treturn props.fallback ?? \"\"\n\t}\n\n\tconst linkResolver = props.linkResolver ?? options.linkResolver\n\tconst serializer = props.serializer ?? options.richTextSerializer\n\n\treturn asHTML(props.field, { linkResolver, serializer })\n})\n\n// Internal links handling\nconst root = ref<HTMLElement | Comment | Component | null>(null)\n\nconst maybeRouter = inject(routerKey, null)\n\ntype InternalLink = {\n\telement: HTMLAnchorElement\n\tlistener: EventListener\n}\n\nlet links: InternalLink[] = []\n\nconst navigate: EventListener = function (\n\tthis: { href: string },\n\tevent: Event,\n) {\n\tevent.preventDefault()\n\tmaybeRouter?.push(this.href)\n}\n\nconst addListeners = () => {\n\tconst node: HTMLElement | Comment | null =\n\t\troot.value && \"$el\" in root.value ? root.value.$el : root.value\n\tif (node && \"querySelectorAll\" in node) {\n\t\t// Get all internal link tags and add listeners on them\n\t\tlinks = Array.from(node.querySelectorAll(\"a\"))\n\t\t\t.map((element) => {\n\t\t\t\tconst href = element.getAttribute(\"href\")\n\n\t\t\t\tif (href && isInternalURL(href)) {\n\t\t\t\t\tconst listener = navigate.bind({ href })\n\t\t\t\t\telement.addEventListener(\"click\", listener)\n\n\t\t\t\t\treturn { element, listener }\n\t\t\t\t} else {\n\t\t\t\t\treturn false\n\t\t\t\t}\n\t\t\t})\n\t\t\t.filter((link): link is InternalLink => link as boolean)\n\t}\n}\n\nconst removeListeners = () => {\n\tlinks.forEach(({ element, listener }) =>\n\t\telement.removeEventListener(\"click\", listener),\n\t)\n\tlinks = []\n}\n\nonMounted(() => {\n\tremoveListeners()\n\tnextTick(addListeners)\n})\n\nwatch(html, () => {\n\tremoveListeners()\n\tnextTick(addListeners)\n})\n\nonBeforeUnmount(() => {\n\tremoveListeners()\n})\n</script>\n\n<template>\n\t<component\n\t\tv-if=\"isFilled.richText(field) || fallback\"\n\t\tref=\"root\"\n\t\t:is=\"wrapper || defaultWrapper\"\n\t\tv-html=\"html\"\n\t/>\n</template>\n"],"mappings":""}

package/dist/src/PrismicRichText/DeprecatedPrismicRichText.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,92 @@
+const require_usePrismic = require('../usePrismic.cjs');
+const require_devMsg = require('../lib/devMsg.cjs');
+const require_isInternalURL = require('../lib/isInternalURL.cjs');
+let vue = require("vue");
+let __prismicio_client = require("@prismicio/client");
+let esm_env = require("esm-env");
+let vue_router = require("vue-router");
+
+//#region src/PrismicRichText/DeprecatedPrismicRichText.vue?vue&type=script&setup=true&lang.ts
+/**
+* The default component rendered to wrap the HTML output.
+*/
+const defaultWrapper = "div";
+var DeprecatedPrismicRichText_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	name: "DeprecatedPrismicRichText",
+	__name: "DeprecatedPrismicRichText",
+	props: {
+		field: { type: Array },
+		fallback: { type: String },
+		linkResolver: { type: Function },
+		serializer: { type: [Object, Function] },
+		wrapper: { type: [
+			String,
+			Object,
+			Function
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const { options } = require_usePrismic.usePrismic();
+		if (esm_env.DEV) (0, vue.onMounted)(() => {
+			console.warn(`[PrismicRichText] You're using the deprecated version of \`<PrismicRichText>\` because either the \`serializer\` prop or the plugin \`richTextSerializer\` option were provided. This API will be removed in a future major. For more details, see ${require_devMsg.devMsg("html-serialization-is-deprecated-with-prismic-rich-text")}`);
+		});
+		const html = (0, vue.computed)(() => {
+			if (!__prismicio_client.isFilled.richText(props.field)) return props.fallback ?? "";
+			const linkResolver = props.linkResolver ?? options.linkResolver;
+			const serializer = props.serializer ?? options.richTextSerializer;
+			return (0, __prismicio_client.asHTML)(props.field, {
+				linkResolver,
+				serializer
+			});
+		});
+		const root = (0, vue.ref)(null);
+		const maybeRouter = (0, vue.inject)(vue_router.routerKey, null);
+		let links = [];
+		const navigate = function(event) {
+			event.preventDefault();
+			maybeRouter?.push(this.href);
+		};
+		const addListeners = () => {
+			const node = root.value && "$el" in root.value ? root.value.$el : root.value;
+			if (node && "querySelectorAll" in node) links = Array.from(node.querySelectorAll("a")).map((element) => {
+				const href = element.getAttribute("href");
+				if (href && require_isInternalURL.isInternalURL(href)) {
+					const listener = navigate.bind({ href });
+					element.addEventListener("click", listener);
+					return {
+						element,
+						listener
+					};
+				} else return false;
+			}).filter((link) => link);
+		};
+		const removeListeners = () => {
+			links.forEach(({ element, listener }) => element.removeEventListener("click", listener));
+			links = [];
+		};
+		(0, vue.onMounted)(() => {
+			removeListeners();
+			(0, vue.nextTick)(addListeners);
+		});
+		(0, vue.watch)(html, () => {
+			removeListeners();
+			(0, vue.nextTick)(addListeners);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			removeListeners();
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(__prismicio_client.isFilled).richText(__props.field) || __props.fallback ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.wrapper || defaultWrapper), {
+				key: 0,
+				ref_key: "root",
+				ref: root,
+				innerHTML: html.value
+			}, null, 8, ["innerHTML"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+
+//#endregion
+exports.default = DeprecatedPrismicRichText_vue_vue_type_script_setup_true_lang_default;
+//# sourceMappingURL=DeprecatedPrismicRichText.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/src/PrismicRichText/DeprecatedPrismicRichText.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeprecatedPrismicRichText.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../../src/PrismicRichText/DeprecatedPrismicRichText.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n// TODO: Remove in v6\nimport { asHTML, isFilled } from \"@prismicio/client\"\nimport { DEV } from \"esm-env\"\nimport type { Component, PropType } from \"vue\"\nimport {\n\tcomputed,\n\tinject,\n\tnextTick,\n\tonBeforeUnmount,\n\tonMounted,\n\tref,\n\twatch,\n} from \"vue\"\nimport { routerKey } from \"vue-router\"\n\nimport { devMsg } from \"../lib/devMsg\"\nimport { isInternalURL } from \"../lib/isInternalURL\"\n\nimport { usePrismic } from \"../usePrismic\"\n\nimport type { PrismicRichTextProps } from \"./PrismicRichText.vue\"\n\n/**\n * The default component rendered to wrap the HTML output.\n */\nconst defaultWrapper = \"div\"\n\n// We're forced to declare props using the JavaScript syntax because `@vue/compiler-sfc`\n// has limitations for inferring types from complex objects.\nconst props = defineProps({\n\tfield: {\n\t\ttype: Array as unknown as PropType<PrismicRichTextProps[\"field\"]>,\n\t},\n\tfallback: {\n\t\ttype: String as PropType<string>,\n\t},\n\tlinkResolver: {\n\t\ttype: Function as PropType<PrismicRichTextProps[\"linkResolver\"]>,\n\t},\n\tserializer: {\n\t\ttype: [Object, Function] as PropType<PrismicRichTextProps[\"serializer\"]>,\n\t},\n\twrapper: {\n\t\ttype: [String, Object, Function] as PropType<\n\t\t\tPrismicRichTextProps[\"wrapper\"]\n\t\t>,\n\t},\n})\ndefineOptions({ name: \"DeprecatedPrismicRichText\" })\n\nconst { options } = usePrismic()\n\nif (DEV) {\n\tonMounted(() => {\n\t\tconsole.warn(\n\t\t\t`[PrismicRichText] You're using the deprecated version of \\`<PrismicRichText>\\` because either the \\`serializer\\` prop or the plugin \\`richTextSerializer\\` option were provided. This API will be removed in a future major. For more details, see ${devMsg(\n\t\t\t\t\"html-serialization-is-deprecated-with-prismic-rich-text\",\n\t\t\t)}`,\n\t\t)\n\t})\n}\n\nconst html = computed(() => {\n\tif (!isFilled.richText(props.field)) {\n\t\treturn props.fallback ?? \"\"\n\t}\n\n\tconst linkResolver = props.linkResolver ?? options.linkResolver\n\tconst serializer = props.serializer ?? options.richTextSerializer\n\n\treturn asHTML(props.field, { linkResolver, serializer })\n})\n\n// Internal links handling\nconst root = ref<HTMLElement | Comment | Component | null>(null)\n\nconst maybeRouter = inject(routerKey, null)\n\ntype InternalLink = {\n\telement: HTMLAnchorElement\n\tlistener: EventListener\n}\n\nlet links: InternalLink[] = []\n\nconst navigate: EventListener = function (\n\tthis: { href: string },\n\tevent: Event,\n) {\n\tevent.preventDefault()\n\tmaybeRouter?.push(this.href)\n}\n\nconst addListeners = () => {\n\tconst node: HTMLElement | Comment | null =\n\t\troot.value && \"$el\" in root.value ? root.value.$el : root.value\n\tif (node && \"querySelectorAll\" in node) {\n\t\t// Get all internal link tags and add listeners on them\n\t\tlinks = Array.from(node.querySelectorAll(\"a\"))\n\t\t\t.map((element) => {\n\t\t\t\tconst href = element.getAttribute(\"href\")\n\n\t\t\t\tif (href && isInternalURL(href)) {\n\t\t\t\t\tconst listener = navigate.bind({ href })\n\t\t\t\t\telement.addEventListener(\"click\", listener)\n\n\t\t\t\t\treturn { element, listener }\n\t\t\t\t} else {\n\t\t\t\t\treturn false\n\t\t\t\t}\n\t\t\t})\n\t\t\t.filter((link): link is InternalLink => link as boolean)\n\t}\n}\n\nconst removeListeners = () => {\n\tlinks.forEach(({ element, listener }) =>\n\t\telement.removeEventListener(\"click\", listener),\n\t)\n\tlinks = []\n}\n\nonMounted(() => {\n\tremoveListeners()\n\tnextTick(addListeners)\n})\n\nwatch(html, () => {\n\tremoveListeners()\n\tnextTick(addListeners)\n})\n\nonBeforeUnmount(() => {\n\tremoveListeners()\n})\n</script>\n\n<template>\n\t<component\n\t\tv-if=\"isFilled.richText(field) || fallback\"\n\t\tref=\"root\"\n\t\t:is=\"wrapper || defaultWrapper\"\n\t\tv-html=\"html\"\n\t/>\n</template>\n"],"mappings":";;;;;;;;;;;;AA0BA,MAAM,iBAAiB;;;;;;;;;;;;;;;;EAIvB,MAAM,QAAQ;EAqBd,MAAM,EAAE,YAAY,+BAAW;AAE/B,MAAI,YACH,0BAAgB;AACf,WAAQ,KACP,sPAAsP,sBACrP,0DACA,GACF;IACA;EAGF,MAAM,+BAAsB;AAC3B,OAAI,CAAC,4BAAS,SAAS,MAAM,MAAM,CAClC,QAAO,MAAM,YAAY;GAG1B,MAAM,eAAe,MAAM,gBAAgB,QAAQ;GACnD,MAAM,aAAa,MAAM,cAAc,QAAQ;AAE/C,yCAAc,MAAM,OAAO;IAAE;IAAc;IAAY,CAAA;IACvD;EAGD,MAAM,oBAAqD,KAAI;EAE/D,MAAM,8BAAqB,sBAAW,KAAI;EAO1C,IAAI,QAAwB,EAAC;EAE7B,MAAM,WAA0B,SAE/B,OACC;AACD,SAAM,gBAAe;AACrB,gBAAa,KAAK,KAAK,KAAI;;EAG5B,MAAM,qBAAqB;GAC1B,MAAM,OACL,KAAK,SAAS,SAAS,KAAK,QAAQ,KAAK,MAAM,MAAM,KAAK;AAC3D,OAAI,QAAQ,sBAAsB,KAEjC,SAAQ,MAAM,KAAK,KAAK,iBAAiB,IAAI,CAAA,CAC3C,KAAK,YAAY;IACjB,MAAM,OAAO,QAAQ,aAAa,OAAM;AAExC,QAAI,QAAQ,oCAAc,KAAK,EAAE;KAChC,MAAM,WAAW,SAAS,KAAK,EAAE,MAAM,CAAA;AACvC,aAAQ,iBAAiB,SAAS,SAAQ;AAE1C,YAAO;MAAE;MAAS;MAAS;UAE3B,QAAO;KAER,CACA,QAAQ,SAA+B,KAAe;;EAI1D,MAAM,wBAAwB;AAC7B,SAAM,SAAS,EAAE,SAAS,eACzB,QAAQ,oBAAoB,SAAS,SAAS,CAC/C;AACA,WAAQ,EAAC;;AAGV,2BAAgB;AACf,oBAAgB;AAChB,qBAAS,aAAY;IACrB;AAED,iBAAM,YAAY;AACjB,oBAAgB;AAChB,qBAAS,aAAY;IACrB;AAED,iCAAsB;AACrB,oBAAgB;IAChB;;yBAKO,4BAAQ,CAAC,SAAS,QAAA,MAAK,IAAK,QAAA,wFAE7B,QAAA,WAAW,eAAc,EAAA;;aAD1B;IAAJ,KAAI;IAEJ,WAAQ,KAAA"}