mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-04 21:37:11 -04:00
27 lines
596 B
Vue
27 lines
596 B
Vue
<script setup lang="ts">
|
|
import type { Themes } from 'md-editor-v3';
|
|
import { MdEditor } from 'md-editor-v3';
|
|
|
|
import 'md-editor-v3/lib/style.css';
|
|
import { useStyleStore } from '@/stores/style.store';
|
|
|
|
const theme = ref<Themes>('light');
|
|
const styleStore = useStyleStore();
|
|
watch(
|
|
() => styleStore.isDarkTheme,
|
|
isDarkTheme => theme.value = isDarkTheme ? 'dark' : 'light',
|
|
{ immediate: true },
|
|
);
|
|
|
|
const markdown = ref('Sample _formatted_ *text*');
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<MdEditor
|
|
v-model="markdown"
|
|
:theme="theme"
|
|
language="en-US"
|
|
/>
|
|
</div>
|
|
</template>
|