Using custom language

[ianteohsc]

How do I register a custom language and activate it ?

[imguolao]

You can get a monaco editor instance through the onBeforeMount event.

<template>
  <vue-monaco-editor @beforeMount ="handleBeforeMount" />
</template>

<script lang="ts" setup>
import { shallowRef } from 'vue'

const monacoRef = shallowRef()
const handleBeforeMount = monaco => (monacoRef.value = monaco)
</script>

And then, refer to the monaco editor documentation to set up custom languagea and prompts.

You can refer the code in this link.