add xterm

package.json

@@ -16,6 +16,7 @@
   "type": "module",
   "dependencies": {
     "@sveltejs/adapter-static": "^1.0.0-next.26",
-    "luxon": "^2.3.1"
+    "luxon": "^2.3.1",
+    "xterm": "^4.18.0"
   }
 }

pnpm-lock.yaml

@@ -7,10 +7,12 @@ specifiers:
   luxon: ^2.3.1
   mdsvex: ^0.10.5
   svelte: ^3.44.0
+  xterm: ^4.18.0
 
 dependencies:
   '@sveltejs/adapter-static': 1.0.0-next.26
   luxon: 2.3.1
+  xterm: 4.18.0
 
 devDependencies:
   '@sveltejs/adapter-auto': 1.0.0-next.30
@@ -533,3 +535,7 @@ packages:
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
+
+  /xterm/4.18.0:
+    resolution: {integrity: sha512-JQoc1S0dti6SQfI0bK1AZvGnAxH4MVw45ZPFSO6FHTInAiau3Ix77fSxNx3mX4eh9OL4AYa8+4C8f5UvnSfppQ==}
+    dev: false

src/lib/components/xterm.svelte

@@ -0,0 +1,15 @@
+<script>
+    import { Terminal } from 'xterm';
+    import "xterm/css/xterm.css";
+
+    const term = new Terminal();
+    var div;
+    export var terminal;
+
+    onMount(() => {
+        term.open(div);
+        terminal = term;
+    });
+</script>
+
+<div bind:this={div}></div>