@prismicio/vue 5.0.2 → 5.1.0

package/src/PrismicTable/types.ts

@@ -0,0 +1,34 @@
+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>

package/src/createPrismic.ts

@@ -29,6 +29,7 @@ import type {
 } from "./types"
 
 import PrismicRichText from "./PrismicRichText/PrismicRichText.vue"
+import PrismicTable from "./PrismicTable/PrismicTable.vue"
 import SliceZone from "./SliceZone/SliceZone.vue"
 
 import PrismicEmbed from "./PrismicEmbed.vue"
@@ -130,6 +131,7 @@ export const createPrismic = (options: PrismicPluginOptions): PrismicPlugin => {
 				app.component(PrismicLink.name!, PrismicLink)
 				app.component(PrismicEmbed.name!, PrismicEmbed)
 				app.component(PrismicImage.name!, PrismicImage)
+				app.component(PrismicTable.name!, PrismicTable)
 				app.component(PrismicText.name!, PrismicText)
 				app.component(PrismicRichText.name!, PrismicRichText)
 				app.component(SliceZone.name!, SliceZone)

package/src/index.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"
@@ -8,6 +9,7 @@ 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"
@@ -19,6 +21,7 @@ export {
 	PrismicEmbed,
 	PrismicImage,
 	PrismicLink,
+	PrismicTable,
 	PrismicText,
 	PrismicRichText,
 }
@@ -29,6 +32,8 @@ export type {
 	RichTextComponentProps,
 } from "./PrismicRichText"
 
+export { getTableComponentProps } from "./PrismicTable"
+
 export {
 	TODOSliceComponent,
 	defineSliceZoneComponents,