設定

export interface ModuleOptions
 {
  locale
?: MonacoEditorLocale
,
  optimizeMonacoDeps
?: boolean,
  removeSourceMaps
?: boolean,
  componentName
?: {
    codeEditor
?: string,
    diffEditor
?: string
  }
}

const getDefaults
 = (nuxt
: Nuxt
): Required
<ModuleOptions
> => {
  return {
    locale
: 'en',
    optimizeMonacoDeps
: true,
    removeSourceMaps
: !nuxt
.options
.dev
,
    componentName
: {
      codeEditor
: 'MonacoEditor',
      diffEditor
: 'MonacoDiffEditor'
    }
  }
}

locale

UIの言語を設定します。
使用可能な言語は cs, de, es, fr, it, ja, ko, pl, pt-br, qps-ploc, ru, tr, zh-hans, zh-hant, en です。

optimizeMonacoDeps

開発モードでのMonaco Editorの依存関係をvite.optimizeDepsにより最適化します。
このオプションはデフォルトで有効です。このオプションは開発モードにのみ影響します。

Monaco Editorを開発モードでも翻訳する場合、このオプションはfalseに設定する必要があります。

removeSourceMaps

monaco-editorのソースマップの読み込みを防ぎます。
ソースマップは通常自動的に削除されます。
Cannot find source fileのようなエラーが発生した場合は、このオプションをtrueに設定してください。

componentName

コンポーネント名を変更します。\

codeEditor は <MonacoEditor>に、 diffEditor は <MonacoDiffEditor> に対応しています。

はじめる

UIのカスタマイズ

Star on GitHub Create Issues