litingyes / vue-monaco-editor

monaco-editor with vue3

Vue Monaco Editor

monaco-editor with vue3

Install

pnpm add @liting-yes/vue-monaco-editor

Usage

import '@liting-yes/vue-monaco-editor/style.css'

MonacoEditor

import MonacoEditor from '@liting-yes/vue-monaco-editor'

or

import { MonacoEditor } from '@liting-yes/vue-monaco-editor'

Props

interface Props {
  language?: string;
  readOnly?: boolean;
  value?: string;
  options?: monaco.editor.IStandaloneEditorConstructionOptions;
}

MonacoDiffEditor

import { MonacoDiffEditor } from '@liting-yes/vue-monaco-editor'

Props

interface Props {
  language?: string;
  theme?: string;
  values?: string[]; // [original text, modified text]
  readOnly?: boolean;
  options?: monaco.editor.IStandaloneDiffEditorConstructionOptions;
}

LICENSE

MIT