introduce solid.js

src/index.scss

@@ -1,8 +0,0 @@
-body {
-  font-family:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
-    sans-serif;
-  margin: auto;
-  max-width: 38rem;
-  padding: 2rem;
-}

src/renderer.ts

@@ -26,7 +26,7 @@
  * ```
  */
 
-import './index.scss';
+import { startApp } from './ui';
 import { Versions } from './versions';
 
 declare const versions: Versions; // preload
@@ -44,3 +44,4 @@ func().then(x => {
   console.log("is this working? ", x);
 });
 
+startApp();

src/ui/index.scss

@@ -0,0 +1,3 @@
+@use "@picocss/pico/scss/pico";
+
+// Custom styling goes here

src/ui/index.tsx

@@ -0,0 +1,15 @@
+import { render } from 'solid-js/web';
+import './index.scss';
+import App from './SolidHi';
+
+export function startApp() {
+  const root = document.getElementById('app');
+
+  if (root && !(root instanceof HTMLDivElement)) {
+    throw new Error('Root element not found');
+  }
+
+  render(() => (
+    <App />
+  ), root!);
+}