Skip to content

Nuxt ​

Client-only editor — Meta SSR. UI: Vue 3 via @codemerge/integrate/nuxt (re-exports /vue + clientOnlyHint()).

vue
<script setup lang="ts">
import { ref } from 'vue';
import { CodeMergeEditor } from '@codemerge/integrate/nuxt';

const html = ref('<p></p>');

function onChange(value: string) {
  html.value = value;
}
</script>

<template>
  <ClientOnly>
    <CodeMergeEditor :value="html" format="html" @change="onChange" />
  </ClientOnly>
</template>

Packs / upload: Host config. Load/save: Persistence.

Released under the MIT License.