build(#13): Add DaisyUI

2026-07-12 18:43:45 +00:00 · 2024-04-07 15:12:59 +01:00
parent 88b4d92905
commit 59ff274a44
8 changed files with 989 additions and 2 deletions
@@ -19,13 +19,17 @@
 		"@types/eslint": "^8.56.0",
 		"@typescript-eslint/eslint-plugin": "^7.0.0",
 		"@typescript-eslint/parser": "^7.0.0",
+		"autoprefixer": "^10.4.19",
+		"daisyui": "^4.10.1",
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.35.1",
+		"postcss": "^8.4.38",
 		"prettier": "^3.1.1",
 		"prettier-plugin-svelte": "^3.1.2",
 		"svelte": "^4.2.7",
 		"svelte-check": "^3.6.0",
+		"tailwindcss": "^3.4.3",
 		"tslib": "^2.4.1",
 		"typescript": "^5.0.0",
 		"vite": "^5.0.3"
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
@@ -5,6 +5,7 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
+		<link rel="stylesheet" href="%sveltekit.assets%/output.css" />
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
@@ -28,6 +28,12 @@
 	}
 </script>

-<input type="email" bind:value={email} placeholder="Email" />
+<input
+	type="text"
+	placeholder="Email"
+	class="input input-bordered w-full max-w-xs"
+	bind:value={email}
+/>
+
 <input type="password" bind:value={password} placeholder="Password" />
-<button on:click={signUpNewUser}>Sign Up</button>
+<button class="btn btn-primary" on:click={signUpNewUser}>Sign Up</button>
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import 'tailwindcss/tailwind.css';
 </script>

 <main>
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+	content: ['./src/routes/**/*.{svelte,js,ts}'],
+	theme: {
+		extend: {}
+	},
+	plugins: [require('daisyui')]
+};