The PrismicRichText isn't displaying anything though. Even though the blog.body does have content underneath. When inspecting the element in Vue Tools, I do see that the element does have the correct field:
field:Array[3]
0:Reactive
1:Reactive
2:Reactive
The title is being display just fine. What is going wrong here?
Hi Jake,
Correct, the array has 3 objects, it does not work on other pages. Also added a custom htmlSerializer does not work. When adding the variable like you mentioned, i get:
runtime-core.esm-bundler.js:557 TypeError: Cannot read properties of undefined (reading 'length')
at textNodeSpansToTreeNodeChildren (asTree.ts:124:13)
at nodeToTreeNode (asTree.ts:103:4)
at asTree (asTree.ts:33:17)
at serialize (serialize.ts:23:3)
at asHTML (asHTML.ts:147:10)
at ReactiveEffect.fn (PrismicRichText.ts:124:10)
at ReactiveEffect.run (reactivity.esm-bundler.js:187:25)
at get value [as value] (reactivity.esm-bundler.js:1150:39)
at ReactiveEffect.getter [as fn] (runtime-core.esm-bundler.js:1693:31)
at ReactiveEffect.run (reactivity.esm-bundler.js:187:25)
This error does not occur when accessing the blog body.
You're trying to pass 3 slices to the Prismic RichText component, this won't work and you'll need to use the awesome Slicezone tool/component.
I've imported the Slicezone for you below. Please be aware there are no slices in your project so you'll need to create these. I've also set the textContent to work in the RichText component for a working example.