Add router and tailwind

frontend/package.json

@@ -1,22 +1,29 @@
 {
-  "name": "frontend",
+	"name": "frontend",
-  "private": true,
+	"private": true,
-  "version": "0.0.0",
+	"version": "0.0.0",
-  "type": "module",
+	"type": "module",
-  "scripts": {
+	"scripts": {
-    "dev": "vite",
+		"dev": "vite",
-    "build": "vite build",
+		"build": "vite build",
-    "preview": "vite preview",
+		"preview": "vite preview",
-    "check": "svelte-check --tsconfig ./tsconfig.json"
+		"check": "svelte-check --tsconfig ./tsconfig.json"
-  },
+	},
-  "devDependencies": {
+	"devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^1.0.1",
+		"@sveltejs/vite-plugin-svelte": "^1.0.1",
-    "@tsconfig/svelte": "^3.0.0",
+		"@tsconfig/svelte": "^3.0.0",
-    "svelte": "^3.49.0",
+		"svelte": "^3.49.0",
-    "svelte-check": "^2.8.0",
+		"svelte-check": "^2.8.0",
-    "svelte-preprocess": "^4.10.7",
+		"svelte-preprocess": "^4.10.7",
-    "tslib": "^2.4.0",
+		"tslib": "^2.4.0",
-    "typescript": "^4.6.4",
+		"typescript": "^4.6.4",
-    "vite": "^3.0.7"
+		"vite": "^3.0.7",
-  }
+		"svelte-spa-router": "^4.0.1",
-}
+		"svelte-fa": "^4.0.2",
+		"tailwindcss": "^3.4.3"
+	},
+	"dependencies": {
+		"chart.js": "^4.4.3",
+		"svelte-chartjs": "^3.1.5"
+	}
+}

frontend/package.json.md5

@@ -1 +1 @@
-ad9da3c17151b053a4d2fda8e3578901
+d9cd4918e23adada21d6ec5bb7972896

frontend/src/App.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import Header from "$lib/components/Header.svelte";
+	import Router from "$lib/router/Router.svelte";
 	import { Greet } from "../wailsjs/go/main/App.js";
 
 	let resultText: string = "Please enter your name below 👇";
@@ -15,4 +16,4 @@
 	<main class="flex-1">
 		<Router />
 	</main>
-</template>
+</template>

frontend/src/lib/router/Router.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	import Router from 'svelte-spa-router'
+	import Energy from '$lib/components/Energy/Energy.svelte'
+
+	const routes = {
+		'/': Energy,
+	}
+</script>
+
+<Router {routes} />