Update tooling

.eslintrc.cjs

@@ -1,19 +1,15 @@
 module.exports = {
   root: true,
-  extends: ['eslint:recommended', 'prettier'],
-  plugins: ['svelte3'],
-  overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+  extends: ['eslint:recommended', 'plugin:svelte/recommended', 'prettier'],
   parserOptions: {
     sourceType: 'module',
-    ecmaVersion: 2022
+    ecmaVersion: 2020,
+    extraFileExtensions: ['.svelte']
   },
   env: {
     browser: true,
     es2017: true,
     node: true
   },
-  rules: {
-    'no-tabs': 'error',
-    'no-unexpected-multiline': 'error'
-  }
+  rules: { 'no-tabs': 'error', 'no-unexpected-multiline': 'error' }
 }

.npmrc

@@ -1 +1,2 @@
 engine-strict=true
+resolution-mode=highest

.prettierrc

@@ -1,4 +1,5 @@
 {
+  "useTabs": false,
   "singleQuote": true,
   "trailingComma": "none",
   "printWidth": 100,
@@ -7,5 +8,6 @@
   "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }],
   "semi": false,
   "proseWrap": "always",
+  "svelteSortOrder": "options-scripts-markup-styles",
   "svelteIndentScriptAndStyle": false
 }

jsconfig.json

@@ -1,17 +1,11 @@
 {
   "extends": "./.svelte-kit/tsconfig.json",
   "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "sourceMap": true,
-    "strict": false
+    "moduleResolution": "NodeNext"
   }
-  // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
-  //
-  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-  // from the referenced tsconfig.json - TypeScript does not merge them in
 }

svelte.config.js

@@ -1,6 +1,8 @@
-import preprocess from 'svelte-preprocess'
+import { vitePreprocess } from '@sveltejs/kit/vite'
 import adapter from '@sveltejs/adapter-static'
+import { readFileSync } from 'node:fs'
 
+const { version: name } = JSON.parse(readFileSync(new URL('package.json', import.meta.url), 'utf8'))
 const dev = process.env.NODE_ENV === 'development'
 
 /** @type {import('@sveltejs/kit').Config} */
@@ -11,13 +13,10 @@ const config = {
     }),
     paths: {
       base: dev ? '' : '/svelte-img'
-    }
+    },
+    version: { name }
   },
-  preprocess: [
-    preprocess({
-      postcss: true
-    })
-  ]
+  preprocess: [vitePreprocess({})]
 }
 
 export default config

vite.config.js

@@ -1,9 +1,7 @@
 import { sveltekit } from '@sveltejs/kit/vite'
+import { defineConfig } from 'vite'
 import { imagetools } from './src/lib/vite'
 
-/** @type {import('vite').UserConfig} */
-const config = {
+export default defineConfig({
   plugins: [sveltekit(), imagetools()]
-}
-
-export default config
+})