👋 Welcome to Nuxt Editable!

Get started

  1. Open up editable.config.ts and define your collection schemas.
  2. In app.vue, replace the $fetch calls with your own server routes to fetch and update content.
  3. Add the v-editable attribute wherever you render your content to make it live previewable.
  4. That's it! You're ready to go!

🕹ī¸ Try the editor

There's a simple Products collection setup for you to play around with. Try enabling the edit mode and hover over the posts below!

Enable Editor

Integration Examples

Check out these examples to get up and running in no time:

Go to Docs