keystone6-documentreader-vue

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

Usage no npm install needed!

<script type="module">
  import keystone6DocumentreaderVue from 'https://cdn.skypack.dev/keystone6-documentreader-vue';
</script>

README

keystone6-documentreader-vue

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

Usage

Install the npm package:

npm install keystone6-documentreader-vue

Then in your Vue component/page:

import DocumentReader from "~/components/KeystoneDocument/Document";

export default {
    components: {
        DocumentReader,
    },
};

Then use the component in your Vue template:

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

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

All elements are unstyled, it is up to you to apply CSS.

Development

Bundle with Bili:

npx bili --bundle-node-modules