feat: finish all but state handling of live demo

Author: favna

.eslintrc.js

@@ -18,7 +18,6 @@ module.exports = {
   rules: {
     'no-console': process.env.NODE_ENV !== 'production' ? 0 : 2,
     'no-useless-escape': 0,
-    'no-empty': 0,
-    indent: ['error', 2]
+    'no-empty': 0
   }
 }

.prettierrc.js

@@ -11,5 +11,4 @@ module.exports = {
       }
     }
   ]
-  // htmlWhitespaceSensitivity: false
 }

docs/.vuepress/client.ts

@@ -1,7 +1,28 @@
 import { defineClientConfig } from '@vuepress/client'
 
+// @ts-expect-error monaco editor doesn't have types for the workers
+import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'
+// @ts-expect-error monaco editor doesn't have types for the workers
+import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'
+// @ts-expect-error monaco editor doesn't have types for the workers
+import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'
+
 export default defineClientConfig({
   enhance({ router }) {
+    self.MonacoEnvironment = {
+      getWorker(_, label) {
+        switch (label) {
+          case 'json':
+            return new jsonWorker()
+          case 'typescript':
+          case 'javascript':
+            return new tsWorker()
+          default:
+            return editorWorker()
+        }
+      }
+    }
+
     router.addRoute('/', {
       path: '/ads.txt',
       redirect: '',
@@ -19,3 +40,9 @@ export default defineClientConfig({
     })
   }
 })
+
+declare global {
+  interface Window {
+    MonacoEnvironment?: import('monaco-editor').Environment | undefined
+  }
+}