diff --git a/package.json b/package.json
index e6019a6..679cbbf 100644
--- a/package.json
+++ b/package.json
@@ -19,8 +19,8 @@
"@sveltejs/adapter-auto": "^6.0.0",
"@sveltejs/kit": "^2.20.7",
"@sveltejs/vite-plugin-svelte": "^5.0.3",
- "@tailwindcss/postcss": "^4.1.4",
"@tailwindcss/typography": "^0.5.16",
+ "@tailwindcss/vite": "^4.1.4",
"@types/eslint": "^9.6.1",
"eslint": "^9.25.1",
"eslint-config-prettier": "^10.1.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 10e6ab7..c4a7720 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -81,12 +81,12 @@ importers:
'@sveltejs/vite-plugin-svelte':
specifier: ^5.0.3
version: 5.0.3(svelte@5.28.2)(vite@6.3.2(jiti@2.4.2)(lightningcss@1.29.2))
- '@tailwindcss/postcss':
- specifier: ^4.1.4
- version: 4.1.4
'@tailwindcss/typography':
specifier: ^0.5.16
version: 0.5.16(tailwindcss@4.1.4)
+ '@tailwindcss/vite':
+ specifier: ^4.1.4
+ version: 4.1.4(vite@6.3.2(jiti@2.4.2)(lightningcss@1.29.2))
'@types/eslint':
specifier: ^9.6.1
version: 9.6.1
@@ -135,10 +135,6 @@ importers:
packages:
- '@alloc/quick-lru@5.2.0':
- resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
- engines: {node: '>=10'}
-
'@ampproject/remapping@2.3.0':
resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
engines: {node: '>=6.0.0'}
@@ -781,14 +777,16 @@ packages:
resolution: {integrity: sha512-p5wOpXyOJx7mKh5MXh5oKk+kqcz8T+bA3z/5VWWeQwFrmuBItGwz8Y2CHk/sJ+dNb9B0nYFfn0rj/cKHZyjahQ==}
engines: {node: '>= 10'}
- '@tailwindcss/postcss@4.1.4':
- resolution: {integrity: sha512-bjV6sqycCEa+AQSt2Kr7wpGF1bOZJ5wsqnLEkqSbM/JEHxx/yhMH8wHmdkPyApF9xhHeMSwnnkDUUMMM/hYnXw==}
-
'@tailwindcss/typography@0.5.16':
resolution: {integrity: sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==}
peerDependencies:
tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
+ '@tailwindcss/vite@4.1.4':
+ resolution: {integrity: sha512-4UQeMrONbvrsXKXXp/uxmdEN5JIJ9RkH7YVzs6AMxC/KC1+Np7WZBaNIco7TEjlkthqxZbt8pU/ipD+hKjm80A==}
+ peerDependencies:
+ vite: ^5.2.0 || ^6
+
'@types/cookie@0.6.0':
resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
@@ -2100,8 +2098,6 @@ packages:
snapshots:
- '@alloc/quick-lru@5.2.0': {}
-
'@ampproject/remapping@2.3.0':
dependencies:
'@jridgewell/gen-mapping': 0.3.8
@@ -2567,14 +2563,6 @@ snapshots:
'@tailwindcss/oxide-win32-arm64-msvc': 4.1.4
'@tailwindcss/oxide-win32-x64-msvc': 4.1.4
- '@tailwindcss/postcss@4.1.4':
- dependencies:
- '@alloc/quick-lru': 5.2.0
- '@tailwindcss/node': 4.1.4
- '@tailwindcss/oxide': 4.1.4
- postcss: 8.5.3
- tailwindcss: 4.1.4
-
'@tailwindcss/typography@0.5.16(tailwindcss@4.1.4)':
dependencies:
lodash.castarray: 4.4.0
@@ -2583,6 +2571,13 @@ snapshots:
postcss-selector-parser: 6.0.10
tailwindcss: 4.1.4
+ '@tailwindcss/vite@4.1.4(vite@6.3.2(jiti@2.4.2)(lightningcss@1.29.2))':
+ dependencies:
+ '@tailwindcss/node': 4.1.4
+ '@tailwindcss/oxide': 4.1.4
+ tailwindcss: 4.1.4
+ vite: 6.3.2(jiti@2.4.2)(lightningcss@1.29.2)
+
'@types/cookie@0.6.0': {}
'@types/eslint@9.6.1':
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index c5c819c..0000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export default {
- plugins: {
- '@tailwindcss/postcss': {},
- }
-};
diff --git a/vite.config.ts b/vite.config.ts
index 37b6a84..714e916 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,8 +1,9 @@
import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from '@tailwindcss/vite';
import { defineConfig } from 'vitest/config';
export default defineConfig({
- plugins: [sveltekit()],
+ plugins: [tailwindcss(), sveltekit()],
test: {
include: ['src/**/*.{test,spec}.{js,ts}']
}