refactor: used bootstrap method from ladder

package.json

@@ -4,8 +4,8 @@
   "description": "Drum beat visualiser and editor",
   "main": "src/main.ts",
   "scripts": {
-    "build": "webpack",
+    "build": "vite build",
-    "dev": "webpack-dev-server"
+    "dev": "vite"
   },
   "repository": {
     "type": "git",

src/main.ts

@@ -1,20 +1,15 @@
 import RootView from "@/ui/Root/RootView";
 import "@/ui/global.css";
+import { bootstrap } from "@djledda/ladder";
 
-const appNode = document.querySelector("#app");
+try {
-
-if (appNode) {
-    try {
     const appRoot = new RootView({
         orientation: "vertical",
         title: "Drum Slayer",
     });
     window.appRoot = appRoot;
-        appNode.appendChild(appRoot.render());
+    bootstrap(appRoot, "app");
     console.log("OK!");
-    } catch (e) {
+} catch (e) {
     console.error("FUCK!", e);
-    }
-} else {
-    console.error("FUCK!");
 }

vite.config.ts

@@ -3,8 +3,8 @@ import { defineConfig } from "vite";
 export default defineConfig({
     resolve: {
         alias: {
-            '@': '/src',
+            "@": "/src",
-            'assets': '/assets',
+            "assets": "/assets",
         }
     },
 });