CodeMirror Static properties
Sometimes we need to use some of the static properties provided by the CodeMirror object itself, such as printing the default properties of CodeMirror. All properties can be found in the official documentation
vue
<template>
<Codemirror v-model:value="code" :options="cmOptions" border> </Codemirror>
</template>
<script lang="ts" setup>
import { ref } from "vue";
import "codemirror/mode/javascript/javascript.js";
import Codemirror, { CodeMirror } from "codemirror-editor-vue3";
// or
import _CodeMirror from "codemirror";
import type { Editor, EditorConfiguration } from "codemirror";
const code = ref(
`const name = "peter"
console.log(name);`
);
const cmOptions: EditorConfiguration = {
mode: "text/javascript",
};
console.log(CodeMirror.defaults);
console.log(_CodeMirror.defaults);
</script>