sveltekit-monaco-editor

Simple and quick demo about how to use Monaco Editor in SvelteKit.

Why?

Why not? I am boring looking all sample Monaco Editor in React. I want to see how it works in SvelteKit.

How to use?

Clone this repo and run npm install to install all dependencies including Monaco Editor.

Then run npm run dev to start the dev server.

Use case

• Use Monaco Editor in SvelteKit.
• As educational material for SvelteKit.
• Good as starter template, since several batteries included (Tailwind CSS etc).

Demo

https://sveltekit-monaco-editor.vercel.app

References

• https://dev.to/lawrencecchen/monaco-editor-svelte-kit-572
• https://www.codelantis.com/blog/sveltekit-monaco-editor
• https://github.com/microsoft/monaco-editor/blob/main/samples/browser-esm-vite-react/src/main.tsx (I like this)
• and many others

License

MIT

Maintained by Sony Arianto Kurniawan <sony@sony-ak.com> and contributors.