alephjs
diff --git a/‎examples/feature-apps/monaco-editor/App.tsx
Lines changed: 0 additions & 21 deletions b/‎examples/feature-apps/monaco-editor/App.tsx
Lines changed: 0 additions & 21 deletions
diff --git a/‎examples/feature-apps/monaco-editor/editor.ts
Lines changed: 1 addition & 0 deletions b/‎examples/feature-apps/monaco-editor/editor.ts
Lines changed: 1 addition & 0 deletions
diff --git a/‎examples/feature-apps/monaco-editor/index.html
Lines changed: 4 additions & 3 deletions b/‎examples/feature-apps/monaco-editor/index.html
Lines changed: 4 additions & 3 deletions
diff --git a/‎examples/feature-apps/monaco-editor/main.ts
Lines changed: 8 additions & 0 deletions b/‎examples/feature-apps/monaco-editor/main.ts
Lines changed: 8 additions & 0 deletions
diff --git a/‎examples/feature-apps/monaco-editor/main.tsx
Lines changed: 0 additions & 5 deletions b/‎examples/feature-apps/monaco-editor/main.tsx
Lines changed: 0 additions & 5 deletions
diff --git a/‎examples/feature-apps/monaco-editor/server.tsx renamed to ‎examples/feature-apps/monaco-editor/server.ts b/‎examples/feature-apps/monaco-editor/server.tsx renamed to ‎examples/feature-apps/monaco-editor/server.ts
@@ -32,6 +32,7 @@ export function createEditor(container: HTMLElement, readOnly?: boolean) {
     contextmenu: true,
     fontSize: 14,
     lineHeight: 18,
+    lineNumbersMinChars: 2,
     minimap: { enabled: false },
     scrollBeyondLastLine: false,
     smoothScrolling: true,
 
@@ -25,7 +25,6 @@
       width: 100vw;
       height: 100vh;
       padding: 50px;
-      border: 1px solid #eee;
     }
     #root .editor {
       width: 100%;
@@ -35,8 +34,10 @@
 </head>
 
 <body>
-  <div id="root" data-ssr-root></div>
-  <script type="module" src="./main.tsx"></script>
+  <div id="root">
+    <div class="editor"><span style="color:darkgray;">loading...</span></div>
+  </div>
+  <script type="module" src="./main.ts"></script>
 </body>
 
 </html>
@@ -0,0 +1,8 @@
+import { createEditor, createModel } from "./editor.ts";
+
+const el = document.querySelector(".editor");
+const editor = createEditor(el as HTMLElement);
+const model = createModel("mod.ts", `// Monaco Editor x Aleph.js (SPA mode) \n\nconsole.log("Hello, world!");\n`);
+
+el!.innerHTML = "";
+editor.setModel(model);