feat: Add DaisyUI

package.json

@@ -36,6 +36,7 @@
 		"vite": "^5.4.11"
 	},
 	"dependencies": {
+		"daisyui": "^4.12.23",
 		"drizzle-orm": "^0.33.0",
 		"postgres": "^3.4.4",
 		"socket.io": "^4.8.1",

src/routes/+page.svelte

@@ -32,7 +32,7 @@
 <main>
 	<h1 class="text-lg"># SvelteKit with Socket.IO Integration</h1>
 
-	<button class="button" on:click={() => establishSocketIOConnection()}>
+	<button class="btn btn-primary" on:click={() => establishSocketIOConnection()}>
 		Establish Socket.IO connection
 	</button>
 

tailwind.config.ts

@@ -1,6 +1,7 @@
 import type { Config } from 'tailwindcss';
+import daisyui from 'daisyui';
 
 export default {
 	content: ['./src/**/*.{html,js,svelte,ts}'],
-	plugins: []
+	plugins: [daisyui]
 } satisfies Config;