@prismicio/vue 5.0.3 → 5.1.1

package/dist/PrismicTable/getTableComponentProps.d.ts

@@ -0,0 +1,128 @@
+import type { TableField, TableFieldBody, TableFieldBodyRow, TableFieldDataCell, TableFieldHead, TableFieldHeadRow, TableFieldHeaderCell } from "@prismicio/client";
+import type { PropType } from "vue";
+/**
+ * Gets native Vue props for a component rendering `table` elements from a
+ * Prismic table field with `<PrismicTable />`.
+ *
+ * Props are: `["table"]`
+ *
+ * @example
+ *
+ * ```javascript
+ * // Defining a new rich text component
+ * import { getTableComponentProps } from "@prismicio/vue"
+ *
+ * defineProps(getTableComponentProps.table())
+ * ```
+ */
+export declare const table: () => {
+    table: {
+        type: PropType<TableField<"filled">>;
+        required: true;
+    };
+};
+/**
+ * Gets native Vue props for a component rendering `thead` elements from a
+ * Prismic table field with `<PrismicTable />`.
+ *
+ * Props are: `["head"]`
+ *
+ * @example
+ *
+ * ```javascript
+ * // Defining a new rich text component
+ * import { getTableComponentProps } from "@prismicio/vue"
+ *
+ * defineProps(getTableComponentProps.thead())
+ * ```
+ */
+export declare const thead: () => {
+    head: {
+        type: PropType<TableFieldHead>;
+        required: true;
+    };
+};
+/**
+ * Gets native Vue props for a component rendering `tbody` elements from a
+ * Prismic table field with `<PrismicTable />`.
+ *
+ * Props are: `["body"]`
+ *
+ * @example
+ *
+ * ```javascript
+ * // Defining a new rich text component
+ * import { getTableComponentProps } from "@prismicio/vue"
+ *
+ * defineProps(getTableComponentProps.body())
+ * ```
+ */
+export declare const tbody: () => {
+    body: {
+        type: PropType<TableFieldBody>;
+        required: true;
+    };
+};
+/**
+ * Gets native Vue props for a component rendering `tr` elements from a Prismic
+ * table field with `<PrismicTable />`.
+ *
+ * Props are: `["row"]`
+ *
+ * @example
+ *
+ * ```javascript
+ * // Defining a new rich text component
+ * import { getTableComponentProps } from "@prismicio/vue"
+ *
+ * defineProps(getTableComponentProps.tr())
+ * ```
+ */
+export declare const tr: () => {
+    row: {
+        type: PropType<TableFieldHeadRow | TableFieldBodyRow>;
+        required: true;
+    };
+};
+/**
+ * Gets native Vue props for a component rendering `th` elements from a Prismic
+ * table field with `<PrismicTable />`.
+ *
+ * Props are: `["cell"]`
+ *
+ * @example
+ *
+ * ```javascript
+ * // Defining a new rich text component
+ * import { getTableComponentProps } from "@prismicio/vue"
+ *
+ * defineProps(getTableComponentProps.th())
+ * ```
+ */
+export declare const th: () => {
+    cell: {
+        type: PropType<TableFieldHeaderCell>;
+        required: true;
+    };
+};
+/**
+ * Gets native Vue props for a component rendering `td` elements from a Prismic
+ * table field with `<PrismicTable />`.
+ *
+ * Props are: `["cell"]`
+ *
+ * @example
+ *
+ * ```javascript
+ * // Defining a new rich text component
+ * import { getTableComponentProps } from "@prismicio/vue"
+ *
+ * defineProps(getTableComponentProps.td())
+ * ```
+ */
+export declare const td: () => {
+    cell: {
+        type: PropType<TableFieldDataCell>;
+        required: true;
+    };
+};

package/dist/PrismicTable/getTableComponentProps.js

@@ -0,0 +1,30 @@
+const table = () => ({
+  table: { type: Object, required: true }
+});
+const thead = () => ({
+  head: { type: Object, required: true }
+});
+const tbody = () => ({
+  body: { type: Object, required: true }
+});
+const tr = () => ({
+  row: {
+    type: Object,
+    required: true
+  }
+});
+const th = () => ({
+  cell: { type: Object, required: true }
+});
+const td = () => ({
+  cell: { type: Object, required: true }
+});
+export {
+  table,
+  tbody,
+  td,
+  th,
+  thead,
+  tr
+};
+//# sourceMappingURL=getTableComponentProps.js.map

package/dist/PrismicTable/getTableComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTableComponentProps.js","sources":["../../../src/PrismicTable/getTableComponentProps.ts"],"sourcesContent":["import type {\n\tTableField,\n\tTableFieldBody,\n\tTableFieldBodyRow,\n\tTableFieldDataCell,\n\tTableFieldHead,\n\tTableFieldHeadRow,\n\tTableFieldHeaderCell,\n} from \"@prismicio/client\"\nimport type { PropType } from \"vue\"\n\n/**\n * Gets native Vue props for a component rendering `table` elements from a\n * Prismic table field with `<PrismicTable />`.\n *\n * Props are: `[\"table\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.table())\n * ```\n */\nexport const table = (): {\n\ttable: { type: PropType<TableField<\"filled\">>; required: true }\n} => ({\n\ttable: { type: Object as PropType<TableField<\"filled\">>, required: true },\n})\n\n/**\n * Gets native Vue props for a component rendering `thead` elements from a\n * Prismic table field with `<PrismicTable />`.\n *\n * Props are: `[\"head\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.thead())\n * ```\n */\nexport const thead = (): {\n\thead: { type: PropType<TableFieldHead>; required: true }\n} => ({\n\thead: { type: Object as PropType<TableFieldHead>, required: true },\n})\n\n/**\n * Gets native Vue props for a component rendering `tbody` elements from a\n * Prismic table field with `<PrismicTable />`.\n *\n * Props are: `[\"body\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.body())\n * ```\n */\nexport const tbody = (): {\n\tbody: { type: PropType<TableFieldBody>; required: true }\n} => ({\n\tbody: { type: Object as PropType<TableFieldBody>, required: true },\n})\n\n/**\n * Gets native Vue props for a component rendering `tr` elements from a Prismic\n * table field with `<PrismicTable />`.\n *\n * Props are: `[\"row\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.tr())\n * ```\n */\nexport const tr = (): {\n\trow: {\n\t\ttype: PropType<TableFieldHeadRow | TableFieldBodyRow>\n\t\trequired: true\n\t}\n} => ({\n\trow: {\n\t\ttype: Object as PropType<TableFieldHeadRow | TableFieldBodyRow>,\n\t\trequired: true,\n\t},\n})\n\n/**\n * Gets native Vue props for a component rendering `th` elements from a Prismic\n * table field with `<PrismicTable />`.\n *\n * Props are: `[\"cell\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.th())\n * ```\n */\nexport const th = (): {\n\tcell: { type: PropType<TableFieldHeaderCell>; required: true }\n} => ({\n\tcell: { type: Object as PropType<TableFieldHeaderCell>, required: true },\n})\n\n/**\n * Gets native Vue props for a component rendering `td` elements from a Prismic\n * table field with `<PrismicTable />`.\n *\n * Props are: `[\"cell\"]`\n *\n * @example\n *\n * ```javascript\n * // Defining a new rich text component\n * import { getTableComponentProps } from \"@prismicio/vue\"\n *\n * defineProps(getTableComponentProps.td())\n * ```\n */\nexport const td = (): {\n\tcell: { type: PropType<TableFieldDataCell>; required: true }\n} => ({\n\tcell: { type: Object as PropType<TableFieldDataCell>, required: true },\n})\n"],"names":[],"mappings":"AA0BO,MAAM,QAAQ,OAEf;AAAA,EACL,OAAO,EAAE,MAAM,QAA0C,UAAU,KAAM;AACzE;AAiBM,MAAM,QAAQ,OAEf;AAAA,EACL,MAAM,EAAE,MAAM,QAAoC,UAAU,KAAM;AAClE;AAiBM,MAAM,QAAQ,OAEf;AAAA,EACL,MAAM,EAAE,MAAM,QAAoC,UAAU,KAAM;AAClE;AAiBM,MAAM,KAAK,OAKZ;AAAA,EACL,KAAK;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAEX;AAiBM,MAAM,KAAK,OAEZ;AAAA,EACL,MAAM,EAAE,MAAM,QAA0C,UAAU,KAAM;AACxE;AAiBM,MAAM,KAAK,OAEZ;AAAA,EACL,MAAM,EAAE,MAAM,QAAwC,UAAU,KAAM;AACtE;"}

package/dist/PrismicTable/index.d.ts

@@ -0,0 +1 @@
+export * as getTableComponentProps from "./getTableComponentProps";

package/dist/PrismicTable/types.d.ts

@@ -0,0 +1,30 @@
+import type { TableField, TableFieldBody, TableFieldBodyRow, TableFieldDataCell, TableFieldHead, TableFieldHeadRow, TableFieldHeaderCell } from "@prismicio/client";
+import type { DefineComponent, FunctionalComponent, defineAsyncComponent } from "vue";
+/**
+ * A map of Table block types to Vue Components. It is used to render table
+ * fields.
+ *
+ * @see Templating Table fields from Prismic {@link https://prismic.io/docs/table}
+ */
+export type VueTableComponents = {
+    table?: VueComponent<{
+        table: TableField<"filled">;
+    }>;
+    thead?: VueComponent<{
+        head: TableFieldHead;
+    }>;
+    tbody?: VueComponent<{
+        body: TableFieldBody;
+    }>;
+    tr?: VueComponent<{
+        row: TableFieldBodyRow | TableFieldHeadRow;
+    }>;
+    th?: VueComponent<{
+        cell: TableFieldHeaderCell;
+    }>;
+    td?: VueComponent<{
+        cell: TableFieldDataCell;
+    }>;
+};
+type VueComponent<TProps> = ReturnType<typeof defineAsyncComponent> | DefineComponent<TProps> | FunctionalComponent<TProps>;
+export {};

package/dist/createPrismic.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const client = require("@prismicio/client");
 const PrismicRichText_vue_vue_type_script_setup_true_lang = require("./PrismicRichText/PrismicRichText.vue.cjs");
+const PrismicTable_vue_vue_type_script_setup_true_lang = require("./PrismicTable/PrismicTable.vue.cjs");
 const SliceZone_vue_vue_type_script_setup_true_lang = require("./SliceZone/SliceZone.vue.cjs");
 const PrismicEmbed_vue_vue_type_script_setup_true_lang = require("./PrismicEmbed.vue.cjs");
 const PrismicImage_vue_vue_type_script_setup_true_lang = require("./PrismicImage.vue.cjs");
@@ -67,6 +68,7 @@ const createPrismic = (options) => {
         app.component(PrismicLink_vue_vue_type_script_setup_true_lang.name, PrismicLink_vue_vue_type_script_setup_true_lang);
         app.component(PrismicEmbed_vue_vue_type_script_setup_true_lang.name, PrismicEmbed_vue_vue_type_script_setup_true_lang);
         app.component(PrismicImage_vue_vue_type_script_setup_true_lang.name, PrismicImage_vue_vue_type_script_setup_true_lang);
+        app.component(PrismicTable_vue_vue_type_script_setup_true_lang.name, PrismicTable_vue_vue_type_script_setup_true_lang);
         app.component(PrismicText_vue_vue_type_script_setup_true_lang.name, PrismicText_vue_vue_type_script_setup_true_lang);
         app.component(PrismicRichText_vue_vue_type_script_setup_true_lang.name, PrismicRichText_vue_vue_type_script_setup_true_lang);
         app.component(SliceZone_vue_vue_type_script_setup_true_lang.name, SliceZone_vue_vue_type_script_setup_true_lang);

package/dist/createPrismic.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createPrismic.cjs","sources":["../../src/createPrismic.ts"],"sourcesContent":["import type {\n\tClient,\n\tHTMLRichTextFunctionSerializer,\n\tHTMLRichTextMapSerializer,\n\tLinkResolverFunction,\n} from \"@prismicio/client\"\nimport {\n\tasDate,\n\tasHTML,\n\tasImagePixelDensitySrcSet,\n\tasImageSrc,\n\tasImageWidthSrcSet,\n\tasLink,\n\tasLinkAttrs,\n\tasText,\n\tcookie,\n\tcreateClient,\n\tdocumentToLinkField,\n\tfilter,\n\tisFilled,\n} from \"@prismicio/client\"\nimport type { App } from \"vue\"\n\nimport type {\n\tPrismicPlugin,\n\tPrismicPluginClient,\n\tPrismicPluginHelpers,\n\tPrismicPluginOptions,\n} from \"./types\"\n\nimport PrismicRichText from \"./PrismicRichText/PrismicRichText.vue\"\nimport SliceZone from \"./SliceZone/SliceZone.vue\"\n\nimport PrismicEmbed from \"./PrismicEmbed.vue\"\nimport PrismicImage from \"./PrismicImage.vue\"\nimport PrismicLink from \"./PrismicLink.vue\"\nimport PrismicText from \"./PrismicText.vue\"\nimport { prismicKey } from \"./usePrismic\"\n\n/**\n * Creates a `@prismicio/vue` plugin instance that can be used by a Vue app.\n *\n * @param options - {@link PrismicPluginOptions}\n *\n * @returns `@prismicio/vue` plugin instance {@link PrismicPlugin}\n *\n * @see Prismic Official Vue.js documentation: {@link https://prismic.io/docs/technologies/vuejs}\n * @see Plugin repository: {@link https://github.com/prismicio/prismic-vue}\n */\nexport const createPrismic = (options: PrismicPluginOptions): PrismicPlugin => {\n\t// Create plugin client\n\tlet client: Client\n\tif (options.client) {\n\t\tclient = options.client\n\t} else {\n\t\tclient = createClient(options.endpoint, options.clientConfig)\n\t}\n\n\tconst prismicClient: PrismicPluginClient = {\n\t\tclient,\n\t\tfilter,\n\t\tcookie,\n\t}\n\n\t// Create plugin helpers\n\tconst prismicHelpers: PrismicPluginHelpers = {\n\t\tasText,\n\t\tasHTML: (richTextField, ...config) => {\n\t\t\tconst [configOrLinkResolver, maybeHTMLSerializer] = config\n\n\t\t\treturn asHTML(\n\t\t\t\trichTextField,\n\t\t\t\ttypeof configOrLinkResolver === \"function\" ||\n\t\t\t\t\tconfigOrLinkResolver == null\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tlinkResolver: configOrLinkResolver || options.linkResolver,\n\t\t\t\t\t\t\tserializer:\n\t\t\t\t\t\t\t\t(maybeHTMLSerializer as\n\t\t\t\t\t\t\t\t\t| HTMLRichTextFunctionSerializer\n\t\t\t\t\t\t\t\t\t| HTMLRichTextMapSerializer) || options.richTextSerializer,\n\t\t\t\t\t\t}\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tlinkResolver: options.linkResolver,\n\t\t\t\t\t\t\tserializer: options.richTextSerializer,\n\t\t\t\t\t\t\t...configOrLinkResolver,\n\t\t\t\t\t\t},\n\t\t\t)\n\t\t},\n\t\tasLink: (linkField, config) => {\n\t\t\treturn asLink(\n\t\t\t\tlinkField,\n\t\t\t\ttypeof config === \"function\"\n\t\t\t\t\t? { linkResolver: config }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tlinkResolver: options.linkResolver,\n\t\t\t\t\t\t\t// TODO: For some reasons, TypeScript narrows the type to \"unknown\" where it's supposed to be a union\n\t\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\t\t\t\t...(config as any),\n\t\t\t\t\t\t},\n\t\t\t)\n\t\t},\n\t\tasLinkAttrs: (linkField, config) => {\n\t\t\treturn asLinkAttrs(linkField, {\n\t\t\t\t// TODO: We can't really retrieve the generic type here, this might cause some unexpected type error in some edge-case scenario\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\tlinkResolver: options.linkResolver as LinkResolverFunction<any>,\n\t\t\t\t...config,\n\t\t\t})\n\t\t},\n\t\tasDate,\n\t\tasImageSrc,\n\t\tasImageWidthSrcSet,\n\t\tasImagePixelDensitySrcSet,\n\t\tisFilled,\n\t\tdocumentToLinkField,\n\t}\n\n\t// Create plugin interface\n\tconst prismic: PrismicPlugin = {\n\t\toptions,\n\n\t\t...prismicClient,\n\t\t...prismicHelpers,\n\n\t\tinstall(app: App): void {\n\t\t\tapp.provide(prismicKey, this)\n\t\t\tapp.config.globalProperties.$prismic = this\n\n\t\t\tif (options.injectComponents !== false) {\n\t\t\t\tapp.component(PrismicLink.name!, PrismicLink)\n\t\t\t\tapp.component(PrismicEmbed.name!, PrismicEmbed)\n\t\t\t\tapp.component(PrismicImage.name!, PrismicImage)\n\t\t\t\tapp.component(PrismicText.name!, PrismicText)\n\t\t\t\tapp.component(PrismicRichText.name!, PrismicRichText)\n\t\t\t\tapp.component(SliceZone.name!, SliceZone)\n\t\t\t}\n\t\t},\n\t}\n\n\treturn prismic\n}\n\ndeclare module \"vue\" {\n\texport interface ComponentCustomProperties {\n\t\t/**\n\t\t * `@prismicio/vue` plugin interface exposed on `this`.\n\t\t *\n\t\t * @see `@prismicio/vue` plugin interface {@link PrismicPlugin}\n\t\t */\n\t\t$prismic: PrismicPlugin\n\t}\n}\n"],"names":["client","createClient","filter","cookie","asText","asHTML","asLink","asLinkAttrs","asDate","asImageSrc","asImageWidthSrcSet","asImagePixelDensitySrcSet","isFilled","documentToLinkField","prismicKey","PrismicLink","PrismicEmbed","PrismicImage","PrismicText","PrismicRichText","SliceZone"],"mappings":";;;;;;;;;;AAiDa,MAAA,gBAAgB,CAAC,YAAgD;AAEzE,MAAAA;AACJ,MAAI,QAAQ,QAAQ;AACnBA,eAAS,QAAQ;AAAA,EAAA,OACX;AACNA,eAASC,OAAAA,aAAa,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAAA;AAG7D,QAAM,gBAAqC;AAAA,IAAA,QAC1CD;AAAAA,IAAA,QACAE,OAAA;AAAA,IACAC,QAAAA,OAAAA;AAAAA;AAID,QAAM,iBAAuC;AAAA,IAAA,QAC5CC,OAAA;AAAA,IACA,QAAQ,CAAC,kBAAkB,WAAU;AAC9B,YAAA,CAAC,sBAAsB,mBAAmB,IAAI;AAEpD,aAAOC,OAAAA,OACN,eACA,OAAO,yBAAyB,cAC/B,wBAAwB,OACtB;AAAA,QACA,cAAc,wBAAwB,QAAQ;AAAA,QAC9C,YACE,uBAEgC,QAAQ;AAAA,MAAA,IAE1C;AAAA,QACA,cAAc,QAAQ;AAAA,QACtB,YAAY,QAAQ;AAAA,QACpB,GAAG;AAAA,MAAA,CACH;AAAA,IAEL;AAAA,IACA,QAAQ,CAAC,WAAW,WAAU;AACtB,aAAAC,OAAAA,OACN,WACA,OAAO,WAAW,aACf,EAAE,cAAc,WAChB;AAAA,QACA,cAAc,QAAQ;AAAA;AAAA;AAAA,QAGtB,GAAI;AAAA,MAAA,CACJ;AAAA,IAEL;AAAA,IACA,aAAa,CAAC,WAAW,WAAU;AAClC,aAAOC,OAAAA,YAAY,WAAW;AAAA;AAAA;AAAA,QAG7B,cAAc,QAAQ;AAAA,QACtB,GAAG;AAAA,MAAA,CACH;AAAA,IACF;AAAA,IAAA,QACAC,OAAA;AAAA,IAAA,YACAC,OAAA;AAAA,IAAA,oBACAC,OAAA;AAAA,IAAA,2BACAC,OAAA;AAAA,IAAA,UACAC,OAAA;AAAA,IACAC,qBAAAA,OAAAA;AAAAA;AAID,QAAM,UAAyB;AAAA,IAC9B;AAAA,IAEA,GAAG;AAAA,IACH,GAAG;AAAA,IAEH,QAAQ,KAAQ;AACX,UAAA,QAAQC,uBAAY,IAAI;AACxB,UAAA,OAAO,iBAAiB,WAAW;AAEnC,UAAA,QAAQ,qBAAqB,OAAO;AACnC,YAAA,UAAUC,gDAAY,MAAOA,+CAAW;AACxC,YAAA,UAAUC,iDAAa,MAAOA,gDAAY;AAC1C,YAAA,UAAUC,iDAAa,MAAOA,gDAAY;AAC1C,YAAA,UAAUC,gDAAY,MAAOA,+CAAW;AACxC,YAAA,UAAUC,oDAAgB,MAAOA,mDAAe;AAChD,YAAA,UAAUC,8CAAU,MAAOA,6CAAS;AAAA,MAAA;AAAA,IACzC;AAAA;AAIK,SAAA;AACR;;"}
+{"version":3,"file":"createPrismic.cjs","sources":["../../src/createPrismic.ts"],"sourcesContent":["import type {\n\tClient,\n\tHTMLRichTextFunctionSerializer,\n\tHTMLRichTextMapSerializer,\n\tLinkResolverFunction,\n} from \"@prismicio/client\"\nimport {\n\tasDate,\n\tasHTML,\n\tasImagePixelDensitySrcSet,\n\tasImageSrc,\n\tasImageWidthSrcSet,\n\tasLink,\n\tasLinkAttrs,\n\tasText,\n\tcookie,\n\tcreateClient,\n\tdocumentToLinkField,\n\tfilter,\n\tisFilled,\n} from \"@prismicio/client\"\nimport type { App } from \"vue\"\n\nimport type {\n\tPrismicPlugin,\n\tPrismicPluginClient,\n\tPrismicPluginHelpers,\n\tPrismicPluginOptions,\n} from \"./types\"\n\nimport PrismicRichText from \"./PrismicRichText/PrismicRichText.vue\"\nimport PrismicTable from \"./PrismicTable/PrismicTable.vue\"\nimport SliceZone from \"./SliceZone/SliceZone.vue\"\n\nimport PrismicEmbed from \"./PrismicEmbed.vue\"\nimport PrismicImage from \"./PrismicImage.vue\"\nimport PrismicLink from \"./PrismicLink.vue\"\nimport PrismicText from \"./PrismicText.vue\"\nimport { prismicKey } from \"./usePrismic\"\n\n/**\n * Creates a `@prismicio/vue` plugin instance that can be used by a Vue app.\n *\n * @param options - {@link PrismicPluginOptions}\n *\n * @returns `@prismicio/vue` plugin instance {@link PrismicPlugin}\n *\n * @see Prismic Official Vue.js documentation: {@link https://prismic.io/docs/technologies/vuejs}\n * @see Plugin repository: {@link https://github.com/prismicio/prismic-vue}\n */\nexport const createPrismic = (options: PrismicPluginOptions): PrismicPlugin => {\n\t// Create plugin client\n\tlet client: Client\n\tif (options.client) {\n\t\tclient = options.client\n\t} else {\n\t\tclient = createClient(options.endpoint, options.clientConfig)\n\t}\n\n\tconst prismicClient: PrismicPluginClient = {\n\t\tclient,\n\t\tfilter,\n\t\tcookie,\n\t}\n\n\t// Create plugin helpers\n\tconst prismicHelpers: PrismicPluginHelpers = {\n\t\tasText,\n\t\tasHTML: (richTextField, ...config) => {\n\t\t\tconst [configOrLinkResolver, maybeHTMLSerializer] = config\n\n\t\t\treturn asHTML(\n\t\t\t\trichTextField,\n\t\t\t\ttypeof configOrLinkResolver === \"function\" ||\n\t\t\t\t\tconfigOrLinkResolver == null\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tlinkResolver: configOrLinkResolver || options.linkResolver,\n\t\t\t\t\t\t\tserializer:\n\t\t\t\t\t\t\t\t(maybeHTMLSerializer as\n\t\t\t\t\t\t\t\t\t| HTMLRichTextFunctionSerializer\n\t\t\t\t\t\t\t\t\t| HTMLRichTextMapSerializer) || options.richTextSerializer,\n\t\t\t\t\t\t}\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tlinkResolver: options.linkResolver,\n\t\t\t\t\t\t\tserializer: options.richTextSerializer,\n\t\t\t\t\t\t\t...configOrLinkResolver,\n\t\t\t\t\t\t},\n\t\t\t)\n\t\t},\n\t\tasLink: (linkField, config) => {\n\t\t\treturn asLink(\n\t\t\t\tlinkField,\n\t\t\t\ttypeof config === \"function\"\n\t\t\t\t\t? { linkResolver: config }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tlinkResolver: options.linkResolver,\n\t\t\t\t\t\t\t// TODO: For some reasons, TypeScript narrows the type to \"unknown\" where it's supposed to be a union\n\t\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\t\t\t\t...(config as any),\n\t\t\t\t\t\t},\n\t\t\t)\n\t\t},\n\t\tasLinkAttrs: (linkField, config) => {\n\t\t\treturn asLinkAttrs(linkField, {\n\t\t\t\t// TODO: We can't really retrieve the generic type here, this might cause some unexpected type error in some edge-case scenario\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\tlinkResolver: options.linkResolver as LinkResolverFunction<any>,\n\t\t\t\t...config,\n\t\t\t})\n\t\t},\n\t\tasDate,\n\t\tasImageSrc,\n\t\tasImageWidthSrcSet,\n\t\tasImagePixelDensitySrcSet,\n\t\tisFilled,\n\t\tdocumentToLinkField,\n\t}\n\n\t// Create plugin interface\n\tconst prismic: PrismicPlugin = {\n\t\toptions,\n\n\t\t...prismicClient,\n\t\t...prismicHelpers,\n\n\t\tinstall(app: App): void {\n\t\t\tapp.provide(prismicKey, this)\n\t\t\tapp.config.globalProperties.$prismic = this\n\n\t\t\tif (options.injectComponents !== false) {\n\t\t\t\tapp.component(PrismicLink.name!, PrismicLink)\n\t\t\t\tapp.component(PrismicEmbed.name!, PrismicEmbed)\n\t\t\t\tapp.component(PrismicImage.name!, PrismicImage)\n\t\t\t\tapp.component(PrismicTable.name!, PrismicTable)\n\t\t\t\tapp.component(PrismicText.name!, PrismicText)\n\t\t\t\tapp.component(PrismicRichText.name!, PrismicRichText)\n\t\t\t\tapp.component(SliceZone.name!, SliceZone)\n\t\t\t}\n\t\t},\n\t}\n\n\treturn prismic\n}\n\ndeclare module \"vue\" {\n\texport interface ComponentCustomProperties {\n\t\t/**\n\t\t * `@prismicio/vue` plugin interface exposed on `this`.\n\t\t *\n\t\t * @see `@prismicio/vue` plugin interface {@link PrismicPlugin}\n\t\t */\n\t\t$prismic: PrismicPlugin\n\t}\n}\n"],"names":["client","createClient","filter","cookie","asText","asHTML","asLink","asLinkAttrs","asDate","asImageSrc","asImageWidthSrcSet","asImagePixelDensitySrcSet","isFilled","documentToLinkField","prismicKey","PrismicLink","PrismicEmbed","PrismicImage","PrismicTable","PrismicText","PrismicRichText","SliceZone"],"mappings":";;;;;;;;;;;AAkDa,MAAA,gBAAgB,CAAC,YAAgD;AAEzE,MAAAA;AACJ,MAAI,QAAQ,QAAQ;AACnBA,eAAS,QAAQ;AAAA,EAAA,OACX;AACNA,eAASC,OAAAA,aAAa,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAAA;AAG7D,QAAM,gBAAqC;AAAA,IAAA,QAC1CD;AAAAA,IAAA,QACAE,OAAA;AAAA,IACAC,QAAAA,OAAAA;AAAAA;AAID,QAAM,iBAAuC;AAAA,IAAA,QAC5CC,OAAA;AAAA,IACA,QAAQ,CAAC,kBAAkB,WAAU;AAC9B,YAAA,CAAC,sBAAsB,mBAAmB,IAAI;AAEpD,aAAOC,OAAAA,OACN,eACA,OAAO,yBAAyB,cAC/B,wBAAwB,OACtB;AAAA,QACA,cAAc,wBAAwB,QAAQ;AAAA,QAC9C,YACE,uBAEgC,QAAQ;AAAA,MAAA,IAE1C;AAAA,QACA,cAAc,QAAQ;AAAA,QACtB,YAAY,QAAQ;AAAA,QACpB,GAAG;AAAA,MAAA,CACH;AAAA,IAEL;AAAA,IACA,QAAQ,CAAC,WAAW,WAAU;AACtB,aAAAC,OAAAA,OACN,WACA,OAAO,WAAW,aACf,EAAE,cAAc,WAChB;AAAA,QACA,cAAc,QAAQ;AAAA;AAAA;AAAA,QAGtB,GAAI;AAAA,MAAA,CACJ;AAAA,IAEL;AAAA,IACA,aAAa,CAAC,WAAW,WAAU;AAClC,aAAOC,OAAAA,YAAY,WAAW;AAAA;AAAA;AAAA,QAG7B,cAAc,QAAQ;AAAA,QACtB,GAAG;AAAA,MAAA,CACH;AAAA,IACF;AAAA,IAAA,QACAC,OAAA;AAAA,IAAA,YACAC,OAAA;AAAA,IAAA,oBACAC,OAAA;AAAA,IAAA,2BACAC,OAAA;AAAA,IAAA,UACAC,OAAA;AAAA,IACAC,qBAAAA,OAAAA;AAAAA;AAID,QAAM,UAAyB;AAAA,IAC9B;AAAA,IAEA,GAAG;AAAA,IACH,GAAG;AAAA,IAEH,QAAQ,KAAQ;AACX,UAAA,QAAQC,uBAAY,IAAI;AACxB,UAAA,OAAO,iBAAiB,WAAW;AAEnC,UAAA,QAAQ,qBAAqB,OAAO;AACnC,YAAA,UAAUC,gDAAY,MAAOA,+CAAW;AACxC,YAAA,UAAUC,iDAAa,MAAOA,gDAAY;AAC1C,YAAA,UAAUC,iDAAa,MAAOA,gDAAY;AAC1C,YAAA,UAAUC,iDAAa,MAAOA,gDAAY;AAC1C,YAAA,UAAUC,gDAAY,MAAOA,+CAAW;AACxC,YAAA,UAAUC,oDAAgB,MAAOA,mDAAe;AAChD,YAAA,UAAUC,8CAAU,MAAOA,6CAAS;AAAA,MAAA;AAAA,IACzC;AAAA;AAIK,SAAA;AACR;;"}

package/dist/createPrismic.js

@@ -1,10 +1,11 @@
 import { createClient, filter, cookie, asText, asHTML, asLink, asLinkAttrs, asDate, asImageSrc, asImageWidthSrcSet, asImagePixelDensitySrcSet, isFilled, documentToLinkField } from "@prismicio/client";
-import _sfc_main$4 from "./PrismicRichText/PrismicRichText.vue.js";
-import _sfc_main$5 from "./SliceZone/SliceZone.vue.js";
+import _sfc_main$5 from "./PrismicRichText/PrismicRichText.vue.js";
+import _sfc_main$3 from "./PrismicTable/PrismicTable.vue.js";
+import _sfc_main$6 from "./SliceZone/SliceZone.vue.js";
 import _sfc_main$1 from "./PrismicEmbed.vue.js";
 import _sfc_main$2 from "./PrismicImage.vue.js";
 import _sfc_main from "./PrismicLink.vue.js";
-import _sfc_main$3 from "./PrismicText.vue.js";
+import _sfc_main$4 from "./PrismicText.vue.js";
 import { prismicKey } from "./usePrismic.js";
 const createPrismic = (options) => {
   let client;
@@ -68,6 +69,7 @@ const createPrismic = (options) => {
         app.component(_sfc_main$3.name, _sfc_main$3);
         app.component(_sfc_main$4.name, _sfc_main$4);
         app.component(_sfc_main$5.name, _sfc_main$5);
+        app.component(_sfc_main$6.name, _sfc_main$6);
       }
     }
   };

package/dist/createPrismic.js.map

@@ -1 +1 @@
-{"version":3,"file":"createPrismic.js","sources":["../../src/createPrismic.ts"],"sourcesContent":["import type {\n\tClient,\n\tHTMLRichTextFunctionSerializer,\n\tHTMLRichTextMapSerializer,\n\tLinkResolverFunction,\n} from \"@prismicio/client\"\nimport {\n\tasDate,\n\tasHTML,\n\tasImagePixelDensitySrcSet,\n\tasImageSrc,\n\tasImageWidthSrcSet,\n\tasLink,\n\tasLinkAttrs,\n\tasText,\n\tcookie,\n\tcreateClient,\n\tdocumentToLinkField,\n\tfilter,\n\tisFilled,\n} from \"@prismicio/client\"\nimport type { App } from \"vue\"\n\nimport type {\n\tPrismicPlugin,\n\tPrismicPluginClient,\n\tPrismicPluginHelpers,\n\tPrismicPluginOptions,\n} from \"./types\"\n\nimport PrismicRichText from \"./PrismicRichText/PrismicRichText.vue\"\nimport SliceZone from \"./SliceZone/SliceZone.vue\"\n\nimport PrismicEmbed from \"./PrismicEmbed.vue\"\nimport PrismicImage from \"./PrismicImage.vue\"\nimport PrismicLink from \"./PrismicLink.vue\"\nimport PrismicText from \"./PrismicText.vue\"\nimport { prismicKey } from \"./usePrismic\"\n\n/**\n * Creates a `@prismicio/vue` plugin instance that can be used by a Vue app.\n *\n * @param options - {@link PrismicPluginOptions}\n *\n * @returns `@prismicio/vue` plugin instance {@link PrismicPlugin}\n *\n * @see Prismic Official Vue.js documentation: {@link https://prismic.io/docs/technologies/vuejs}\n * @see Plugin repository: {@link https://github.com/prismicio/prismic-vue}\n */\nexport const createPrismic = (options: PrismicPluginOptions): PrismicPlugin => {\n\t// Create plugin client\n\tlet client: Client\n\tif (options.client) {\n\t\tclient = options.client\n\t} else {\n\t\tclient = createClient(options.endpoint, options.clientConfig)\n\t}\n\n\tconst prismicClient: PrismicPluginClient = {\n\t\tclient,\n\t\tfilter,\n\t\tcookie,\n\t}\n\n\t// Create plugin helpers\n\tconst prismicHelpers: PrismicPluginHelpers = {\n\t\tasText,\n\t\tasHTML: (richTextField, ...config) => {\n\t\t\tconst [configOrLinkResolver, maybeHTMLSerializer] = config\n\n\t\t\treturn asHTML(\n\t\t\t\trichTextField,\n\t\t\t\ttypeof configOrLinkResolver === \"function\" ||\n\t\t\t\t\tconfigOrLinkResolver == null\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tlinkResolver: configOrLinkResolver || options.linkResolver,\n\t\t\t\t\t\t\tserializer:\n\t\t\t\t\t\t\t\t(maybeHTMLSerializer as\n\t\t\t\t\t\t\t\t\t| HTMLRichTextFunctionSerializer\n\t\t\t\t\t\t\t\t\t| HTMLRichTextMapSerializer) || options.richTextSerializer,\n\t\t\t\t\t\t}\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tlinkResolver: options.linkResolver,\n\t\t\t\t\t\t\tserializer: options.richTextSerializer,\n\t\t\t\t\t\t\t...configOrLinkResolver,\n\t\t\t\t\t\t},\n\t\t\t)\n\t\t},\n\t\tasLink: (linkField, config) => {\n\t\t\treturn asLink(\n\t\t\t\tlinkField,\n\t\t\t\ttypeof config === \"function\"\n\t\t\t\t\t? { linkResolver: config }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tlinkResolver: options.linkResolver,\n\t\t\t\t\t\t\t// TODO: For some reasons, TypeScript narrows the type to \"unknown\" where it's supposed to be a union\n\t\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\t\t\t\t...(config as any),\n\t\t\t\t\t\t},\n\t\t\t)\n\t\t},\n\t\tasLinkAttrs: (linkField, config) => {\n\t\t\treturn asLinkAttrs(linkField, {\n\t\t\t\t// TODO: We can't really retrieve the generic type here, this might cause some unexpected type error in some edge-case scenario\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\tlinkResolver: options.linkResolver as LinkResolverFunction<any>,\n\t\t\t\t...config,\n\t\t\t})\n\t\t},\n\t\tasDate,\n\t\tasImageSrc,\n\t\tasImageWidthSrcSet,\n\t\tasImagePixelDensitySrcSet,\n\t\tisFilled,\n\t\tdocumentToLinkField,\n\t}\n\n\t// Create plugin interface\n\tconst prismic: PrismicPlugin = {\n\t\toptions,\n\n\t\t...prismicClient,\n\t\t...prismicHelpers,\n\n\t\tinstall(app: App): void {\n\t\t\tapp.provide(prismicKey, this)\n\t\t\tapp.config.globalProperties.$prismic = this\n\n\t\t\tif (options.injectComponents !== false) {\n\t\t\t\tapp.component(PrismicLink.name!, PrismicLink)\n\t\t\t\tapp.component(PrismicEmbed.name!, PrismicEmbed)\n\t\t\t\tapp.component(PrismicImage.name!, PrismicImage)\n\t\t\t\tapp.component(PrismicText.name!, PrismicText)\n\t\t\t\tapp.component(PrismicRichText.name!, PrismicRichText)\n\t\t\t\tapp.component(SliceZone.name!, SliceZone)\n\t\t\t}\n\t\t},\n\t}\n\n\treturn prismic\n}\n\ndeclare module \"vue\" {\n\texport interface ComponentCustomProperties {\n\t\t/**\n\t\t * `@prismicio/vue` plugin interface exposed on `this`.\n\t\t *\n\t\t * @see `@prismicio/vue` plugin interface {@link PrismicPlugin}\n\t\t */\n\t\t$prismic: PrismicPlugin\n\t}\n}\n"],"names":["PrismicLink","PrismicEmbed","PrismicImage","PrismicText","PrismicRichText","SliceZone"],"mappings":";;;;;;;;AAiDa,MAAA,gBAAgB,CAAC,YAAgD;AAEzE,MAAA;AACJ,MAAI,QAAQ,QAAQ;AACnB,aAAS,QAAQ;AAAA,EAAA,OACX;AACN,aAAS,aAAa,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAAA;AAG7D,QAAM,gBAAqC;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA;AAID,QAAM,iBAAuC;AAAA,IAC5C;AAAA,IACA,QAAQ,CAAC,kBAAkB,WAAU;AAC9B,YAAA,CAAC,sBAAsB,mBAAmB,IAAI;AAEpD,aAAO,OACN,eACA,OAAO,yBAAyB,cAC/B,wBAAwB,OACtB;AAAA,QACA,cAAc,wBAAwB,QAAQ;AAAA,QAC9C,YACE,uBAEgC,QAAQ;AAAA,MAAA,IAE1C;AAAA,QACA,cAAc,QAAQ;AAAA,QACtB,YAAY,QAAQ;AAAA,QACpB,GAAG;AAAA,MAAA,CACH;AAAA,IAEL;AAAA,IACA,QAAQ,CAAC,WAAW,WAAU;AACtB,aAAA,OACN,WACA,OAAO,WAAW,aACf,EAAE,cAAc,WAChB;AAAA,QACA,cAAc,QAAQ;AAAA;AAAA;AAAA,QAGtB,GAAI;AAAA,MAAA,CACJ;AAAA,IAEL;AAAA,IACA,aAAa,CAAC,WAAW,WAAU;AAClC,aAAO,YAAY,WAAW;AAAA;AAAA;AAAA,QAG7B,cAAc,QAAQ;AAAA,QACtB,GAAG;AAAA,MAAA,CACH;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAID,QAAM,UAAyB;AAAA,IAC9B;AAAA,IAEA,GAAG;AAAA,IACH,GAAG;AAAA,IAEH,QAAQ,KAAQ;AACX,UAAA,QAAQ,YAAY,IAAI;AACxB,UAAA,OAAO,iBAAiB,WAAW;AAEnC,UAAA,QAAQ,qBAAqB,OAAO;AACnC,YAAA,UAAUA,UAAY,MAAOA,SAAW;AACxC,YAAA,UAAUC,YAAa,MAAOA,WAAY;AAC1C,YAAA,UAAUC,YAAa,MAAOA,WAAY;AAC1C,YAAA,UAAUC,YAAY,MAAOA,WAAW;AACxC,YAAA,UAAUC,YAAgB,MAAOA,WAAe;AAChD,YAAA,UAAUC,YAAU,MAAOA,WAAS;AAAA,MAAA;AAAA,IACzC;AAAA;AAIK,SAAA;AACR;"}
+{"version":3,"file":"createPrismic.js","sources":["../../src/createPrismic.ts"],"sourcesContent":["import type {\n\tClient,\n\tHTMLRichTextFunctionSerializer,\n\tHTMLRichTextMapSerializer,\n\tLinkResolverFunction,\n} from \"@prismicio/client\"\nimport {\n\tasDate,\n\tasHTML,\n\tasImagePixelDensitySrcSet,\n\tasImageSrc,\n\tasImageWidthSrcSet,\n\tasLink,\n\tasLinkAttrs,\n\tasText,\n\tcookie,\n\tcreateClient,\n\tdocumentToLinkField,\n\tfilter,\n\tisFilled,\n} from \"@prismicio/client\"\nimport type { App } from \"vue\"\n\nimport type {\n\tPrismicPlugin,\n\tPrismicPluginClient,\n\tPrismicPluginHelpers,\n\tPrismicPluginOptions,\n} from \"./types\"\n\nimport PrismicRichText from \"./PrismicRichText/PrismicRichText.vue\"\nimport PrismicTable from \"./PrismicTable/PrismicTable.vue\"\nimport SliceZone from \"./SliceZone/SliceZone.vue\"\n\nimport PrismicEmbed from \"./PrismicEmbed.vue\"\nimport PrismicImage from \"./PrismicImage.vue\"\nimport PrismicLink from \"./PrismicLink.vue\"\nimport PrismicText from \"./PrismicText.vue\"\nimport { prismicKey } from \"./usePrismic\"\n\n/**\n * Creates a `@prismicio/vue` plugin instance that can be used by a Vue app.\n *\n * @param options - {@link PrismicPluginOptions}\n *\n * @returns `@prismicio/vue` plugin instance {@link PrismicPlugin}\n *\n * @see Prismic Official Vue.js documentation: {@link https://prismic.io/docs/technologies/vuejs}\n * @see Plugin repository: {@link https://github.com/prismicio/prismic-vue}\n */\nexport const createPrismic = (options: PrismicPluginOptions): PrismicPlugin => {\n\t// Create plugin client\n\tlet client: Client\n\tif (options.client) {\n\t\tclient = options.client\n\t} else {\n\t\tclient = createClient(options.endpoint, options.clientConfig)\n\t}\n\n\tconst prismicClient: PrismicPluginClient = {\n\t\tclient,\n\t\tfilter,\n\t\tcookie,\n\t}\n\n\t// Create plugin helpers\n\tconst prismicHelpers: PrismicPluginHelpers = {\n\t\tasText,\n\t\tasHTML: (richTextField, ...config) => {\n\t\t\tconst [configOrLinkResolver, maybeHTMLSerializer] = config\n\n\t\t\treturn asHTML(\n\t\t\t\trichTextField,\n\t\t\t\ttypeof configOrLinkResolver === \"function\" ||\n\t\t\t\t\tconfigOrLinkResolver == null\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tlinkResolver: configOrLinkResolver || options.linkResolver,\n\t\t\t\t\t\t\tserializer:\n\t\t\t\t\t\t\t\t(maybeHTMLSerializer as\n\t\t\t\t\t\t\t\t\t| HTMLRichTextFunctionSerializer\n\t\t\t\t\t\t\t\t\t| HTMLRichTextMapSerializer) || options.richTextSerializer,\n\t\t\t\t\t\t}\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tlinkResolver: options.linkResolver,\n\t\t\t\t\t\t\tserializer: options.richTextSerializer,\n\t\t\t\t\t\t\t...configOrLinkResolver,\n\t\t\t\t\t\t},\n\t\t\t)\n\t\t},\n\t\tasLink: (linkField, config) => {\n\t\t\treturn asLink(\n\t\t\t\tlinkField,\n\t\t\t\ttypeof config === \"function\"\n\t\t\t\t\t? { linkResolver: config }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\tlinkResolver: options.linkResolver,\n\t\t\t\t\t\t\t// TODO: For some reasons, TypeScript narrows the type to \"unknown\" where it's supposed to be a union\n\t\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\t\t\t\t...(config as any),\n\t\t\t\t\t\t},\n\t\t\t)\n\t\t},\n\t\tasLinkAttrs: (linkField, config) => {\n\t\t\treturn asLinkAttrs(linkField, {\n\t\t\t\t// TODO: We can't really retrieve the generic type here, this might cause some unexpected type error in some edge-case scenario\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\tlinkResolver: options.linkResolver as LinkResolverFunction<any>,\n\t\t\t\t...config,\n\t\t\t})\n\t\t},\n\t\tasDate,\n\t\tasImageSrc,\n\t\tasImageWidthSrcSet,\n\t\tasImagePixelDensitySrcSet,\n\t\tisFilled,\n\t\tdocumentToLinkField,\n\t}\n\n\t// Create plugin interface\n\tconst prismic: PrismicPlugin = {\n\t\toptions,\n\n\t\t...prismicClient,\n\t\t...prismicHelpers,\n\n\t\tinstall(app: App): void {\n\t\t\tapp.provide(prismicKey, this)\n\t\t\tapp.config.globalProperties.$prismic = this\n\n\t\t\tif (options.injectComponents !== false) {\n\t\t\t\tapp.component(PrismicLink.name!, PrismicLink)\n\t\t\t\tapp.component(PrismicEmbed.name!, PrismicEmbed)\n\t\t\t\tapp.component(PrismicImage.name!, PrismicImage)\n\t\t\t\tapp.component(PrismicTable.name!, PrismicTable)\n\t\t\t\tapp.component(PrismicText.name!, PrismicText)\n\t\t\t\tapp.component(PrismicRichText.name!, PrismicRichText)\n\t\t\t\tapp.component(SliceZone.name!, SliceZone)\n\t\t\t}\n\t\t},\n\t}\n\n\treturn prismic\n}\n\ndeclare module \"vue\" {\n\texport interface ComponentCustomProperties {\n\t\t/**\n\t\t * `@prismicio/vue` plugin interface exposed on `this`.\n\t\t *\n\t\t * @see `@prismicio/vue` plugin interface {@link PrismicPlugin}\n\t\t */\n\t\t$prismic: PrismicPlugin\n\t}\n}\n"],"names":["PrismicLink","PrismicEmbed","PrismicImage","PrismicTable","PrismicText","PrismicRichText","SliceZone"],"mappings":";;;;;;;;;AAkDa,MAAA,gBAAgB,CAAC,YAAgD;AAEzE,MAAA;AACJ,MAAI,QAAQ,QAAQ;AACnB,aAAS,QAAQ;AAAA,EAAA,OACX;AACN,aAAS,aAAa,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAAA;AAG7D,QAAM,gBAAqC;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA;AAID,QAAM,iBAAuC;AAAA,IAC5C;AAAA,IACA,QAAQ,CAAC,kBAAkB,WAAU;AAC9B,YAAA,CAAC,sBAAsB,mBAAmB,IAAI;AAEpD,aAAO,OACN,eACA,OAAO,yBAAyB,cAC/B,wBAAwB,OACtB;AAAA,QACA,cAAc,wBAAwB,QAAQ;AAAA,QAC9C,YACE,uBAEgC,QAAQ;AAAA,MAAA,IAE1C;AAAA,QACA,cAAc,QAAQ;AAAA,QACtB,YAAY,QAAQ;AAAA,QACpB,GAAG;AAAA,MAAA,CACH;AAAA,IAEL;AAAA,IACA,QAAQ,CAAC,WAAW,WAAU;AACtB,aAAA,OACN,WACA,OAAO,WAAW,aACf,EAAE,cAAc,WAChB;AAAA,QACA,cAAc,QAAQ;AAAA;AAAA;AAAA,QAGtB,GAAI;AAAA,MAAA,CACJ;AAAA,IAEL;AAAA,IACA,aAAa,CAAC,WAAW,WAAU;AAClC,aAAO,YAAY,WAAW;AAAA;AAAA;AAAA,QAG7B,cAAc,QAAQ;AAAA,QACtB,GAAG;AAAA,MAAA,CACH;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAID,QAAM,UAAyB;AAAA,IAC9B;AAAA,IAEA,GAAG;AAAA,IACH,GAAG;AAAA,IAEH,QAAQ,KAAQ;AACX,UAAA,QAAQ,YAAY,IAAI;AACxB,UAAA,OAAO,iBAAiB,WAAW;AAEnC,UAAA,QAAQ,qBAAqB,OAAO;AACnC,YAAA,UAAUA,UAAY,MAAOA,SAAW;AACxC,YAAA,UAAUC,YAAa,MAAOA,WAAY;AAC1C,YAAA,UAAUC,YAAa,MAAOA,WAAY;AAC1C,YAAA,UAAUC,YAAa,MAAOA,WAAY;AAC1C,YAAA,UAAUC,YAAY,MAAOA,WAAW;AACxC,YAAA,UAAUC,YAAgB,MAAOA,WAAe;AAChD,YAAA,UAAUC,YAAU,MAAOA,WAAS;AAAA,MAAA;AAAA,IACzC;AAAA;AAIK,SAAA;AACR;"}

package/dist/index.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const PrismicRichText_vue_vue_type_script_setup_true_lang = require("./PrismicRichText/PrismicRichText.vue.cjs");
+const PrismicTable_vue_vue_type_script_setup_true_lang = require("./PrismicTable/PrismicTable.vue.cjs");
 const SliceZone_vue_vue_type_script_setup_true_lang = require("./SliceZone/SliceZone.vue.cjs");
 const PrismicEmbed_vue_vue_type_script_setup_true_lang = require("./PrismicEmbed.vue.cjs");
 const PrismicImage_vue_vue_type_script_setup_true_lang = require("./PrismicImage.vue.cjs");
@@ -9,10 +10,12 @@ const PrismicText_vue_vue_type_script_setup_true_lang = require("./PrismicText.v
 const createPrismic = require("./createPrismic.cjs");
 const usePrismic = require("./usePrismic.cjs");
 const getRichTextComponentProps = require("./PrismicRichText/getRichTextComponentProps.cjs");
+const getTableComponentProps = require("./PrismicTable/getTableComponentProps.cjs");
 const TODOSliceComponent = require("./SliceZone/TODOSliceComponent.cjs");
 const defineSliceZoneComponents = require("./SliceZone/defineSliceZoneComponents.cjs");
 const getSliceComponentProps = require("./SliceZone/getSliceComponentProps.cjs");
 exports.PrismicRichText = PrismicRichText_vue_vue_type_script_setup_true_lang;
+exports.PrismicTable = PrismicTable_vue_vue_type_script_setup_true_lang;
 exports.SliceZone = SliceZone_vue_vue_type_script_setup_true_lang;
 exports.PrismicEmbed = PrismicEmbed_vue_vue_type_script_setup_true_lang;
 exports.PrismicImage = PrismicImage_vue_vue_type_script_setup_true_lang;
@@ -22,6 +25,7 @@ exports.createPrismic = createPrismic.createPrismic;
 exports.prismicKey = usePrismic.prismicKey;
 exports.usePrismic = usePrismic.usePrismic;
 exports.getRichTextComponentProps = getRichTextComponentProps.getRichTextComponentProps;
+exports.getTableComponentProps = getTableComponentProps;
 exports.TODOSliceComponent = TODOSliceComponent.TODOSliceComponent;
 exports.defineSliceZoneComponents = defineSliceZoneComponents.defineSliceZoneComponents;
 exports.getSliceComponentProps = getSliceComponentProps.getSliceComponentProps;

package/dist/index.cjs.map

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

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import PrismicRichText from "./PrismicRichText/PrismicRichText.vue";
+import PrismicTable from "./PrismicTable/PrismicTable.vue";
 import SliceZone from "./SliceZone/SliceZone.vue";
 import PrismicEmbed from "./PrismicEmbed.vue";
 import PrismicImage from "./PrismicImage.vue";
@@ -6,13 +7,15 @@ import PrismicLink from "./PrismicLink.vue";
 import PrismicText from "./PrismicText.vue";
 export type { SliceZoneProps } from "./SliceZone/SliceZone.vue";
 export type { PrismicRichTextProps } from "./PrismicRichText/PrismicRichText.vue";
+export type { PrismicTableProps } from "./PrismicTable/PrismicTable.vue";
 export type { PrismicEmbedProps } from "./PrismicEmbed.vue";
 export type { PrismicImageProps } from "./PrismicImage.vue";
 export type { PrismicLinkProps } from "./PrismicLink.vue";
 export type { PrismicTextProps } from "./PrismicText.vue";
-export { SliceZone, PrismicEmbed, PrismicImage, PrismicLink, PrismicText, PrismicRichText, };
+export { SliceZone, PrismicEmbed, PrismicImage, PrismicLink, PrismicTable, PrismicText, PrismicRichText, };
 export { getRichTextComponentProps } from "./PrismicRichText";
 export type { VueRichTextSerializer, RichTextComponentProps, } from "./PrismicRichText";
+export { getTableComponentProps } from "./PrismicTable";
 export { TODOSliceComponent, defineSliceZoneComponents, getSliceComponentProps, } from "./SliceZone";
 export type { SliceComponentProps, SliceComponentType, SliceLike, SliceLikeGraphQL, SliceLikeRestV2, SliceZoneComponents, SliceZoneLike, } from "./SliceZone";
 export type { PrismicPluginOptions, PrismicPlugin } from "./types";

package/dist/index.js

@@ -1,27 +1,31 @@
 import { default as default2 } from "./PrismicRichText/PrismicRichText.vue.js";
-import { default as default3 } from "./SliceZone/SliceZone.vue.js";
-import { default as default4 } from "./PrismicEmbed.vue.js";
-import { default as default5 } from "./PrismicImage.vue.js";
-import { default as default6 } from "./PrismicLink.vue.js";
-import { default as default7 } from "./PrismicText.vue.js";
+import { default as default3 } from "./PrismicTable/PrismicTable.vue.js";
+import { default as default4 } from "./SliceZone/SliceZone.vue.js";
+import { default as default5 } from "./PrismicEmbed.vue.js";
+import { default as default6 } from "./PrismicImage.vue.js";
+import { default as default7 } from "./PrismicLink.vue.js";
+import { default as default8 } from "./PrismicText.vue.js";
 import { createPrismic } from "./createPrismic.js";
 import { prismicKey, usePrismic } from "./usePrismic.js";
 import { getRichTextComponentProps } from "./PrismicRichText/getRichTextComponentProps.js";
+import * as getTableComponentProps from "./PrismicTable/getTableComponentProps.js";
 import { TODOSliceComponent } from "./SliceZone/TODOSliceComponent.js";
 import { defineSliceZoneComponents } from "./SliceZone/defineSliceZoneComponents.js";
 import { getSliceComponentProps } from "./SliceZone/getSliceComponentProps.js";
 export {
-  default4 as PrismicEmbed,
-  default5 as PrismicImage,
-  default6 as PrismicLink,
+  default5 as PrismicEmbed,
+  default6 as PrismicImage,
+  default7 as PrismicLink,
   default2 as PrismicRichText,
-  default7 as PrismicText,
-  default3 as SliceZone,
+  default3 as PrismicTable,
+  default8 as PrismicText,
+  default4 as SliceZone,
   TODOSliceComponent,
   createPrismic,
   defineSliceZoneComponents,
   getRichTextComponentProps,
   getSliceComponentProps,
+  getTableComponentProps,
   prismicKey,
   usePrismic
 };

package/dist/index.js.map

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

package/dist/package.json.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "5.0.3";
+const version = "5.1.1";
 exports.version = version;
 //# sourceMappingURL=package.json.cjs.map

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const version = "5.0.3";
+const version = "5.1.1";
 export {
   version
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/vue",
-	"version": "5.0.3",
+	"version": "5.1.1",
 	"description": "Vue plugin, components, and composables to fetch and present Prismic content",
 	"keywords": [
 		"typescript",
@@ -57,13 +57,13 @@
 		"test": "npm run lint && npm run types && npm run unit && npm run build && npm run size"
 	},
 	"dependencies": {
-		"@prismicio/client": "^7.15.1",
+		"@prismicio/client": "^7.16.1",
 		"esm-env": "^1.2.2",
 		"vue-router": "^4.5.0"
 	},
 	"devDependencies": {
 		"@eslint/js": "^9.18.0",
-		"@prismicio/mock": "^0.6.0",
+		"@prismicio/mock": "^0.7.1",
 		"@size-limit/preset-small-lib": "^11.1.6",
 		"@trivago/prettier-plugin-sort-imports": "^5.2.1",
 		"@types/jsdom-global": "^3.0.7",

package/src/PrismicRichText/DeprecatedPrismicRichText.vue

@@ -106,14 +106,15 @@ const removeListeners = () => {
 	links = []
 }
 
-watch(
-	html,
-	() => {
-		removeListeners()
-		nextTick(addListeners)
-	},
-	{ immediate: true },
-)
+onMounted(() => {
+	removeListeners()
+	nextTick(addListeners)
+})
+
+watch(html, () => {
+	removeListeners()
+	nextTick(addListeners)
+})
 
 onBeforeUnmount(() => {
 	removeListeners()

package/src/PrismicTable/PrismicTable.vue

@@ -0,0 +1,80 @@
+<script lang="ts" setup>
+import { type TableField, isFilled } from "@prismicio/client"
+import { computed } from "vue"
+
+import type { ComponentOrTagName } from "../types"
+import type { VueTableComponents } from "./types"
+
+import type { VueRichTextSerializer } from "../PrismicRichText"
+
+import { defaultTableComponents } from "./PrismicTableDefaultComponents"
+import PrismicTableRow from "./PrismicTableRow.vue"
+
+/**
+ * Props for `<PrismicTable />`.
+ */
+export type PrismicTableProps = {
+	/**
+	 * The Prismic table field to render.
+	 */
+	field: TableField | undefined
+
+	/**
+	 * The value to be rendered when the field is empty. If a fallback is not
+	 * given, `null` (nothing) will be rendered.
+	 */
+	fallback?: ComponentOrTagName
+
+	/**
+	 * An object that maps a table block type to a Vue component.
+	 *
+	 * @example
+	 *
+	 * ```javascript
+	 * {
+	 *   table: Table,
+	 * }
+	 * ```
+	 */
+	components?: VueTableComponents & VueRichTextSerializer
+}
+
+const props = defineProps<PrismicTableProps>()
+defineOptions({ name: "PrismicTable" })
+
+const mergedComponents = computed(() => ({
+	...defaultTableComponents,
+	...props.components,
+}))
+</script>
+
+<template>
+	<component
+		v-if="isFilled.table(field)"
+		:is="mergedComponents.table"
+		:table="field"
+		v-bind="$attrs"
+	>
+		<component
+			v-if="field.head"
+			:is="mergedComponents.thead"
+			:head="field.head"
+		>
+			<PrismicTableRow
+				v-for="row in field.head.rows"
+				:key="JSON.stringify(row)"
+				:row="row"
+				:components="mergedComponents"
+			/>
+		</component>
+		<component :is="mergedComponents.tbody" :body="field.body">
+			<PrismicTableRow
+				v-for="row in field.body.rows"
+				:key="JSON.stringify(row)"
+				:row="row"
+				:components="mergedComponents"
+			/>
+		</component>
+	</component>
+	<component v-else :is="fallback" />
+</template>

package/src/PrismicTable/PrismicTableDefaultComponents.ts

@@ -0,0 +1,44 @@
+import { defineComponent, h } from "vue"
+
+import type { VueTableComponents } from "./types"
+
+import * as getTableComponentProps from "./getTableComponentProps"
+
+export const defaultTableComponents: Required<VueTableComponents> = {
+	table: defineComponent({
+		props: getTableComponentProps.table(),
+		setup(props, { slots }) {
+			return () => h("table", slots.default ? slots.default() : [])
+		},
+	}),
+	thead: defineComponent({
+		props: getTableComponentProps.thead(),
+		setup(props, { slots }) {
+			return () => h("thead", slots.default ? slots.default() : [])
+		},
+	}),
+	tbody: defineComponent({
+		props: getTableComponentProps.tbody(),
+		setup(props, { slots }) {
+			return () => h("tbody", slots.default ? slots.default() : [])
+		},
+	}),
+	tr: defineComponent({
+		props: getTableComponentProps.tr(),
+		setup(props, { slots }) {
+			return () => h("tr", slots.default ? slots.default() : [])
+		},
+	}),
+	th: defineComponent({
+		props: getTableComponentProps.th(),
+		setup(props, { slots }) {
+			return () => h("th", slots.default ? slots.default() : [])
+		},
+	}),
+	td: defineComponent({
+		props: getTableComponentProps.td(),
+		setup(props, { slots }) {
+			return () => h("td", slots.default ? slots.default() : [])
+		},
+	}),
+}