move web to use tw v4

Author: spences10

.eslintignore

@@ -1,3 +1,3 @@
 # SvelteKit Embed 🌱
 
-[docs](../../README.md)
+[docs](../../README.md)

.eslintrc.cjs

@@ -16,37 +16,37 @@
 		"build:packages": "pnpm -r --filter=\"../../packages/*\" run build"
 	},
 	"devDependencies": {
+		"@eslint/compat": "^1.2.9",
+		"@eslint/js": "^9.27.0",
 		"@playwright/test": "^1.52.0",
-		"@sveltejs/adapter-auto": "^4.0.0",
-		"@sveltejs/kit": "^2.20.7",
+		"@sveltejs/adapter-auto": "^6.0.1",
+		"@sveltejs/kit": "^2.21.1",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@tailwindcss/typography": "^0.5.16",
-		"@types/eslint": "^9.6.1",
-		"@typescript-eslint/eslint-plugin": "^8.31.0",
-		"@typescript-eslint/parser": "^8.31.0",
-		"autoprefixer": "^10.4.21",
-		"daisyui": "^4.12.23",
-		"eslint": "^9.25.1",
-		"eslint-config-prettier": "^10.1.2",
-		"eslint-plugin-svelte": "^2.46.1",
+		"@tailwindcss/vite": "^4.1.7",
+		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/svelte": "^5.2.8",
+		"daisyui": "^5.0.38",
+		"eslint": "^9.27.0",
+		"eslint-config-prettier": "^10.1.5",
+		"eslint-plugin-svelte": "^3.9.0",
 		"fathom-client": "^3.7.2",
-		"mdsvex": "^0.12.3",
-		"postcss": "^8.5.3",
-		"postcss-load-config": "^6.0.1",
+		"mdsvex": "^0.12.6",
 		"prettier": "^3.5.3",
-		"prettier-plugin-svelte": "^3.3.3",
+		"prettier-plugin-svelte": "^3.4.0",
 		"prettier-plugin-tailwindcss": "^0.6.11",
 		"rehype-autolink-headings": "^7.1.0",
+		"rehype-external-links": "^3.0.0",
 		"rehype-slug": "^6.0.0",
 		"svead": "^0.0.4",
-		"svelte": "5.33.1",
-		"svelte-check": "^4.1.6",
+		"svelte": "5.33.4",
+		"svelte-check": "^4.2.1",
 		"sveltekit-embed": "workspace:*",
-		"tailwindcss": "^3.4.17",
-		"tslib": "^2.8.1",
+		"tailwindcss": "^4.1.7",
 		"typescript": "^5.8.3",
-		"vite": "^6.3.3",
-		"vitest": "^3.1.2"
+		"typescript-eslint": "^8.33.0",
+		"vite": "^6.3.5",
+		"vitest": "^3.1.4"
 	},
 	"type": "module"
-}
+}

apps/web/README.md

@@ -0,0 +1,9 @@
+@import 'tailwindcss';
+
+/* Plugin configurations */
+@plugin "@tailwindcss/typography";
+@plugin "daisyui" {
+	themes:
+		light --default,
+		dark --prefersdark;
+}

apps/web/mdsvex.config.js

@@ -1,9 +1,9 @@
 <script lang="ts">
-	export let width: string = '25'
-	export let height: string = '25'
-	export let fill: string = 'fill-current'
+	export let width: string = '25';
+	export let height: string = '25';
+	export let fill: string = 'fill-current';
 
-	let svgClass: string = `${fill} text-primary-content transition hover:text-secondary-focus`
+	let svgClass: string = `${fill} text-primary-content transition hover:text-secondary-focus`;
 </script>
 
 <svg

apps/web/package.json

@@ -1,3 +1,3 @@
-export { default as GitHub } from './git-hub.svelte'
-export { default as Twitter } from './twitter.svelte'
-export { default as YouTube } from './you-tube.svelte'
+export { default as GitHub } from './git-hub.svelte';
+export { default as Twitter } from './twitter.svelte';
+export { default as YouTube } from './you-tube.svelte';