diff --git a/CHANGELOG.md b/CHANGELOG.md index 6755c89c5..8b1c70ddf 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,10 +10,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Fixed - Ensure absolute `url()`s inside imported CSS files are not rebased when using `@tailwindcss/vite` +- Fix issues with dev servers using Svelte 5 with the Vite plugin ([#15274](https://github.com/tailwindlabs/tailwindcss/issues/15274)) ### Added - Parallelize parsing of individual source files ([#15270](https://github.com/tailwindlabs/tailwindcss/pull/15270)) +- Support Vite 6 in the Vite plugin ([#15274](https://github.com/tailwindlabs/tailwindcss/issues/15274)) ## [4.0.0-beta.4] - 2024-11-29 diff --git a/integrations/vite/svelte.test.ts b/integrations/vite/svelte.test.ts index 12acd63a5..b0950f9f9 100644 --- a/integrations/vite/svelte.test.ts +++ b/integrations/vite/svelte.test.ts @@ -9,11 +9,11 @@ test( { "type": "module", "dependencies": { - "svelte": "^4.2.18", + "svelte": "^5", "tailwindcss": "workspace:^" }, "devDependencies": { - "@sveltejs/vite-plugin-svelte": "^3.1.1", + "@sveltejs/vite-plugin-svelte": "^5", "@tailwindcss/vite": "workspace:^", "vite": "^6" } @@ -120,11 +120,11 @@ test( { "type": "module", "dependencies": { - "svelte": "^4.2.18", + "svelte": "^5", "tailwindcss": "workspace:^" }, "devDependencies": { - "@sveltejs/vite-plugin-svelte": "^3.1.1", + "@sveltejs/vite-plugin-svelte": "^5", "@tailwindcss/vite": "workspace:^", "vite": "^6" } diff --git a/packages/@tailwindcss-vite/package.json b/packages/@tailwindcss-vite/package.json index 546f047bc..00a020e93 100644 --- a/packages/@tailwindcss-vite/package.json +++ b/packages/@tailwindcss-vite/package.json @@ -31,7 +31,6 @@ "@tailwindcss/node": "workspace:^", "@tailwindcss/oxide": "workspace:^", "lightningcss": "catalog:", - "svelte-preprocess": "^6.0.2", "tailwindcss": "workspace:*" }, "devDependencies": { @@ -39,6 +38,6 @@ "vite": "catalog:" }, "peerDependencies": { - "vite": "^5.2.0" + "vite": "^5.2.0 || ^6" } } diff --git a/packages/@tailwindcss-vite/src/index.ts b/packages/@tailwindcss-vite/src/index.ts index cc89775ea..9c92699fa 100644 --- a/packages/@tailwindcss-vite/src/index.ts +++ b/packages/@tailwindcss-vite/src/index.ts @@ -4,7 +4,6 @@ import { Scanner } from '@tailwindcss/oxide' import { Features as LightningCssFeatures, transform } from 'lightningcss' import fs from 'node:fs/promises' import path from 'node:path' -import { sveltePreprocess } from 'svelte-preprocess' import type { Plugin, ResolvedConfig, Rollup, Update, ViteDevServer } from 'vite' const SPECIAL_QUERY_RE = /[?&](raw|url)\b/ @@ -609,8 +608,8 @@ class Root { } } -// Register a plugin that can hook into the Svelte preprocessor if svelte is -// enabled. This allows us to transform CSS in `