Upgrade to @sveltejs/kit@2

Author: zerodevx

jsconfig.json

@@ -1,17 +1,12 @@
 {
   "extends": "./.svelte-kit/tsconfig.json",
   "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "sourceMap": true,
-    "strict": true
+    "module": "NodeNext",
+    "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
 }

package.json

@@ -16,34 +16,34 @@
     "package": "zx build.mjs --packageOnly"
   },
   "peerDependencies": {
-    "svelte": "^3.57.0 || ^4.0.0"
+    "svelte": "^4.0.0"
   },
   "devDependencies": {
-    "@fontsource-variable/inter": "^5.0.3",
-    "@playwright/test": "^1.35.1",
-    "@sveltejs/adapter-static": "^2.0.2",
-    "@sveltejs/kit": "^1.21.0",
-    "@sveltejs/package": "^2.1.0",
-    "@sveltejs/vite-plugin-svelte": "^2.4.2",
-    "autoprefixer": "^10.4.14",
+    "@fontsource-variable/inter": "^5.1.0",
+    "@playwright/test": "^1.47.1",
+    "@sveltejs/adapter-static": "^3.0.4",
+    "@sveltejs/kit": "^2.5.27",
+    "@sveltejs/package": "^2.3.5",
+    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "autoprefixer": "^10.4.20",
     "camelcase": "^7.0.1",
-    "daisyui": "^3.1.7",
-    "eslint": "^8.44.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-svelte": "^2.32.2",
+    "daisyui": "^3.9.4",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-plugin-svelte": "^2.44.0",
     "is-port-reachable": "^4.0.0",
-    "postcss": "^8.4.24",
-    "postcss-load-config": "^4.0.1",
+    "postcss": "^8.4.47",
+    "postcss-load-config": "^4.0.2",
     "prettier": "^2.8.8",
     "prettier-plugin-svelte": "^2.10.1",
     "prismjs": "^1.29.0",
-    "svelte-check": "^3.4.4",
-    "svelte-preprocess": "^5.0.4",
-    "tailwindcss": "^3.3.2",
-    "terser": "^5.18.2",
-    "tslib": "^2.6.0",
-    "typescript": "^5.1.6",
-    "vite": "^4.3.9"
+    "svelte": "^4.2.19",
+    "svelte-check": "^4.0.2",
+    "tailwindcss": "^3.4.11",
+    "terser": "^5.32.0",
+    "tslib": "^2.7.0",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.5"
   },
   "type": "module",
   "exports": {

src/app.d.ts

@@ -5,9 +5,9 @@ declare global {
     // interface Error {}
     // interface Locals {}
     // interface PageData {}
+    // interface PageState {}
     // interface Platform {}
   }
-  var __VERSION__
   var toast
   var gtag
   var TEST_MODE

src/routes/+page.svelte

@@ -1,19 +1,16 @@
 <script>
 /* eslint no-useless-escape: "off" */
-/* global __VERSION__ */
 
 import { SvelteToast, toast } from '$lib'
 import { tick } from 'svelte'
-import { browser, dev } from '$app/environment'
+import { browser, dev, version } from '$app/environment'
 import DummyComponent from './Dummy.svelte'
 import camelCase from 'camelcase'
 import Prism from 'prismjs'
 
 // Hoist to `window` for tests
 if (browser) window.toast = toast
 
-const version = __VERSION__
-
 let selected = ''
 let code = '// Tap a button below'
 let colors = false

svelte.config.js

@@ -1,25 +1,19 @@
-import preprocess from 'svelte-preprocess'
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
 import adapter from '@sveltejs/adapter-static'
+import { readFileSync } from 'node:fs'
 
-const dev = process.argv.includes('dev')
+const { version: name } = JSON.parse(readFileSync(new URL('package.json', import.meta.url), 'utf8'))
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
   kit: {
-    adapter: adapter(),
+    adapter: adapter({ fallback: '404.html' }),
     paths: {
-      base: dev ? '' : '/svelte-toast'
-    }
+      base: process.argv.includes('dev') ? '' : '/svelte-toast'
+    },
+    version: { name }
   },
-  compilerOptions: {
-    dev,
-    css: 'external'
-  },
-  preprocess: [
-    preprocess({
-      postcss: true
-    })
-  ]
+  preprocess: [vitePreprocess()]
 }
 
 export default config

vite.config.js

@@ -1,12 +1,6 @@
 import { sveltekit } from '@sveltejs/kit/vite'
 import { defineConfig } from 'vite'
-import fs from 'node:fs/promises'
-
-const { version } = JSON.parse(await fs.readFile('package.json'))
 
 export default defineConfig({
-  plugins: [sveltekit()],
-  define: {
-    __VERSION__: JSON.stringify(version)
-  }
+  plugins: [sveltekit()]
 })