Getting started

Install

npx nuxi@latest module add nuxt-monaco-editor

Don't forget to install monaco-editor by using your package manager like npm or yarn.

Setup

  1. Add this module to the Nuxt config
export default 
defineNuxtConfig
({
modules
: [
'nuxt-monaco-editor' ] })
  1. Use the component in your pages or components
<template>
  <MonacoEditor lang="typescript" :style="{ width: '100%', height: '100%' }"/>
</template>