npmnpm install -D monaco-editor nuxt-monaco-editor
yarnyarn add -D monaco-editor nuxt-monaco-editor
pnpmpnpm add -D monaco-editor nuxt-monaco-editor
monaco-editor
のインストールを忘れないよう注意してください。
- モジュールをNuxtの設定に追加
export default defineNuxtConfig({
modules: [
'nuxt-monaco-editor'
]
})
- コンポーネントを読み込む
<template>
<MonacoEditor lang="typescript" />
</template>