#8 - Added monaco editor support

Author: estruyf

changelog.md

@@ -3,6 +3,7 @@
 ## [0.0.22] - 2024-11-08
 
 - Added support for the `about-me` slide to position the image
+- Updated theme name to support Monaco Editor
 
 ## [0.0.21] - 2024-09-28
 

example.md

@@ -215,6 +215,33 @@ function updateUser(id: number, update: Partial<User>) {
 }
 ```
 
+--- 
+
+# Monaco Editor
+
+```ts {monaco}
+interface User {
+  id: number
+  firstName: string
+  lastName: string
+  role: string
+}
+
+function updateUser(id: number, update: Partial<User>) {
+  const user = getUser(id)
+  const newUser = { ...user, ...update }
+  saveUser(id, newUser)
+}
+```
+
+--- 
+
+# Monaco Editor
+
+```ts {monaco-run} {autorun:false}
+console.log('Click the play button to run me')
+```
+
 ---
 layout: center
 class: "text-center"

public/theme/theunnamed-dark-theme.json

@@ -1,6 +1,6 @@
 {
   "$schema": "vscode://schemas/color-theme",
-  "name": "The unnamed",
+  "name": "the-unnamed",
   "type": "dark",
   "colors": {
     "foreground": "#F3EFF5",
@@ -156,8 +156,7 @@
     "terminal.ansiBrightCyan": "#15c2cb",
     "terminal.ansiBrightWhite": "#f3eff5"
   },
-  "tokenColors": [
-    {
+  "tokenColors": [{
       "scope": [
         "meta.paragraph.markdown",
         "string.other.link.description.title.markdown"