Codepen.io clone using Vue 3 and Monaco Editor

by Vue.js Examples

2021-09-15

Code Playground

I attempt to clone codepen.io using Vue 3 and Monaco editor.

View Demo View Github

Installing

Install dependencies
```
npm install
```
Fire up the server and watch files
```
npm run dev
```

Built with

Recommended IDE Setup

VSCode + Vetur. Make sure to enable vetur.experimental.templateInterpolationService in settings!

If Using `<script setup>`

To get proper IDE support for the syntax, use Volar instead of Vetur (and disable Vetur).

Inspiration