Vue Adapter

# Using npm
npm install @lilac-wysiwyg/vue

# Using pnpm
pnpm add @lilac-wysiwyg/vue

# Using yarn
yarn add @lilac-wysiwyg/vue

// main.ts
import { createApp } from 'vue';
import { LilacEditorPlugin } from '@lilac-wysiwyg/vue';
import App from './App.vue';

const app = createApp(App);
app.use(LilacEditorPlugin);
app.mount('#app');

// App.vue
<template>
  <LilacEditor
    v-model="content"
    :toolbar="{ show: true }"
    placeholder="Start writing..."
    @change="handleChange"
  />
</template>

<script setup>
  import { ref } from 'vue';
  import { LilacEditor } from '@lilac-wysiwyg/vue';

  const content = ref('<p>Hello Vue!</p>')

  function handleChange(newContent) {
    console.log('Content updated:', newContent)
  }
</script>