add tailwind

.prettierrc

@@ -3,6 +3,6 @@
 	"singleQuote": true,
 	"trailingComma": "none",
 	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte"],
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
 	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }

package.json

@@ -1,51 +1,53 @@
 {
-  "name": "remfo",
-  "version": "0.0.1",
-  "private": true,
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "preview": "vite preview",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "test": "vitest",
-    "lint": "prettier --check . && eslint .",
-    "format": "prettier --write ."
-  },
-  "devDependencies": {
-    "@libsql/client": "0.6.0",
-    "@lucia-auth/adapter-postgresql": "3.1.2",
-    "@lucia-auth/adapter-sqlite": "3.0.1",
-    "@sveltejs/adapter-auto": "3.2.1",
-    "@sveltejs/adapter-vercel": "^5.3.0",
-    "@sveltejs/kit": "2.5.10",
-    "@sveltejs/vite-plugin-svelte": "3.1.0",
-    "@types/eslint": "8.56.10",
-    "@typescript-eslint/eslint-plugin": "7.10.0",
-    "@typescript-eslint/parser": "7.10.0",
-    "arctic": "1.9.0",
-    "autoprefixer": "^10.4.19",
-    "dotenv": "16.4.5",
-    "drizzle-kit": "0.21.4",
-    "drizzle-orm": "0.30.10",
-    "eslint": "8.57.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-svelte": "2.39.0",
-    "lucia": "3.2.0",
-    "postcss": "^8.4.38",
-    "postgres": "3.4.4",
-    "prettier": "3.2.5",
-    "prettier-plugin-svelte": "3.2.3",
-    "svelte": "5.0.0-next.141",
-    "svelte-check": "3.7.1",
-    "sveltekit-superforms": "2.13.1",
-    "tailwindcss": "^3.4.3",
-    "tslib": "2.6.2",
-    "typescript": "5.4.5",
-    "vite": "5.2.11",
-    "vitest": "1.6.0",
-    "zod": "3.23.8"
-  },
-  "type": "module",
-  "dependencies": {}
+	"name": "remfo",
+	"version": "0.0.1",
+	"private": true,
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"test": "vitest",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write ."
+	},
+	"devDependencies": {
+		"@libsql/client": "0.6.0",
+		"@lucia-auth/adapter-postgresql": "3.1.2",
+		"@lucia-auth/adapter-sqlite": "3.0.1",
+		"@sveltejs/adapter-auto": "3.2.1",
+		"@sveltejs/adapter-vercel": "5.3.0",
+		"@sveltejs/kit": "2.5.10",
+		"@sveltejs/vite-plugin-svelte": "3.1.0",
+		"@types/eslint": "8.56.10",
+		"@typescript-eslint/eslint-plugin": "7.10.0",
+		"@typescript-eslint/parser": "7.10.0",
+		"arctic": "1.9.0",
+		"autoprefixer": "10.4.19",
+		"dotenv": "16.4.5",
+		"drizzle-kit": "0.21.4",
+		"drizzle-orm": "0.30.10",
+		"eslint": "8.57.0",
+		"eslint-config-prettier": "9.1.0",
+		"eslint-plugin-svelte": "2.39.0",
+		"lucia": "3.2.0",
+		"postcss": "8.4.38",
+		"postgres": "3.4.4",
+		"prettier": "3.2.5",
+		"prettier-plugin-svelte": "3.2.3",
+		"svelte": "5.0.0-next.141",
+		"svelte-check": "3.7.1",
+		"sveltekit-superforms": "2.13.1",
+		"tailwindcss": "3.4.3",
+		"tslib": "2.6.2",
+		"typescript": "5.4.5",
+		"vite": "5.2.11",
+		"vitest": "1.6.0",
+		"zod": "3.23.8",
+		"@tailwindcss/typography": "0.5.13",
+		"prettier-plugin-tailwindcss": "0.5.14"
+	},
+	"type": "module",
+	"dependencies": {}
 }

postcss.config.js

@@ -1,6 +1,6 @@
 export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {}
+	}
+};

src/app.css

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

src/routes/+layout.svelte

@@ -0,0 +1,7 @@
+<script>
+	import '../app.css';
+</script>
+
+<slot></slot>
+
+<style></style>

tailwind.config.ts

@@ -0,0 +1,11 @@
+import type { Config } from 'tailwindcss';
+
+export default {
+	content: ['./src/**/*.{html,js,svelte,ts}'],
+
+	theme: {
+		extend: {}
+	},
+
+	plugins: [require('@tailwindcss/typography')]
+} as Config;