Customize UI

Change UI Locale

// 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.

In development mode, translations may not be applied due to Vite's optimization process. To enable translation during development, set optimizeMonacoDeps to false in the module configuration.

Change UI Theme

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

Will show UI in dark mode.

Configuration

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

On This Page

Change UI Locale
Change UI Theme

Star on GitHub Create Issues