This is a Vue version of the DocumentReader component for Keystone 6. The version supplied by Keystone is React only so I wrote this version that uses Vue (2, but should work in 3).


Install the npm package:

npm install keystone6-documentreader-vue

Then in your Vue component/page:

import KeystoneDocument from "keystone6-documentreader-vue";

export default {
	components: {

Then use the component in your Vue template:

<KeystoneDocument :document="$page.content.document" />

Where document is a Keystone 6 document object from your GraphQL query.