@livecms/nuxt-live-edit
v1.10.0
Published
Live content edit
Downloads
178
Readme
@livecms/nuxt-live-edit
Live content edit. Nuxt 4 ready
Setup
- Add
@livecms/nuxt-live-editdependency to your project
yarn add @livecms/nuxt-live-edit # or npm install @livecms/nuxt-live-edit- Add
@livecms/nuxt-live-editto themodulessection ofnuxt.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
},
}Add
<live-edit />toapp.vueFetch texts in
app.vuesetup
<script setup>
await useLiveEdit().fetchTexts();
</script>Compatibility
- Nuxt 3.12.0+
- Nuxt 4.0.0+
Development
- Clone this repository
- Install dependencies using
yarn installornpm install - Start development playground using
yarn dev
License
Copyright (c) David Veselý [email protected]
