UIのカスタマイズ

言語の変更

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

このように設定すると、UIが日本語で表示されます。

使用可能な言語はこちらに記載しています。

Viteの仕様により、開発モードでは翻訳が適用されない場合があります。開発サーバーを実行している場合に翻訳を有効にするにはモジュールの設定でoptimizeMonacoDepsをfalseに設定してください。

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

このように設定すると、UIがダークモードで表示されます。

On This Page