chore: Bump deps to latest (#213)

.eslintrc.cjs

@@ -1,20 +1,30 @@
 module.exports = {
 	root: true,
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:svelte/recommended',
+		'prettier'
+	],
 	parser: '@typescript-eslint/parser',
-	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+	plugins: ['@typescript-eslint'],
-	plugins: ['svelte3', '@typescript-eslint'],
-	ignorePatterns: ['*.cjs'],
-	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-	settings: {
-		'svelte3/typescript': () => require('typescript')
-	},
 	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'
+			}
+		}
+	]
 };

package.json

@@ -13,34 +13,34 @@
 		"format": "prettier --write --plugin-search-dir=. ."
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-static": "^1.0.0",
+		"@sveltejs/adapter-static": "^3.0.1",
-		"@sveltejs/kit": "^1.0.0",
+		"@sveltejs/kit": "^2.0.6",
-		"@types/marked": "^4.0.7",
+		"@sveltejs/vite-plugin-svelte": "^3.0.1",
-		"@typescript-eslint/eslint-plugin": "^5.27.0",
+		"@typescript-eslint/eslint-plugin": "^6.16.0",
-		"@typescript-eslint/parser": "^5.27.0",
+		"@typescript-eslint/parser": "^6.16.0",
-		"eslint": "^8.28.0",
+		"eslint": "^8.56.0",
-		"eslint-config-prettier": "^8.5.0",
+		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-svelte3": "^4.0.0",
+		"eslint-plugin-svelte": "^2.35.1",
-		"imagetools-core": "^3.2.3",
+		"imagetools-core": "^6.0.3",
 		"prettier": "^3.1.1",
 		"prettier-plugin-svelte": "^3.1.2",
 		"qrious": "^4.0.2",
-		"sass": "^1.55.0",
+		"sass": "^1.69.6",
 		"semver": "^7.5.4",
 		"sirv-cli": "^2.0.2",
-		"svelte": "^3.54.0",
+		"svelte": "^4.2.8",
-		"svelte-check": "^2.9.2",
+		"svelte-check": "^3.6.2",
-		"svelte-meta-tags": "^2.8.0",
+		"svelte-meta-tags": "^3.1.0",
-		"tslib": "^2.4.1",
+		"tslib": "^2.6.2",
-		"typescript": "^4.9.3",
+		"typescript": "^5.3.3",
-		"vite": "^4.0.0",
+		"vite": "^5.0.10",
-		"vite-imagetools": "^4.0.11"
+		"vite-imagetools": "^6.2.8"
 	},
 	"type": "module",
 	"dependencies": {
-		"@tanstack/query-core": "^4.24.4",
+		"@tanstack/query-core": "^4.36.1",
-		"@tanstack/query-persist-client-core": "^4.24.4",
+		"@tanstack/query-persist-client-core": "^4.36.1",
-		"@tanstack/query-sync-storage-persister": "^4.24.4",
+		"@tanstack/query-sync-storage-persister": "^4.36.1",
-		"@tanstack/svelte-query": "^4.24.4"
+		"@tanstack/svelte-query": "^4.36.1"
 	}
 }

src/app.d.ts

@@ -10,7 +10,7 @@ declare namespace App {
 	// interface Stuff {}
 }
 
-declare module '*&picture' {
+declare module '*&as=picture' {
 	/**
 	 * actual types
 	 * taken from https://github.com/JonasKruckenberg/imagetools/issues/160#issuecomment-1009292026

src/layout/Hero/HeroImage.svelte

@@ -1,6 +1,6 @@
 <script>
 	import Picture from '$lib/components/Picture.svelte';
-	import manager_screenshot from '$images/manager.png?w=1233;822;411&format=avif;webp;png&picture';
+	import manager_screenshot from '$images/manager.png?w=1233;822;411&format=avif;webp;png&as=picture';
 </script>
 
 <div class="hero-img">

src/lib/components/Picture.svelte

@@ -6,8 +6,8 @@
 </script>
 
 <picture>
-	{#each Object.entries(data.sources) as [format, images]}
+	{#each Object.entries(data.sources) as [format, srcset]}
-		<source srcset={images.map((img) => `${img.src} ${img.w}w`).join(', ')} type="image/{format}" />
+		<source {srcset} type="image/{format}" />
 	{/each}
-	<img {alt} src={data.fallback.src} />
+	<img {alt} src={data.img.src} />
 </picture>

src/routes/download/+page.svelte

@@ -5,7 +5,7 @@
 
 	import { createQuery } from '@tanstack/svelte-query';
 
-	import manager_screenshot from '$images/manager.png?format=avif;webp;png&picture';
+	import manager_screenshot from '$images/manager.png?format=avif;webp;png&as=picture';
 
 	import Head from '$lib/components/Head.svelte';
 	import Query from '$lib/components/Query.svelte';

svelte.config.js

@@ -1,5 +1,5 @@
 import adapter from '@sveltejs/adapter-static';
-import { vitePreprocess } from '@sveltejs/kit/vite';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -14,6 +14,14 @@ const config = {
 		}),
 		env: {
 			publicPrefix: 'RV'
+		},
+		alias: {
+			'$data/*': './src/data/*',
+			$lib: './src/lib',
+			'$lib/*': './src/lib/*',
+			'$layout/*': './src/layout/*',
+			'$images/*': './images/*',
+			'$util/*': './src/util/*'
 		}
 	}
 };

tsconfig.json

@@ -10,14 +10,6 @@
 		"sourceMap": true,
 		"strict": true,
 		"types": ["node"],
-		"lib": ["ESNext", "DOM"],
+		"lib": ["ESNext", "DOM"]
-		"paths": {
-			"$data/*": ["./src/data/*"],
-			"$lib": ["./src/lib"],
-			"$lib/*": ["./src/lib/*"],
-			"$layout/*": ["./src/layout/*"],
-			"$images/*": ["./images/*"],
-			"$util/*": ["./src/util/*"]
-		}
 	}
 }