👋 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
  • Calvin Klein

    Calvin Klein CK One

    $49.99

  • Chanel

    Chanel Coco Noir Eau De

    $129.99

  • Dior

    Dior J'adore

    $89.99

  • Dolce & Gabbana

    Dolce Shine Eau de

    $69.99

Integration Examples

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

Go to Docs