Customize UI

Change UI Locale

// ---cut-start---
import { defineNuxtConfig } from 'nuxt/config'
// ---cut-end---
// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['nuxt-monaco-editor'],
  monacoEditor: { locale: 'ja' }
})

Will show (almost) all UI text in Japanese.

Available locales are listed here.

Change UI Theme

<template>
  <MonacoEditor :options="{ theme: 'vs-dark' }" />
</template>

Will show UI in dark mode.

Configuration
<MonacoEditor>
As if it were an <input> or <textarea>, you can easily use <MonacoEditor> component to show the editor.