Prismic DOM 3.0.0-alpha

🤔 Something feels wrong with the DOM kit? Let us know in the ongoing Vue 3 Kit RFC!

The DOM kit takes care of injecting helper methods inside your Vue.js application. It's built on top of the Prismic DOM package.

Configuration

No configuration is available so far for the DOM kit. It inherits directly from top-level options provided to the plugin.

interface DOMOptions {}

interface PrismicPluginOptions {
    /* ... */
    dom?: DOMOptions;
}
const prismic = createPrismic({
    /* ... */
    dom: {},
});
const prismic = createPrismic({
    /* ... */
    dom: false,
});

Methods

asText

The asText method allows you to serialize a rich text field into a plain text string:

this.$prismic.asText(doc.richtext);
ArgumentsTypeRequiredDefaultDescription
richTextRichTextFieldYesRich text field to serialize
joinStringstringNo" " (single space)String used to join serialized paragraphs

asHtml

The asHtml method allows you to serialize a rich text field into an HTML string:

this.$prismic.asHtml(doc.richtext);
this.$prismic.asHtml(doc.richtext, anotherLinkResolver, anotherHtmlSerializer);
ArgumentsTypeRequiredDefaultDescription
richTextRichTextFieldYesRich text field to serialize
linkResolverLinkResolverNoThe link resolver provided to @prismicio/vue or its default oneLink resolver to use when resolving links inside the provided field
htmlSerializerHtmlSerializer<string>NoThe HTML serializer provided to @prismicio/vue or its default oneHTML serializer to use when serializing the provided field

The asLink method allows you to resolve a link field into an href value:

this.$prismic.asLink(doc.link);
this.$prismic.asLink(doc.link, anotherLinkResolver);
ArgumentsTypeRequiredDefaultDescription
linkLinkFieldYesLink field to resolve
linkResolverLinkResolverNoThe link resolver provided to @prismicio/vue or its default oneLink resolver to use when resolving the provided link field

asDate

The asDate method allows you to parse a date field into a Date object:

this.$prismic.asDate(doc.date);
ArgumentsTypeRequiredDefaultDescription
dateDateFieldYesDate field to parse
Edit this page on GitHub Updated at Thu, Aug 12, 2021