vaderjs 1.1.1 → 1.1.2

package/website/package.json

@@ -0,0 +1,19 @@
+{
+    "name": "vader_website",
+    "version": "1.0",
+    "description": "The website for the vader.js framework",
+    "main": "index.html",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/Postr-Inc/Vader.js.git"
+    },
+    "scripts": {
+        "test": "echo hello world",
+        "build": "npx tailwindcss -i ./src/dev/app.css -o ./dist/styles/main.css --watch  "
+    
+      },
+    "dependencies": {
+        "daisyui": "^3.7.7",
+        "tailwindcss": "^3.3.3"
+    }
+}

package/website/src/dev/app.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/website/src/pages/Home.js

@@ -0,0 +1,16 @@
+import { component, rf, include, vhtml, useRef } from "vader";
+
+
+export  const Home = component('Home', {
+   
+    render: async () => {
+        
+        let home  = await include('/src/views/home.html')
+        return vhtml(home)
+    },
+    componentDidMount: () => {
+        let title = useRef('title').current
+        title.innerHTML = 'Home'
+        useRef('title').update(`<span class="text-2xl font-bold">Home</span>`)
+    },
+})

package/website/src/views/home.html

@@ -0,0 +1,3 @@
+<div class="p-5">
+    <h1 ref="title">Hello World</h1>
+</div>

package/website/tailwind.config.js

@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./**/*.{html,js}"],
+  theme: {
+    extend: {},
+  },
+  daisyui: {
+    themes: ["light", "dark", "black"],
+  },
+  plugins: [require('daisyui')],
+}
+