Merge pull request #9 from PascalHonegger/update-to-svelte4

Update to svelte4

Author: PascalHonegger

.eslintrc.cjs

@@ -1,20 +1,30 @@
 module.exports = {
 	root: true,
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:svelte/prettier',
+		'prettier'
+	],
 	parser: '@typescript-eslint/parser',
-	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-	plugins: ['svelte3', '@typescript-eslint'],
-	ignorePatterns: ['*.cjs'],
-	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-	settings: {
-		'svelte3/typescript': () => require('typescript')
-	},
+	plugins: ['@typescript-eslint'],
 	parserOptions: {
 		sourceType: 'module',
-		ecmaVersion: 2020
+		ecmaVersion: 2020,
+		extraFileExtensions: ['.svelte']
 	},
 	env: {
 		browser: true,
 		es2017: true,
 		node: true
-	}
+	},
+	overrides: [
+		{
+			files: ['*.svelte'],
+			parser: 'svelte-eslint-parser',
+			parserOptions: {
+				parser: '@typescript-eslint/parser'
+			}
+		}
+	]
 };

.github/workflows/honegger.yml

@@ -40,22 +40,3 @@ jobs:
       - run: pnpm install --frozen-lockfile
       - run: pnpx playwright install --with-deps
       - run: pnpm test
-
-  qodana-js:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: pnpm/action-setup@v2
-        with:
-          version: 8
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 18
-          cache: pnpm
-      - run: pnpm install --frozen-lockfile
-      - name: 'Qodana JS Scan'
-        uses: JetBrains/[email protected]
-        with:
-          args: '--linter,jetbrains/qodana-js'
-          artifact-name: 'qodana-js-report'
-          cache-dir: ${{ runner.temp }}/qodana-js/caches

.vscode/settings.json

@@ -1,4 +1,5 @@
 {
 	"spellright.language": ["en"],
-	"spellright.documentTypes": ["markdown", "latex", "plaintext"]
+	"spellright.documentTypes": ["markdown", "latex", "plaintext"],
+	"eslint.validate": ["javascript", "javascriptreact", "svelte"]
 }

package.json

@@ -4,38 +4,38 @@
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
-		"package": "svelte-kit package",
 		"preview": "vite preview",
 		"postinstall": "svelte-kit sync",
 		"test": "playwright test",
 		"test:update": "playwright test --update-snapshots",
 		"check": "svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --check --plugin-search-dir=. . && eslint .",
-		"format": "prettier --write --plugin-search-dir=. ."
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write ."
 	},
 	"devDependencies": {
-		"@fortawesome/fontawesome-free": "^6.4.0",
-		"@playwright/test": "^1.32.2",
-		"@poppanator/sveltekit-svg": "^3.0.0",
-		"@sveltejs/adapter-static": "^2.0.1",
-		"@sveltejs/kit": "^1.15.2",
-		"@typescript-eslint/eslint-plugin": "^5.57.1",
-		"@typescript-eslint/parser": "^5.57.1",
-		"autoprefixer": "^10.4.14",
-		"eslint": "^8.37.0",
-		"eslint-config-prettier": "^8.8.0",
-		"eslint-plugin-svelte3": "^4.0.0",
-		"postcss": "^8.4.21",
-		"prettier": "^2.8.7",
-		"prettier-plugin-svelte": "^2.10.0",
-		"svelte": "^3.58.0",
-		"svelte-check": "^3.2.0",
-		"svelte-preprocess": "^5.0.3",
-		"tailwindcss": "^3.3.1",
-		"tslib": "^2.5.0",
-		"typescript": "^5.0.4",
-		"vite": "^4.2.1"
+		"@fortawesome/fontawesome-free": "^6.4.2",
+		"@playwright/test": "^1.37.1",
+		"@poppanator/sveltekit-svg": "^4.1.3",
+		"@sveltejs/adapter-static": "^2.0.3",
+		"@sveltejs/kit": "^1.24.1",
+		"@typescript-eslint/eslint-plugin": "^6.6.0",
+		"@typescript-eslint/parser": "^6.6.0",
+		"autoprefixer": "^10.4.15",
+		"eslint": "^8.49.0",
+		"eslint-config-prettier": "^9.0.0",
+		"eslint-plugin-svelte": "^2.33.0",
+		"postcss": "^8.4.29",
+		"postcss-load-config": "^4.0.1",
+		"prettier": "^3.0.3",
+		"prettier-plugin-svelte": "^3.0.3",
+		"svelte": "^4.2.0",
+		"svelte-check": "^3.5.1",
+		"svelte-preprocess": "^5.0.4",
+		"tailwindcss": "^3.3.3",
+		"tslib": "^2.6.2",
+		"typescript": "^5.2.2",
+		"vite": "^4.4.9"
 	},
 	"type": "module",
 	"engines": {

playwright.config.ts

@@ -1,10 +1,11 @@
-import type { PlaywrightTestConfig } from '@playwright/test';
+import { defineConfig } from '@playwright/test';
 
-const config: PlaywrightTestConfig = {
+export default defineConfig({
 	webServer: {
 		command: 'pnpm build && pnpm preview',
-		port: 4173
+		url: 'http://localhost:4173/'
+	},
+	use: {
+		baseURL: 'http://localhost:4173/'
 	}
-};
-
-export default config;
+});