@prismicio/vue 5.3.0-pr.88.72388e2 → 5.3.0-pr.89.d0f4ac2

package/dist/src/SliceZone/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/SliceZone/types.ts"],"sourcesContent":[],"mappings":";;;;;;;AAKY;;;KAOP,gBAA4D,CAAA,eAA5B,SAA4B,CAAA,GAAf,MAAe,SAAA,eAAA,GAC9D,MAD8D,CAAA,YAAA,CAAA,GAE9D,MAF8D,SAE/C,gBAF+C,GAG7D,MAH6D,CAAA,MAAA,CAAA,GAAA,KAAA;;;;;;AAYjE;AACO,KADK,eACL,CAAA,mBAAA,MAAA,GAAA,MAAA,CAAA,GAD2D,IAC3D,CAAN,KAAM,CAAA,UAAA,CAAA,EAAA,IAAA,GAAA,YAAA,CAAA;;;;AAUP;AAaA;;AACG,KAdS,gBAcT,CAAA,mBAAA,MAAA,GAAA,MAAA,CAAA,GAAA;EACiB,IAAA,EAdb,KAca,CAdP,UAcO,CAAA,CAAA,YAAA,CAAA;CAAjB;;AAoBH;;;;;AAWA;;;AAOQ,KAxCI,SAwCJ,CAAA,mBAAA,MAAA,GAAA,MAAA,CAAA,GAAA,CAvCL,eAuCK,CAvCW,UAuCX,CAAA,GAtCL,gBAsCK,CAtCY,UAsCZ,CAAA,CAAA,GAAA;EAeN;;;;;;EAOgB,QAAA,CAAA,EAAA,IAAA;AASlB,CAAA;;;;;;;;;;AAWsB,KA5DV,aA4DU,CAAA,eA5DmB,SA4DnB,GA5D+B,SA4D/B,CAAA,GAAA,SA3DZ,MA2DY,EAAA;AAStB;;;;;;;;AAgBK,KA1EO,mBA0EP,CAAA,eAzEW,SAyEX,GAzEuB,SAyEvB,EAAA,WAAA,OAAA,CAAA,GAAA;EACG;;;EACgB,KAAA,EArEhB,MAqEgB;EAAhB;;;EAHe,KAAA,EAAA,MAAA;;;;UApDd,cACP,eAAe,mBAAmB,mBAAmB;;;;;WAO7C;;;;;;;;KASE,kCAEI,uCAKb,+BAEA,kBAAkB,wBAClB,gBAAgB,oBAAoB,QAAQ,aAC5C;;;;;;;;KASS,mCACI,YAAY,iDAaZ,iBAAiB,UAC5B,mBACA,QAAQ,QAAQ,UAAU,4BACvB,YACA,QAAQ,QAAQ,UAAU,aAC7B"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/SliceZone/types.ts"],"sourcesContent":[],"mappings":";;;;;;;AAKY;;;KAOP,gBAA4D,CAAA,eAA5B,SAA4B,CAAA,GAAf,MAAe,SAAA,eAAA,GAC9D,MAD8D,CAAA,YAAA,CAAA,GAE9D,MAF8D,SAE/C,gBAF+C,GAG7D,MAH6D,CAAA,MAAA,CAAA,GAAA,KAAA;;;;;;AAYjE;AACO,KADK,eACL,CAAA,mBAAA,MAAA,GAAA,MAAA,CAAA,GAD2D,IAC3D,CAAN,KAAM,CAAA,UAAA,CAAA,EAAA,IAAA,GAAA,YAAA,CAAA;;;;AAUP;AAaA;;AACG,KAdS,gBAcT,CAAA,mBAAA,MAAA,GAAA,MAAA,CAAA,GAAA;EACiB,IAAA,EAdb,KAca,CAdP,UAcO,CAAA,CAAA,YAAA,CAAA;CAAjB;;AAoBH;;;;;AAWA;;;AAKQ,KAtCI,SAsCJ,CAAA,mBAAA,MAAA,GAAA,MAAA,CAAA,GAAA,CArCL,eAqCK,CArCW,UAqCX,CAAA,GApCL,gBAoCK,CApCY,UAoCZ,CAAA,CAAA,GAAA;EAWN;;;;;;EAOgB,QAAA,CAAA,EAAA,IAAA;AASlB,CAAA;;;;;;;;;;AAWsB,KAtDV,aAsDU,CAAA,eAtDmB,SAsDnB,GAtD+B,SAsD/B,CAAA,GAAA,SArDZ,MAqDY,EAAA;AAStB;;;;;;;;AAgBK,KApEO,mBAoEP,CAAA,eAnEW,SAmEX,GAnEuB,SAmEvB,EAAA,WAAA,OAAA,CAAA,GAAA;EACG;EACQ,KAAA,EAjER,MAiEQ;EAAkB;EAAV,KAAA,EAAA,MAAA;EAAhB;EACH,MAAA,EAxDI,aAwDJ,CAvDH,MAuDG,SAvDY,gBAuDZ,GAvD+B,gBAuD/B,GAvDkD,eAuDlD,CAAA;EAJA;;;;WA5CK;;;;;;;;KASE,kCAEI,uCAKb,+BAEA,kBAAkB,wBAClB,gBAAgB,oBAAoB,QAAQ,aAC5C;;;;;;;;KASS,mCACI,YAAY,iDAaZ,iBAAiB,UAC5B,mBACA,QAAQ,QAAQ,UAAU,4BACvB,YACA,QAAQ,QAAQ,UAAU,aAC7B"}

package/dist/src/createPrismic.cjs

@@ -0,0 +1,33 @@
+let vue = require("vue");
+let __prismicio_client = require("@prismicio/client");
+
+//#region src/createPrismic.ts
+const prismicKey = Symbol.for("@prismicio/vue/plugin");
+/** Creates a Prismic Vue plugin instance that can be used by a Vue app. */
+const createPrismic = (config) => {
+	return {
+		...config,
+		isFilled: __prismicio_client.isFilled,
+		install(app) {
+			app.provide(prismicKey, this);
+			app.config.globalProperties.$prismic = this;
+		}
+	};
+};
+/**
+* Access the Prismic Vue plugin interface.
+*
+* @example
+*
+* ```typescript
+* const { client, isFilled } = usePrismic()
+* ```
+*/
+const usePrismic = () => {
+	return (0, vue.inject)(prismicKey, { componentsConfig: {} });
+};
+
+//#endregion
+exports.createPrismic = createPrismic;
+exports.usePrismic = usePrismic;
+//# sourceMappingURL=createPrismic.cjs.map

package/dist/src/createPrismic.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPrismic.cjs","names":[],"sources":["../../src/createPrismic.ts"],"sourcesContent":["import type { CreateClient } from \"@prismicio/client\"\nimport { isFilled } from \"@prismicio/client\"\nimport { type App, type InjectionKey, inject } from \"vue\"\n\nimport type { ComponentOrTagName } from \"./types\"\n\nimport type { VueRichTextComponents } from \"./PrismicRichText\"\nimport type { VueTableComponents } from \"./PrismicTable\"\n\nconst prismicKey = Symbol.for(\n\t\"@prismicio/vue/plugin\",\n) as InjectionKey<PrismicPlugin>\n\n/** Components configuration. */\ntype ComponentsConfig = {\n\t/** The default component rendered for internal URLs. */\n\tlinkInternalComponent?: ComponentOrTagName\n\n\t/** The default component rendered for external URLs. */\n\tlinkExternalComponent?: ComponentOrTagName\n\n\t/**\n\t * The default components or shorthand definitions for Rich Text and Table\n\t * fields.\n\t */\n\tdefaultComponents?: VueRichTextComponents & VueTableComponents\n}\n\n/**\n * Prismic Vue plugin interface accessible through `usePrismic()` and\n * `$prismic`.\n */\nexport type PrismicPlugin = {\n\t/** A Prismic client that can be used to query content from a repository. */\n\tclient: ReturnType<CreateClient>\n\n\t/** Helpers to determine if a field is filled. */\n\tisFilled: typeof isFilled\n\n\t/** @internal */\n\treadonly componentsConfig?: ComponentsConfig\n\n\t/** @internal */\n\tinstall: (app: App) => void\n}\n\n/** Prismic Vue plugin configuration. */\nexport type PrismicPluginConfig = {\n\t/** A Prismic client instance to inject into the Vue app. */\n\tclient: ReturnType<CreateClient>\n\n\t/** Components configuration. */\n\tcomponentsConfig?: ComponentsConfig\n}\n\n/** Creates a Prismic Vue plugin instance that can be used by a Vue app. */\nexport const createPrismic = (config: PrismicPluginConfig): PrismicPlugin => {\n\treturn {\n\t\t...config,\n\t\tisFilled,\n\t\tinstall(app: App): void {\n\t\t\tapp.provide(prismicKey, this)\n\t\t\tapp.config.globalProperties.$prismic = this\n\t\t},\n\t}\n}\n\n/**\n * Access the Prismic Vue plugin interface.\n *\n * @example\n *\n * ```typescript\n * const { client, isFilled } = usePrismic()\n * ```\n */\nexport const usePrismic = (): PrismicPlugin => {\n\treturn inject(prismicKey, { componentsConfig: {} } as PrismicPlugin)\n}\n\ndeclare module \"vue\" {\n\texport interface ComponentCustomProperties {\n\t\t/** The Prismic Vue plugin interface. */\n\t\t$prismic: PrismicPlugin\n\t}\n}\n"],"mappings":";;;;AASA,MAAM,aAAa,OAAO,IACzB,wBACA;;AA6CD,MAAa,iBAAiB,WAA+C;AAC5E,QAAO;EACN,GAAG;EACH;EACA,QAAQ,KAAgB;AACvB,OAAI,QAAQ,YAAY,KAAK;AAC7B,OAAI,OAAO,iBAAiB,WAAW;;EAExC;;;;;;;;;;;AAYF,MAAa,mBAAkC;AAC9C,wBAAc,YAAY,EAAE,kBAAkB,EAAE,EAAE,CAAkB"}

package/dist/src/createPrismic.d.ts

@@ -0,0 +1,63 @@
+import { ComponentOrTagName } from "./types.js";
+import { VueRichTextComponents } from "./PrismicRichText/types.js";
+import "./PrismicRichText/index.js";
+import { VueTableComponents } from "./PrismicTable/types.js";
+import "./PrismicTable/index.js";
+import { App } from "vue";
+import { CreateClient, isFilled } from "@prismicio/client";
+
+//#region src/createPrismic.d.ts
+/** Components configuration. */
+type ComponentsConfig = {
+  /** The default component rendered for internal URLs. */
+  linkInternalComponent?: ComponentOrTagName;
+  /** The default component rendered for external URLs. */
+  linkExternalComponent?: ComponentOrTagName;
+  /**
+   * The default components or shorthand definitions for Rich Text and Table
+   * fields.
+   */
+  defaultComponents?: VueRichTextComponents & VueTableComponents;
+};
+/**
+ * Prismic Vue plugin interface accessible through `usePrismic()` and
+ * `$prismic`.
+ */
+type PrismicPlugin = {
+  /** A Prismic client that can be used to query content from a repository. */
+  client: ReturnType<CreateClient>;
+  /** Helpers to determine if a field is filled. */
+  isFilled: typeof isFilled;
+  /** @internal */
+  readonly componentsConfig?: ComponentsConfig;
+  /** @internal */
+  install: (app: App) => void;
+};
+/** Prismic Vue plugin configuration. */
+type PrismicPluginConfig = {
+  /** A Prismic client instance to inject into the Vue app. */
+  client: ReturnType<CreateClient>;
+  /** Components configuration. */
+  componentsConfig?: ComponentsConfig;
+};
+/** Creates a Prismic Vue plugin instance that can be used by a Vue app. */
+declare const createPrismic: (config: PrismicPluginConfig) => PrismicPlugin;
+/**
+ * Access the Prismic Vue plugin interface.
+ *
+ * @example
+ *
+ * ```typescript
+ * const { client, isFilled } = usePrismic()
+ * ```
+ */
+declare const usePrismic: () => PrismicPlugin;
+declare module "vue" {
+  interface ComponentCustomProperties {
+    /** The Prismic Vue plugin interface. */
+    $prismic: PrismicPlugin;
+  }
+}
+//#endregion
+export { PrismicPlugin, PrismicPluginConfig, createPrismic, usePrismic };
+//# sourceMappingURL=createPrismic.d.ts.map

package/dist/src/createPrismic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPrismic.d.ts","names":[],"sources":["../../src/createPrismic.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAcK,gBAAA;;EAAA,qBAAgB,CAAA,EAEI,kBAFJ;EAEI;EAGA,qBAAA,CAAA,EAAA,kBAAA;EAMJ;;;AAOrB;EAEoB,iBAAA,CAAA,EATC,qBASD,GATyB,kBASzB;CAAX;;;;;AAaG,KAfA,aAAA,GAemB;EAEX;EAAX,MAAA,EAfA,UAeA,CAfW,YAeX,CAAA;EAGW;EAAgB,QAAA,EAAA,OAflB,QAekB;EAIvB;EAoBA,SAAA,gBAAiB,CAAA,EApCD,gBAsC5B;EAAA;EAAA,OAAA,EAAA,CAAA,GAAA,EAnCe,GAmCf,EAAA,GAAA,IAAA;;;AAKwB,KApCb,mBAAA,GAoCa;;UAlChB,WAAW;;qBAGA;;;cAIP,wBAAyB,wBAAsB;;;;;;;;;;cAoB/C,kBAAiB;;;;cAOlB"}

package/dist/src/createPrismic.js

@@ -0,0 +1,32 @@
+import { inject } from "vue";
+import { isFilled } from "@prismicio/client";
+
+//#region src/createPrismic.ts
+const prismicKey = Symbol.for("@prismicio/vue/plugin");
+/** Creates a Prismic Vue plugin instance that can be used by a Vue app. */
+const createPrismic = (config) => {
+	return {
+		...config,
+		isFilled,
+		install(app) {
+			app.provide(prismicKey, this);
+			app.config.globalProperties.$prismic = this;
+		}
+	};
+};
+/**
+* Access the Prismic Vue plugin interface.
+*
+* @example
+*
+* ```typescript
+* const { client, isFilled } = usePrismic()
+* ```
+*/
+const usePrismic = () => {
+	return inject(prismicKey, { componentsConfig: {} });
+};
+
+//#endregion
+export { createPrismic, usePrismic };
+//# sourceMappingURL=createPrismic.js.map

package/dist/src/createPrismic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPrismic.js","names":[],"sources":["../../src/createPrismic.ts"],"sourcesContent":["import type { CreateClient } from \"@prismicio/client\"\nimport { isFilled } from \"@prismicio/client\"\nimport { type App, type InjectionKey, inject } from \"vue\"\n\nimport type { ComponentOrTagName } from \"./types\"\n\nimport type { VueRichTextComponents } from \"./PrismicRichText\"\nimport type { VueTableComponents } from \"./PrismicTable\"\n\nconst prismicKey = Symbol.for(\n\t\"@prismicio/vue/plugin\",\n) as InjectionKey<PrismicPlugin>\n\n/** Components configuration. */\ntype ComponentsConfig = {\n\t/** The default component rendered for internal URLs. */\n\tlinkInternalComponent?: ComponentOrTagName\n\n\t/** The default component rendered for external URLs. */\n\tlinkExternalComponent?: ComponentOrTagName\n\n\t/**\n\t * The default components or shorthand definitions for Rich Text and Table\n\t * fields.\n\t */\n\tdefaultComponents?: VueRichTextComponents & VueTableComponents\n}\n\n/**\n * Prismic Vue plugin interface accessible through `usePrismic()` and\n * `$prismic`.\n */\nexport type PrismicPlugin = {\n\t/** A Prismic client that can be used to query content from a repository. */\n\tclient: ReturnType<CreateClient>\n\n\t/** Helpers to determine if a field is filled. */\n\tisFilled: typeof isFilled\n\n\t/** @internal */\n\treadonly componentsConfig?: ComponentsConfig\n\n\t/** @internal */\n\tinstall: (app: App) => void\n}\n\n/** Prismic Vue plugin configuration. */\nexport type PrismicPluginConfig = {\n\t/** A Prismic client instance to inject into the Vue app. */\n\tclient: ReturnType<CreateClient>\n\n\t/** Components configuration. */\n\tcomponentsConfig?: ComponentsConfig\n}\n\n/** Creates a Prismic Vue plugin instance that can be used by a Vue app. */\nexport const createPrismic = (config: PrismicPluginConfig): PrismicPlugin => {\n\treturn {\n\t\t...config,\n\t\tisFilled,\n\t\tinstall(app: App): void {\n\t\t\tapp.provide(prismicKey, this)\n\t\t\tapp.config.globalProperties.$prismic = this\n\t\t},\n\t}\n}\n\n/**\n * Access the Prismic Vue plugin interface.\n *\n * @example\n *\n * ```typescript\n * const { client, isFilled } = usePrismic()\n * ```\n */\nexport const usePrismic = (): PrismicPlugin => {\n\treturn inject(prismicKey, { componentsConfig: {} } as PrismicPlugin)\n}\n\ndeclare module \"vue\" {\n\texport interface ComponentCustomProperties {\n\t\t/** The Prismic Vue plugin interface. */\n\t\t$prismic: PrismicPlugin\n\t}\n}\n"],"mappings":";;;;AASA,MAAM,aAAa,OAAO,IACzB,wBACA;;AA6CD,MAAa,iBAAiB,WAA+C;AAC5E,QAAO;EACN,GAAG;EACH;EACA,QAAQ,KAAgB;AACvB,OAAI,QAAQ,YAAY,KAAK;AAC7B,OAAI,OAAO,iBAAiB,WAAW;;EAExC;;;;;;;;;;;AAYF,MAAa,mBAAkC;AAC9C,QAAO,OAAO,YAAY,EAAE,kBAAkB,EAAE,EAAE,CAAkB"}

package/dist/src/lib/isInternalURL.cjs

@@ -8,13 +8,9 @@
 * @returns `true` if `url` is internal, `false` otherwise
 */
 const isInternalURL = (url) => {
-	/**
-	* @see Regex101 expression: {@link https://regex101.com/r/1y7iod/1}
-	*/
+	/** @see Regex101 expression: {@link https://regex101.com/r/1y7iod/1} */
 	const isInternal = /^\/(?!\/)/.test(url);
-	/**
-	* @see Regex101 expression: {@link https://regex101.com/r/RnUseS/1}
-	*/
+	/** @see Regex101 expression: {@link https://regex101.com/r/RnUseS/1} */
 	const isSpecialLink = !isInternal && !/^https?:\/\//i.test(url);
 	return isInternal && !isSpecialLink;
 };

package/dist/src/lib/isInternalURL.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"isInternalURL.cjs","names":[],"sources":["../../../src/lib/isInternalURL.ts"],"sourcesContent":["/**\n * Determines if a URL is internal or external.\n *\n * @param url - The URL to check if internal or external\n *\n * @returns `true` if `url` is internal, `false` otherwise\n */\n// TODO: This does not detect all relative URLs as internal, such as `about` or `./about`. This function assumes relative URLs start with a \"/\"`.\nexport const isInternalURL = (url: string): boolean => {\n\t/**\n\t * @see Regex101 expression: {@link https://regex101.com/r/1y7iod/1}\n\t */\n\tconst isInternal = /^\\/(?!\\/)/.test(url)\n\t/**\n\t * @see Regex101 expression: {@link https://regex101.com/r/RnUseS/1}\n\t */\n\tconst isSpecialLink = !isInternal && !/^https?:\\/\\//i.test(url)\n\n\treturn isInternal && !isSpecialLink\n}\n"],"mappings":";;;;;;;;;AAQA,MAAa,iBAAiB,QAAyB;;;;CAItD,MAAM,aAAa,YAAY,KAAK,IAAI;;;;CAIxC,MAAM,gBAAgB,CAAC,cAAc,CAAC,gBAAgB,KAAK,IAAI;AAE/D,QAAO,cAAc,CAAC"}
+{"version":3,"file":"isInternalURL.cjs","names":[],"sources":["../../../src/lib/isInternalURL.ts"],"sourcesContent":["/**\n * Determines if a URL is internal or external.\n *\n * @param url - The URL to check if internal or external\n *\n * @returns `true` if `url` is internal, `false` otherwise\n */\n// TODO: This does not detect all relative URLs as internal, such as `about` or `./about`. This function assumes relative URLs start with a \"/\"`.\nexport const isInternalURL = (url: string): boolean => {\n\t/** @see Regex101 expression: {@link https://regex101.com/r/1y7iod/1} */\n\tconst isInternal = /^\\/(?!\\/)/.test(url)\n\t/** @see Regex101 expression: {@link https://regex101.com/r/RnUseS/1} */\n\tconst isSpecialLink = !isInternal && !/^https?:\\/\\//i.test(url)\n\n\treturn isInternal && !isSpecialLink\n}\n"],"mappings":";;;;;;;;;AAQA,MAAa,iBAAiB,QAAyB;;CAEtD,MAAM,aAAa,YAAY,KAAK,IAAI;;CAExC,MAAM,gBAAgB,CAAC,cAAc,CAAC,gBAAgB,KAAK,IAAI;AAE/D,QAAO,cAAc,CAAC"}

package/dist/src/lib/isInternalURL.js

@@ -7,13 +7,9 @@
 * @returns `true` if `url` is internal, `false` otherwise
 */
 const isInternalURL = (url) => {
-	/**
-	* @see Regex101 expression: {@link https://regex101.com/r/1y7iod/1}
-	*/
+	/** @see Regex101 expression: {@link https://regex101.com/r/1y7iod/1} */
 	const isInternal = /^\/(?!\/)/.test(url);
-	/**
-	* @see Regex101 expression: {@link https://regex101.com/r/RnUseS/1}
-	*/
+	/** @see Regex101 expression: {@link https://regex101.com/r/RnUseS/1} */
 	const isSpecialLink = !isInternal && !/^https?:\/\//i.test(url);
 	return isInternal && !isSpecialLink;
 };

package/dist/src/lib/isInternalURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"isInternalURL.js","names":[],"sources":["../../../src/lib/isInternalURL.ts"],"sourcesContent":["/**\n * Determines if a URL is internal or external.\n *\n * @param url - The URL to check if internal or external\n *\n * @returns `true` if `url` is internal, `false` otherwise\n */\n// TODO: This does not detect all relative URLs as internal, such as `about` or `./about`. This function assumes relative URLs start with a \"/\"`.\nexport const isInternalURL = (url: string): boolean => {\n\t/**\n\t * @see Regex101 expression: {@link https://regex101.com/r/1y7iod/1}\n\t */\n\tconst isInternal = /^\\/(?!\\/)/.test(url)\n\t/**\n\t * @see Regex101 expression: {@link https://regex101.com/r/RnUseS/1}\n\t */\n\tconst isSpecialLink = !isInternal && !/^https?:\\/\\//i.test(url)\n\n\treturn isInternal && !isSpecialLink\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,iBAAiB,QAAyB;;;;CAItD,MAAM,aAAa,YAAY,KAAK,IAAI;;;;CAIxC,MAAM,gBAAgB,CAAC,cAAc,CAAC,gBAAgB,KAAK,IAAI;AAE/D,QAAO,cAAc,CAAC"}
+{"version":3,"file":"isInternalURL.js","names":[],"sources":["../../../src/lib/isInternalURL.ts"],"sourcesContent":["/**\n * Determines if a URL is internal or external.\n *\n * @param url - The URL to check if internal or external\n *\n * @returns `true` if `url` is internal, `false` otherwise\n */\n// TODO: This does not detect all relative URLs as internal, such as `about` or `./about`. This function assumes relative URLs start with a \"/\"`.\nexport const isInternalURL = (url: string): boolean => {\n\t/** @see Regex101 expression: {@link https://regex101.com/r/1y7iod/1} */\n\tconst isInternal = /^\\/(?!\\/)/.test(url)\n\t/** @see Regex101 expression: {@link https://regex101.com/r/RnUseS/1} */\n\tconst isSpecialLink = !isInternal && !/^https?:\\/\\//i.test(url)\n\n\treturn isInternal && !isSpecialLink\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,iBAAiB,QAAyB;;CAEtD,MAAM,aAAa,YAAY,KAAK,IAAI;;CAExC,MAAM,gBAAgB,CAAC,cAAc,CAAC,gBAAgB,KAAK,IAAI;AAE/D,QAAO,cAAc,CAAC"}

package/dist/src/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":[],"sources":["../../src/types.ts"],"sourcesContent":["import type {\n\tConcreteComponent,\n\tDefineComponent,\n\tFunctionalComponent,\n\tRaw,\n\tdefineAsyncComponent,\n} from \"vue\"\n\nexport type ComponentOrTagName =\n\t| string\n\t| ConcreteComponent\n\t| Raw<DefineComponent>\n\nexport type VueComponent<TProps> =\n\t// For reference within TypeScript files when `*.vue` type cannot be inferred\n\t// eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any\n\t| DefineComponent<{}, {}, any>\n\t// Likewise, for reference with TypeScript files.\n\t| ReturnType<typeof defineAsyncComponent>\n\t| DefineComponent<TProps>\n\t| FunctionalComponent<TProps>\n\nexport const isVueComponent = <T>(\n\tcomponent: VueComponent<T> | unknown,\n): component is VueComponent<T> => {\n\treturn (\n\t\t!!component &&\n\t\t(typeof component === \"function\" ||\n\t\t\t(typeof component === \"object\" &&\n\t\t\t\t((\"render\" in component && typeof component.render === \"function\") ||\n\t\t\t\t\t(\"setup\" in component && typeof component.setup === \"function\") ||\n\t\t\t\t\t(\"__file\" in component && !!component.__file) ||\n\t\t\t\t\t(\"__name\" in component && !!component.__name) ||\n\t\t\t\t\t(\"props\" in component && typeof component.props === \"object\"))))\n\t)\n}\n"],"mappings":";;AAsBA,MAAa,kBACZ,cACkC;AAClC,QACC,CAAC,CAAC,cACD,OAAO,cAAc,cACpB,OAAO,cAAc,aACnB,YAAY,aAAa,OAAO,UAAU,WAAW,cACrD,WAAW,aAAa,OAAO,UAAU,UAAU,cACnD,YAAY,aAAa,CAAC,CAAC,UAAU,UACrC,YAAY,aAAa,CAAC,CAAC,UAAU,UACrC,WAAW,aAAa,OAAO,UAAU,UAAU"}
+{"version":3,"file":"types.cjs","names":[],"sources":["../../src/types.ts"],"sourcesContent":["import type {\n\tConcreteComponent,\n\tDefineComponent,\n\tFunctionalComponent,\n\tRaw,\n\tdefineAsyncComponent,\n} from \"vue\"\n\nexport type ComponentOrTagName =\n\t| string\n\t| ConcreteComponent\n\t| Raw<DefineComponent>\n\nexport type VueComponent<TProps> =\n\t// For reference within TypeScript files when `*.vue` type cannot be inferred\n\t// eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any\n\t| DefineComponent<{}, {}, any>\n\t// Likewise, for reference with TypeScript files.\n\t| ReturnType<typeof defineAsyncComponent>\n\t| DefineComponent<TProps>\n\t| FunctionalComponent<TProps>\n\n/**\n * A shorthand definition for `<PrismicRichText />` and `<PrismicTable />`\n * component types.\n */\nexport type VueComponentShorthand = {\n\t/** The HTML element type rendered for this node type. */\n\tas?: string\n\n\t/** Other attributes to apply to the element type. */\n\t[Attribute: string]: string | boolean | null | undefined\n}\n\nexport const isVueComponent = <T>(\n\tcomponent: VueComponent<T> | VueComponentShorthand | undefined,\n): component is VueComponent<T> => {\n\treturn (\n\t\t!!component &&\n\t\t(typeof component === \"function\" ||\n\t\t\t(typeof component === \"object\" &&\n\t\t\t\t((\"render\" in component && typeof component.render === \"function\") ||\n\t\t\t\t\t(\"setup\" in component && typeof component.setup === \"function\") ||\n\t\t\t\t\t(\"__file\" in component && !!component.__file) ||\n\t\t\t\t\t(\"__name\" in component && !!component.__name) ||\n\t\t\t\t\t(\"props\" in component && typeof component.props === \"object\"))))\n\t)\n}\n"],"mappings":";;AAkCA,MAAa,kBACZ,cACkC;AAClC,QACC,CAAC,CAAC,cACD,OAAO,cAAc,cACpB,OAAO,cAAc,aACnB,YAAY,aAAa,OAAO,UAAU,WAAW,cACrD,WAAW,aAAa,OAAO,UAAU,UAAU,cACnD,YAAY,aAAa,CAAC,CAAC,UAAU,UACrC,YAAY,aAAa,CAAC,CAAC,UAAU,UACrC,WAAW,aAAa,OAAO,UAAU,UAAU"}

package/dist/src/types.d.ts

@@ -3,6 +3,16 @@ import { ConcreteComponent, DefineComponent, FunctionalComponent, Raw, defineAsy
 //#region src/types.d.ts
 type ComponentOrTagName = string | ConcreteComponent | Raw<DefineComponent>;
 type VueComponent<TProps> = DefineComponent<{}, {}, any> | ReturnType<typeof defineAsyncComponent> | DefineComponent<TProps> | FunctionalComponent<TProps>;
+/**
+ * A shorthand definition for `<PrismicRichText />` and `<PrismicTable />`
+ * component types.
+ */
+type VueComponentShorthand = {
+  /** The HTML element type rendered for this node type. */
+  as?: string;
+  /** Other attributes to apply to the element type. */
+  [Attribute: string]: string | boolean | null | undefined;
+};
 //#endregion
-export { ComponentOrTagName, VueComponent };
+export { ComponentOrTagName, VueComponent, VueComponentShorthand };
 //# sourceMappingURL=types.d.ts.map

package/dist/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/types.ts"],"sourcesContent":[],"mappings":";;;KAQY,kBAAA,YAET,oBACA,IAAI;KAEK,uBAGT,+BAEA,kBAAkB,wBAClB,gBAAgB,UAChB,oBAAoB"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/types.ts"],"sourcesContent":[],"mappings":";;;KAQY,kBAAA,YAET,oBACA,IAAI;KAEK,uBAGT,+BAEA,kBAAkB,wBAClB,gBAAgB,UAChB,oBAAoB;AAZvB;;;;AAGM,KAeM,qBAAA,GAfN;EAEM;EAGT,EAAA,CAAA,EAAA,MAAA;EAEkB;EAAlB,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,MAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;CACgB"}

package/dist/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/types.ts"],"sourcesContent":["import type {\n\tConcreteComponent,\n\tDefineComponent,\n\tFunctionalComponent,\n\tRaw,\n\tdefineAsyncComponent,\n} from \"vue\"\n\nexport type ComponentOrTagName =\n\t| string\n\t| ConcreteComponent\n\t| Raw<DefineComponent>\n\nexport type VueComponent<TProps> =\n\t// For reference within TypeScript files when `*.vue` type cannot be inferred\n\t// eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any\n\t| DefineComponent<{}, {}, any>\n\t// Likewise, for reference with TypeScript files.\n\t| ReturnType<typeof defineAsyncComponent>\n\t| DefineComponent<TProps>\n\t| FunctionalComponent<TProps>\n\nexport const isVueComponent = <T>(\n\tcomponent: VueComponent<T> | unknown,\n): component is VueComponent<T> => {\n\treturn (\n\t\t!!component &&\n\t\t(typeof component === \"function\" ||\n\t\t\t(typeof component === \"object\" &&\n\t\t\t\t((\"render\" in component && typeof component.render === \"function\") ||\n\t\t\t\t\t(\"setup\" in component && typeof component.setup === \"function\") ||\n\t\t\t\t\t(\"__file\" in component && !!component.__file) ||\n\t\t\t\t\t(\"__name\" in component && !!component.__name) ||\n\t\t\t\t\t(\"props\" in component && typeof component.props === \"object\"))))\n\t)\n}\n"],"mappings":";AAsBA,MAAa,kBACZ,cACkC;AAClC,QACC,CAAC,CAAC,cACD,OAAO,cAAc,cACpB,OAAO,cAAc,aACnB,YAAY,aAAa,OAAO,UAAU,WAAW,cACrD,WAAW,aAAa,OAAO,UAAU,UAAU,cACnD,YAAY,aAAa,CAAC,CAAC,UAAU,UACrC,YAAY,aAAa,CAAC,CAAC,UAAU,UACrC,WAAW,aAAa,OAAO,UAAU,UAAU"}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/types.ts"],"sourcesContent":["import type {\n\tConcreteComponent,\n\tDefineComponent,\n\tFunctionalComponent,\n\tRaw,\n\tdefineAsyncComponent,\n} from \"vue\"\n\nexport type ComponentOrTagName =\n\t| string\n\t| ConcreteComponent\n\t| Raw<DefineComponent>\n\nexport type VueComponent<TProps> =\n\t// For reference within TypeScript files when `*.vue` type cannot be inferred\n\t// eslint-disable-next-line @typescript-eslint/no-empty-object-type, @typescript-eslint/no-explicit-any\n\t| DefineComponent<{}, {}, any>\n\t// Likewise, for reference with TypeScript files.\n\t| ReturnType<typeof defineAsyncComponent>\n\t| DefineComponent<TProps>\n\t| FunctionalComponent<TProps>\n\n/**\n * A shorthand definition for `<PrismicRichText />` and `<PrismicTable />`\n * component types.\n */\nexport type VueComponentShorthand = {\n\t/** The HTML element type rendered for this node type. */\n\tas?: string\n\n\t/** Other attributes to apply to the element type. */\n\t[Attribute: string]: string | boolean | null | undefined\n}\n\nexport const isVueComponent = <T>(\n\tcomponent: VueComponent<T> | VueComponentShorthand | undefined,\n): component is VueComponent<T> => {\n\treturn (\n\t\t!!component &&\n\t\t(typeof component === \"function\" ||\n\t\t\t(typeof component === \"object\" &&\n\t\t\t\t((\"render\" in component && typeof component.render === \"function\") ||\n\t\t\t\t\t(\"setup\" in component && typeof component.setup === \"function\") ||\n\t\t\t\t\t(\"__file\" in component && !!component.__file) ||\n\t\t\t\t\t(\"__name\" in component && !!component.__name) ||\n\t\t\t\t\t(\"props\" in component && typeof component.props === \"object\"))))\n\t)\n}\n"],"mappings":";AAkCA,MAAa,kBACZ,cACkC;AAClC,QACC,CAAC,CAAC,cACD,OAAO,cAAc,cACpB,OAAO,cAAc,aACnB,YAAY,aAAa,OAAO,UAAU,WAAW,cACrD,WAAW,aAAa,OAAO,UAAU,UAAU,cACnD,YAAY,aAAa,CAAC,CAAC,UAAU,UACrC,YAAY,aAAa,CAAC,CAAC,UAAU,UACrC,WAAW,aAAa,OAAO,UAAU,UAAU"}

package/dist/types.d.cts

@@ -3,6 +3,16 @@ import { ConcreteComponent, DefineComponent, FunctionalComponent, Raw, defineAsy
 //#region src/types.d.ts
 type ComponentOrTagName = string | ConcreteComponent | Raw<DefineComponent>;
 type VueComponent<TProps> = DefineComponent<{}, {}, any> | ReturnType<typeof defineAsyncComponent> | DefineComponent<TProps> | FunctionalComponent<TProps>;
+/**
+ * A shorthand definition for `<PrismicRichText />` and `<PrismicTable />`
+ * component types.
+ */
+type VueComponentShorthand = {
+  /** The HTML element type rendered for this node type. */
+  as?: string;
+  /** Other attributes to apply to the element type. */
+  [Attribute: string]: string | boolean | null | undefined;
+};
 //#endregion
-export { ComponentOrTagName, VueComponent };
+export { ComponentOrTagName, VueComponent, VueComponentShorthand };
 //# sourceMappingURL=types.d.cts.map

package/dist/types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.cts","names":[],"sources":["../src/types.ts"],"sourcesContent":[],"mappings":";;;KAQY,kBAAA,YAET,oBACA,IAAI;KAEK,uBAGT,+BAEA,kBAAkB,wBAClB,gBAAgB,UAChB,oBAAoB"}
+{"version":3,"file":"types.d.cts","names":[],"sources":["../src/types.ts"],"sourcesContent":[],"mappings":";;;KAQY,kBAAA,YAET,oBACA,IAAI;KAEK,uBAGT,+BAEA,kBAAkB,wBAClB,gBAAgB,UAChB,oBAAoB;AAZvB;;;;AAGM,KAeM,qBAAA,GAfN;EAEM;EAGT,EAAA,CAAA,EAAA,MAAA;EAEkB;EAAlB,CAAA,SAAA,EAAA,MAAA,CAAA,EAAA,MAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;CACgB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/vue",
-	"version": "5.3.0-pr.88.72388e2",
+	"version": "5.3.0-pr.89.d0f4ac2",
 	"description": "Vue plugin, components, and composables to fetch and present Prismic content",
 	"keywords": [
 		"typescript",
@@ -34,8 +34,6 @@
 		"build": "tsdown",
 		"dev": "tsdown --watch",
 		"format": "prettier --write .",
-		"playground:build": "vite build playground",
-		"playground:dev": "vite playground",
 		"prepare": "npm run build",
 		"lint": "oxlint --deny-warnings",
 		"types": "vue-tsc --noEmit",

package/src/PrismicImage.vue

@@ -10,9 +10,7 @@ import { computed, watchEffect } from "vue"
 
 import { devMsg } from "./lib/devMsg"
 
-/**
- * Props for `<PrismicImage />`.
- */
+/** Props for `<PrismicImage />`. */
 export type PrismicImageProps = {
 	/** The Prismic image field or thumbnail to render. */
 	field: ImageField | ImageField<string>
@@ -59,15 +57,14 @@ export type PrismicImageProps = {
 } & (
 	| {
 			/**
-			 * Widths (in pixels) used to build a `srcset` value for the image
-			 * field.
+			 * Widths (in pixels) used to build a `srcset` value for the image field.
 			 *
 			 * If omitted or set to `"defaults"`, the following widths will be used:
 			 * 640, 750, 828, 1080, 1200, 1920, 2048, 3840.
 			 *
-			 * If the image field contains responsive views, each responsive view
-			 * can be used as a width in the resulting `srcset` by passing
-			 * `"thumbnails"` as the `widths` prop.
+			 * If the image field contains responsive views, each responsive view can
+			 * be used as a width in the resulting `srcset` by passing `"thumbnails"`
+			 * as the `widths` prop.
 			 */
 			widths?:
 				| NonNullable<Parameters<typeof asImageWidthSrcSet>[1]>["widths"]

package/src/PrismicLink.vue

@@ -12,24 +12,18 @@ import { isInternalURL } from "./lib/isInternalURL"
 
 import type { ComponentOrTagName } from "./types"
 
-/**
- * The default component rendered for internal URLs.
- */
+import { usePrismic } from "./createPrismic"
+
+/** The default component rendered for internal URLs. */
 const defaultInternalComponent = "router-link"
 
-/**
- * The default component rendered for external URLs.
- */
+/** The default component rendered for external URLs. */
 const defaultExternalComponent = "a"
 
-/**
- * The default rel attribute rendered for external URLs.
- */
+/** The default rel attribute rendered for external URLs. */
 const defaultExternalRelAttribute = "noreferrer"
 
-/**
- * Props for `<PrismicLink />`.
- */
+/** Props for `<PrismicLink />`. */
 export type PrismicLinkProps = {
 	/**
 	 * The link resolver used to resolve links.
@@ -81,6 +75,8 @@ export type PrismicLinkProps = {
 const props = defineProps<PrismicLinkProps>()
 defineOptions({ name: "PrismicLink" })
 
+const { componentsConfig } = usePrismic()
+
 const rawAttrs = computed(() => {
 	return asLinkAttrs(props.field || props.document, {
 		linkResolver: props.linkResolver,
@@ -96,8 +92,12 @@ const rawAttrs = computed(() => {
 
 const component = computed(() => {
 	return isInternalURL(rawAttrs.value.href || "")
-		? props.internalComponent || defaultInternalComponent
-		: props.externalComponent || defaultExternalComponent
+		? props.internalComponent ||
+				componentsConfig?.linkInternalComponent ||
+				defaultInternalComponent
+		: props.externalComponent ||
+				componentsConfig?.linkExternalComponent ||
+				defaultExternalComponent
 })
 
 // Match Vue Router's `<RouterLink />` interface unless the component is an anchor tag.

package/src/PrismicRichText/PrismicRichText.vue

@@ -8,19 +8,20 @@ import { asTree } from "@prismicio/client/richtext"
 import type { PropType } from "vue"
 import { computed } from "vue"
 
-import { type ComponentOrTagName, isVueComponent } from "../types"
+import type { ComponentOrTagName, VueComponentShorthand } from "../types"
+import { isVueComponent } from "../types"
 import type {
-	InternalVueRichTextComponent,
-	VueRichTextSerializer,
-	VueShorthand,
+	InternalVueRichTextComponents,
+	VueRichTextComponent,
+	VueRichTextComponents,
 } from "./types"
 
+import { usePrismic } from "../createPrismic"
+
 import PrismicRichTextDefaultComponent from "./PrismicRichTextDefaultComponent.vue"
 import PrismicRichTextSerialize from "./PrismicRichTextSerialize.vue"
 
-/**
- * Props for `<PrismicRichText />`.
- */
+/** Props for `<PrismicRichText />`. */
 export type PrismicRichTextProps = {
 	/** The Prismic rich text field to render. */
 	field: RichTextField | null | undefined
@@ -37,7 +38,8 @@ export type PrismicRichTextProps = {
 	linkResolver?: LinkResolverFunction
 
 	/**
-	 * An object that maps a rich text block type to a Vue component or a shorthand definition.
+	 * An object that maps a rich text block type to a Vue component or a
+	 * shorthand definition.
 	 *
 	 * @example
 	 *
@@ -49,7 +51,7 @@ export type PrismicRichTextProps = {
 	 * }
 	 * ```
 	 */
-	components?: VueRichTextSerializer
+	components?: VueRichTextComponents
 
 	/**
 	 * The value to be rendered when the field is empty. If a fallback is not
@@ -78,12 +80,21 @@ const props = defineProps({
 })
 defineOptions({ name: "PrismicRichText" })
 
+const { componentsConfig } = usePrismic()
+
+const resolvedComponents = computed<VueRichTextComponents>(() => {
+	return { ...componentsConfig?.defaultComponents, ...props.components }
+})
+
 const children = computed(() => {
 	return asTree(props.field || []).children
 })
 
 function getInternalComponent(type: keyof typeof RichTextNodeType) {
-	const maybeComponentOrShorthand = props.components?.[type]
+	const maybeComponentOrShorthand = resolvedComponents.value?.[type] as
+		| VueRichTextComponent
+		| VueComponentShorthand
+		| undefined
 
 	if (isVueComponent(maybeComponentOrShorthand)) {
 		return { is: maybeComponentOrShorthand }
@@ -91,14 +102,12 @@ function getInternalComponent(type: keyof typeof RichTextNodeType) {
 
 	return {
 		is: PrismicRichTextDefaultComponent,
-		props: {
-			linkResolver: props.linkResolver,
-			shorthand: maybeComponentOrShorthand as VueShorthand,
-		},
+		linkResolver: props.linkResolver,
+		shorthand: maybeComponentOrShorthand,
 	}
 }
 
-const internalComponents = computed<InternalVueRichTextComponent>(() => {
+const internalComponents = computed<InternalVueRichTextComponents>(() => {
 	return {
 		heading1: getInternalComponent("heading1"),
 		heading2: getInternalComponent("heading2"),

package/src/PrismicRichText/PrismicRichTextDefaultComponent.vue

@@ -2,7 +2,8 @@
 import type { LinkResolverFunction } from "@prismicio/client"
 import { computed } from "vue"
 
-import type { RichTextComponentProps, VueShorthand } from "./types"
+import type { VueComponentShorthand } from "../types"
+import type { RichTextComponentProps } from "./types"
 
 import PrismicImage from "../PrismicImage.vue"
 import PrismicLink from "../PrismicLink.vue"
@@ -10,13 +11,16 @@ import PrismicLink from "../PrismicLink.vue"
 const props = defineProps<
 	RichTextComponentProps & {
 		linkResolver?: LinkResolverFunction
-		shorthand?: VueShorthand
+		shorthand?: VueComponentShorthand
 	}
 >()
 defineOptions({ name: "PrismicRichTextDefaultComponent" })
 
 const as = computed(() => {
-	return props.node.type !== "image" && props.node.type !== "span"
+	return props.node.type !== "image" &&
+		props.node.type !== "hyperlink" &&
+		props.node.type !== "label" &&
+		props.node.type !== "span"
 		? props.shorthand?.as
 		: undefined
 })
@@ -74,7 +78,7 @@ const dir = computed(() => {
 	</ol>
 	<p class="block-img" v-else-if="node.type === 'image'">
 		<PrismicLink v-if="node.linkTo" :field="node.linkTo"
-			><PrismicImage :field="node"
+			><PrismicImage :field="node" v-bind="attrs"
 		/></PrismicLink>
 		<PrismicImage v-else :field="node" v-bind="attrs" />
 	</p>

package/src/PrismicRichText/PrismicRichTextSerialize.vue

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
 import type { asTree } from "@prismicio/client/richtext"
 
-import type { InternalVueRichTextComponent } from "./types"
+import type { InternalVueRichTextComponents } from "./types"
 
 type PrismicRichTextSerializeProps = {
 	children: ReturnType<typeof asTree>["children"]
-	internalComponents: InternalVueRichTextComponent
+	internalComponents: InternalVueRichTextComponents
 }
 
 const props = defineProps<PrismicRichTextSerializeProps>()
@@ -18,7 +18,8 @@ defineOptions({ name: "PrismicRichTextSerialize" })
 		:key="JSON.stringify(child)"
 		:is="internalComponents[child.type].is"
 		:node="child.node"
-		v-bind="internalComponents[child.type].props"
+		:link-resolver="internalComponents[child.type].linkResolver"
+		:shorthand="internalComponents[child.type].shorthand"
 		><PrismicRichTextSerialize
 			v-if="child.children.length"
 			:children="child.children"

package/src/PrismicRichText/index.ts

@@ -1,3 +1,3 @@
 export { getRichTextComponentProps } from "./getRichTextComponentProps"
 
-export type { VueRichTextSerializer, RichTextComponentProps } from "./types"
+export type { VueRichTextComponents, RichTextComponentProps } from "./types"