diff --git a/bun.lockb b/bun.lockb index 301c873..4678400 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index c156a05..7f9cf2c 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "0.0.1", "private": true, "scripts": { - "dev": "vite dev", + "dev": "CF_PAGES=1 vite dev", "build": "vite build", "preview": "vite preview", "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", @@ -13,32 +13,32 @@ }, "devDependencies": { "@eslint/js": "^9.12.0", - "@sveltejs/adapter-auto": "^3.2.5", - "@sveltejs/adapter-cloudflare": "^4.7.3", + "@sveltejs/adapter-auto": "6.0.1", + "@sveltejs/adapter-cloudflare": "^7.0.3", "@sveltejs/kit": "^2.7.1", - "@sveltejs/vite-plugin-svelte": "^4", - "autoprefixer": "^10.4.20", - "daisyui": "^4.12.13", + "@sveltejs/vite-plugin-svelte": "5.0.3", + "@tailwindcss/postcss": "^4.1.6", + "daisyui": "5.0.35", "eslint": "^9.12.0", - "eslint-config-prettier": "^9.1.0", - "eslint-plugin-svelte": "^2.45.1", - "globals": "^15.11.0", + "eslint-config-prettier": "10.1.5", + "eslint-plugin-svelte": "3.6.0", + "globals": "16.1.0", "postcss": "^8.4.47", "prettier": "^3.3.3", "prettier-plugin-svelte": "^3.2.7", "svelte": "^5", "svelte-check": "^4.0.5", - "svelte-eslint-parser": "^0.43", + "svelte-eslint-parser": "1.1.3", "svelte-preprocess": "^6.0.3", - "tailwindcss": "^3.4.13", + "tailwindcss": "^4.1.6", "tslib": "^2.7.0", "typescript": "^5.6.3", "typescript-eslint": "^8.9.0", - "vite": "^5.4.9" + "vite": "6.3.5" }, "type": "module", "dependencies": { - "caniuse-lite": "", - "lucide-svelte": "^0.453.0" + "@tailwindcss/vite": "^4.1.6", + "lucide-svelte": "0.510.0" } } diff --git a/postcss.config.js b/postcss.config.js index 2aa7205..c2ddf74 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,6 +1,5 @@ export default { plugins: { - tailwindcss: {}, - autoprefixer: {}, + "@tailwindcss/postcss": {}, }, }; diff --git a/src/app.css b/src/app.css index 54d0fd6..c1d5cb0 100644 --- a/src/app.css +++ b/src/app.css @@ -1,6 +1,29 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; +@import "tailwindcss"; +@import "tailwindcss"; + +@plugin "daisyui" { + themes: + sunset --default, + cmyk; +} + +/* + The default border color has changed to `currentcolor` in Tailwind CSS v4, + so we've added these compatibility styles to make sure everything still + looks the same as it did with Tailwind CSS v3. + + If we ever want to remove these styles, we need to add an explicit border + color utility to any element that depends on these defaults. +*/ +@layer base { + *, + ::after, + ::before, + ::backdrop, + ::file-selector-button { + border-color: var(--color-gray-200, currentcolor); + } +} .height-minus-nav { min-height: calc(100vh - 4.75rem); diff --git a/src/app.html b/src/app.html index 0177a15..d756cb2 100644 --- a/src/app.html +++ b/src/app.html @@ -3,7 +3,10 @@ nickbland.dev - + +