@livecms/nuxt-live-edit

Live content edit. Nuxt3 ready

📖 Release Notes

Setup

1. Add @livecms/nuxt-live-edit dependency to your project

yarn add @livecms/nuxt-live-edit # or npm install @livecms/nuxt-live-edit

2. Add @livecms/nuxt-live-edit to the modules section of nuxt.config.js

{
  modules: [
    '@livecms/nuxt-live-edit',
  ],

  liveEdit: {
    api: process.env.LIVE_EDIT_API, // https://example.livecms.cz/api or custom API
    assets: process.env.LIVE_EDIT_ASSETS, // S3 storage - https://s3.eu-central-1..
    imagekit: process.env.LIVE_EDIT_IMAGEKIT, // Imagekit url - https://ik.imagekit.io/something
  },
}

1. Add <live-edit /> to app.vue

2. Fetch texts in app.vue setup

<script setup>
await useLiveEdit().fetchTexts();
</script>

Development

1. Clone this repository
2. Install dependencies using yarn install or npm install
3. Start development playground using yarn dev

License

MIT License

Copyright (c) David Veselý [e-mail]