feat(components): add basic components

packages/website/package.json

@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "handlebars": "^4.7.8",
-    "mini-strap-core": "workspace:*"
+    "mini-strap-core": "workspace:*",
+    "mini-strap-components": "workspace:*"
   }
 }

packages/website/src/main.ts

@@ -3,8 +3,12 @@ import render from "./render";
 
 import layout from "./templates/form.html";
 import table from "./templates/table.html";
+import offcanvas from "mini-strap-components/OffCanvas/template";
 
 document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
+  <aside>
+    ${render(offcanvas, { name: "ale" })}
+  </aside>
   <main class="msp-container">
     <section>
       ${render(layout, { name: "ale" })}

packages/website/vite.config.ts

@@ -1,3 +1,4 @@
+import { resolve } from "path";
 import { defineConfig } from "vite";
 
 // https://vitejs.dev/config/
@@ -23,4 +24,11 @@ export default defineConfig({
       },
     },
   ],
+  build: {
+    rollupOptions: {
+      input: {
+        main: resolve(__dirname, "index.html"),
+      },
+    },
+  },
 });