Merge pull request #23 from PascalHonegger/update-to-latest

feat(svelte): migrate to svelte 5

Author: PascalHonegger

.eslintrc.cjs

@@ -18,7 +18,7 @@ jobs:
       - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: pnpm
       - run: pnpm install
       - run: pnpm check
@@ -31,7 +31,7 @@ jobs:
       - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: pnpm
       - run: pnpm install
       - run: pnpm exec playwright install --with-deps

.github/workflows/honegger.yml

@@ -0,0 +1 @@
+pnpm lint-staged

.husky/pre-commit

@@ -2,5 +2,14 @@
 	"useTabs": true,
 	"singleQuote": true,
 	"trailingComma": "none",
-	"printWidth": 100
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
 }

.prettierrc

@@ -0,0 +1,39 @@
+// @ts-check
+import js from '@eslint/js';
+import svelte from 'eslint-plugin-svelte';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+import svelteConfig from './svelte.config.js';
+
+export default ts.config(
+	js.configs.recommended,
+	...ts.configs.recommended,
+	...svelte.configs.recommended,
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node
+			}
+		}
+	},
+	{
+		ignores: ['node_modules/', 'build/', '.svelte-kit/', 'package/']
+	},
+	{
+		files: ['**/*.svelte', '**/*.svelte.ts', '**/*.svelte.js'],
+		languageOptions: {
+			parserOptions: {
+				projectService: true,
+				extraFileExtensions: ['.svelte'],
+				parser: ts.parser,
+				svelteConfig
+			}
+		}
+	},
+	{
+		rules: {
+			'svelte/no-unused-svelte-ignore': 'off'
+		}
+	}
+);

eslint.config.mjs

@@ -1,7 +1,9 @@
 {
 	"name": "honegger.dev",
 	"version": "0.0.1",
-	"packageManager": "[email protected]+sha256.22e36fba7f4880ecf749a5ca128b8435da085ecd49575e7fb9e64d6bf4fad394",
+	"private": "true",
+	"license": "Apache-2.0",
+	"packageManager": "[email protected]+sha512.5ea8b0deed94ed68691c9bad4c955492705c5eeb8a87ef86bc62c74a26b037b08ff9570f108b2e4dbd1dd1a9186fea925e527f141c648e85af45631074680184",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -10,33 +12,46 @@
 		"test:update": "playwright test --update-snapshots",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --check . && eslint .",
-		"format": "prettier --write ."
+		"lint": "prettier --check --plugin prettier-plugin-svelte --plugin prettier-plugin-tailwindcss . && eslint .",
+		"format": "prettier --write .",
+		"prepare": "husky .husky"
+	},
+	"lint-staged": {
+		"*.{ts,svelte}": [
+			"prettier --log-level silent --write --plugin prettier-plugin-svelte --plugin prettier-plugin-tailwindcss",
+			"eslint --quiet --fix"
+		],
+		"*.{json,html}": [
+			"prettier --write"
+		]
 	},
 	"devDependencies": {
-		"@fortawesome/fontawesome-free": "^6.5.2",
-		"@playwright/test": "^1.44.0",
-		"@poppanator/sveltekit-svg": "^4.2.1",
-		"@sveltejs/adapter-static": "^3.0.1",
-		"@sveltejs/kit": "^2.5.7",
-		"@sveltejs/vite-plugin-svelte": "^3.1.0",
-		"@types/dom-view-transitions": "^1.0.4",
-		"@typescript-eslint/eslint-plugin": "^7.8.0",
-		"@typescript-eslint/parser": "^7.8.0",
-		"autoprefixer": "^10.4.19",
-		"eslint": "^8.57.0",
-		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-svelte": "^2.39.0",
-		"postcss": "^8.4.38",
-		"postcss-load-config": "^5.1.0",
-		"prettier": "^3.2.5",
-		"prettier-plugin-svelte": "^3.2.3",
-		"svelte": "^4.2.16",
-		"svelte-check": "^3.7.1",
-		"tailwindcss": "^3.4.3",
-		"tslib": "^2.6.2",
-		"typescript": "^5.4.5",
-		"vite": "^5.2.11"
+		"@eslint/js": "^9.30.0",
+		"@fortawesome/fontawesome-free": "^6.7.2",
+		"@playwright/test": "^1.53.1",
+		"@poppanator/sveltekit-svg": "^5.0.1",
+		"@sveltejs/adapter-static": "^3.0.8",
+		"@sveltejs/kit": "^2.22.2",
+		"@sveltejs/vite-plugin-svelte": "^5.1.0",
+		"@tailwindcss/vite": "^4.1.11",
+		"@types/dom-view-transitions": "^1.0.6",
+		"autoprefixer": "^10.4.21",
+		"eslint": "^9.30.0",
+		"eslint-config-prettier": "^10.1.5",
+		"eslint-plugin-svelte": "^3.10.1",
+		"globals": "^16.2.0",
+		"husky": "^9.1.7",
+		"lint-staged": "^16.1.2",
+		"prettier": "^3.6.2",
+		"prettier-plugin-svelte": "^3.4.0",
+		"prettier-plugin-tailwindcss": "^0.6.13",
+		"svelte": "^5.34.8",
+		"svelte-check": "^4.2.2",
+		"tailwindcss": "^4.1.11",
+		"tslib": "^2.8.1",
+		"typescript": "^5.8.3",
+		"typescript-eslint": "^8.35.0",
+		"vite": "^6.3.5"
 	},
 	"type": "module"
 }