mirror of
https://github.com/CorentinTh/it-tools.git
synced 2026-03-27 16:00:45 +00:00
a2b9b157e5
* chore(deps): update dependency prettier to v3 * chore(deps): updated prettier --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Corentin Thomasset <corentin.thomasset74@gmail.com>
17 lines
613 B
Vue
17 lines
613 B
Vue
<script setup lang="ts">
|
|
import { format } from 'prettier';
|
|
import htmlParser from 'prettier/plugins/html';
|
|
import { useStorage } from '@vueuse/core';
|
|
import Editor from './editor/editor.vue';
|
|
import TextareaCopyable from '@/components/TextareaCopyable.vue';
|
|
|
|
const html = useStorage('html-wysiwyg-editor--html', '<h1>Hey!</h1><p>Welcome to this html wysiwyg editor</p>');
|
|
|
|
const formattedHtml = asyncComputed(() => format(html.value, { parser: 'html', plugins: [htmlParser] }), '');
|
|
</script>
|
|
|
|
<template>
|
|
<Editor v-model:html="html" />
|
|
<TextareaCopyable :value="formattedHtml" language="html" />
|
|
</template>
|