Merge pull request #8 from vercel/elliott/upgrade-shadcn-svelte-and-tailwind

feat: Upgrade shadcn-svelte to latest, upgrade Tailwind to v4

Author: elliott-with-the-longest-name-on-github

components.json

@@ -1,16 +1,15 @@
 {
-	"$schema": "https://shadcn-svelte.com/schema.json",
-	"style": "default",
+	"$schema": "https://next.shadcn-svelte.com/schema.json",
 	"tailwind": {
-		"config": "tailwind.config.ts",
 		"css": "src/app.css",
 		"baseColor": "zinc"
 	},
 	"aliases": {
 		"components": "$lib/components",
 		"utils": "$lib/utils/shadcn",
 		"ui": "$lib/components/ui",
-		"hooks": "$lib/hooks"
+		"hooks": "$lib/hooks",
+		"lib": "$lib"
 	},
 	"typescript": true,
 	"registry": "https://next.shadcn-svelte.com/registry"

eslint.config.js

@@ -5,9 +5,34 @@ import svelte from 'eslint-plugin-svelte';
 import globals from 'globals';
 import { fileURLToPath } from 'node:url';
 import ts from 'typescript-eslint';
+import svelteConfig from './svelte.config.js';
+
 const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
 
 export default ts.config(
+	includeIgnoreFile(gitignorePath),
+	js.configs.recommended,
+	...ts.configs.recommended,
+	...svelte.configs.recommended,
+	prettier,
+	...svelte.configs.prettier,
+	{
+		languageOptions: {
+			globals: { ...globals.browser, ...globals.node }
+		},
+		rules: { 'no-undef': 'off' }
+	},
+	{
+		files: ['**/*.svelte', '**/*.svelte.ts', '**/*.svelte.js'],
+		languageOptions: {
+			parserOptions: {
+				projectService: true,
+				extraFileExtensions: ['.svelte'],
+				parser: ts.parser,
+				svelteConfig
+			}
+		}
+	},
 	{
 		rules: {
 			'@typescript-eslint/no-unused-vars': [
@@ -23,28 +48,5 @@ export default ts.config(
 				}
 			]
 		}
-	},
-	includeIgnoreFile(gitignorePath),
-	js.configs.recommended,
-	...ts.configs.recommended,
-	...svelte.configs['flat/recommended'],
-	prettier,
-	...svelte.configs['flat/prettier'],
-	{
-		languageOptions: {
-			globals: {
-				...globals.browser,
-				...globals.node
-			}
-		}
-	},
-	{
-		files: ['**/*.svelte'],
-
-		languageOptions: {
-			parserOptions: {
-				parser: ts.parser
-			}
-		}
 	}
 );

package.json

@@ -26,45 +26,45 @@
 		"@ai-sdk/xai": "^1.2.1",
 		"@eslint/compat": "^1.2.5",
 		"@eslint/js": "^9.18.0",
-		"@lucide/svelte": "^0.483.0",
+		"@internationalized/date": "^3.5.6",
+		"@lucide/svelte": "^0.511.0",
 		"@oslojs/crypto": "^1.0.1",
 		"@oslojs/encoding": "^1.1.0",
 		"@sejohnson/svelte-themes": "^0.0.6",
 		"@sveltejs/adapter-vercel": "^5.5.2",
 		"@sveltejs/kit": "^2.16.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@tailwindcss/vite": "^4.0.0",
 		"@types/ms": "^2.1.0",
 		"@vercel/blob": "^0.27.3",
 		"ai": "^4.2.0",
 		"autoprefixer": "^10.4.20",
 		"bcrypt-ts": "^5.0.3",
-		"bits-ui": "1.3.4",
+		"bits-ui": "^2.4.1",
 		"clsx": "^2.1.1",
 		"date-fns": "^4.1.0",
 		"dotenv": "^16.4.7",
 		"drizzle-kit": "^0.30.4",
 		"drizzle-orm": "^0.39.3",
 		"eslint": "^9.18.0",
 		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^2.46.1",
-		"globals": "^15.14.0",
-		"lucide-svelte": "^0.475.0",
-		"mode-watcher": "^0.5.1",
+		"eslint-plugin-svelte": "^3.0.0",
+		"globals": "^16.0.0",
+		"mode-watcher": "^1.0.7",
 		"ms": "^2.1.3",
 		"neverthrow": "^8.1.1",
 		"postgres": "^3.4.5",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
-		"prettier-plugin-tailwindcss": "^0.6.10",
-		"shadcn-svelte": "1.0.0-next.4",
-		"svelte": "^5.20.2",
+		"prettier-plugin-tailwindcss": "^0.6.11",
+		"svelte": "^5.33.14",
 		"svelte-check": "^4.0.0",
 		"svelte-exmarkdown": "^5.0.0",
-		"svelte-sonner": "^0.3.28",
-		"tailwind-merge": "^3.0.1",
-		"tailwind-variants": "^0.3.1",
-		"tailwindcss": "^3.4.17",
-		"tailwindcss-animate": "^1.0.7",
+		"svelte-sonner": "^1.0.1",
+		"tailwind-merge": "^3.0.2",
+		"tailwind-variants": "^1.0.0",
+		"tailwindcss": "^4.1.8",
+		"tw-animate-css": "^1.3.4",
 		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.20.0",
 		"vite": "^6.0.0",
@@ -75,5 +75,5 @@
 			"esbuild"
 		]
 	},
-	"packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0"
+	"packageManager": "pnpm@10.11.1+sha512.e519b9f7639869dc8d5c3c5dfef73b3f091094b0a006d7317353c72b124e80e1afd429732e28705ad6bfa1ee879c1fce46c128ccebd3192101f43dd67c667912"
 }