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).

IMPORTANT: I am experiencing issues compiling this package due to Vue/JSX issues. If anyone can assist with this please see this issue. In the meantime you can download the entire source code to your project and import directly: import KeystoneDocument from 'keystone6-documentreader-vue/src'


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.


View Github