Обновил пакеты, включил polyfill для популярных версий браузеров

package.json

@@ -11,35 +11,36 @@
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
 	},
 	"devDependencies": {
-		"@iconify/svelte": "^4.2.0",
+		"@iconify/svelte": "^5.1.0",
 		"@react2svelte/swipeable": "^0.1.4",
 		"@svelte-put/dragscroll": "^4.0.0",
-		"@sveltejs/adapter-auto": "^4.0.0",
-		"@sveltejs/adapter-static": "^3.0.8",
-		"@sveltejs/kit": "^2.17.3",
-		"@tailwindcss/typography": "^0.5.16",
-		"@tailwindcss/vite": "^4.0.9",
-		"@types/node": "^22.13.5",
-		"autoprefixer": "^10.4.20",
-		"eslint": "^9.21.0",
-		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^3.0.0",
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/adapter-static": "^3.0.10",
+		"@sveltejs/kit": "^2.49.0",
+		"@tailwindcss/typography": "^0.5.19",
+		"@tailwindcss/vite": "^4.1.17",
+		"@types/node": "^24.10.1",
+		"@vitejs/plugin-legacy": "^7.2.1",
+		"autoprefixer": "^10.4.22",
+		"eslint": "^9.39.1",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-svelte": "^3.13.0",
 		"mdsvex": "^0.12.6",
-		"mdsvex-relative-images": "^1.0.3",
-		"postcss": "^8.5.3",
-		"prettier": "^3.5.2",
-		"prettier-plugin-svelte": "^3.3.3",
-		"prettier-plugin-tailwindcss": "^0.6.11",
-		"svelte": "^5.20.4",
-		"svelte-check": "^4.1.4",
+		"mdsvex-relative-images": "^2.0.0",
+		"postcss": "^8.5.6",
+		"prettier": "^3.6.2",
+		"prettier-plugin-svelte": "^3.4.0",
+		"prettier-plugin-tailwindcss": "^0.7.1",
+		"svelte": "^5.45.1",
+		"svelte-check": "^4.3.4",
 		"svelte-disable-preload": "^0.0.3",
 		"svelte-resize-observer-action": "^0.0.4",
-		"svelte-sitemap": "^2.7.0",
-		"sveltekit-autoimport": "^1.8.1",
+		"svelte-sitemap": "^2.7.1",
+		"sveltekit-autoimport": "^1.8.2",
 		"tailwindcss": "^4.0.9",
 		"tslib": "^2.8.1",
-		"typescript": "^5.7.3",
-		"vite": "^6.2.0"
+		"typescript": "^5.9.3",
+		"vite": "^7.2.4"
 	},
 	"type": "module",
 	"dependencies": {

src/lib/components/NavBar.svelte

@@ -2,7 +2,7 @@
 	import HoverIcon from '$lib/components/HoverIcon.svelte';
 	import { page } from '$app/state';
 
-	export let routes: App.Route[];
+	let { routes }: { routes: App.Route[] } = $props();
 
 	function isActive(route: string): boolean {
 		if (route === '/') return page.url.pathname === route;

src/routes/+page.svelte

@@ -136,6 +136,6 @@
 	text-slate-950 sm:px-4 sm:text-xl"
 >
 	<section class="mx-auto flex max-w-5xl flex-col flex-nowrap">
-		<svelte:component this={data.content} />
+		<data.content />
 	</section>
 </article>

src/routes/blog/[slug]/+page.svelte

@@ -72,9 +72,9 @@
 </section>
 
 <section
-	class="flex shrink-0 flex-col flex-wrap items-center justify-center p-2 font-bold {isPublic
+	class="flex shrink-0 flex-row flex-wrap items-center justify-center p-2 font-bold {isPublic
 		? 'bg-amber-50 text-slate-950'
-		: 'bg-red-500 text-slate-50'} sm:flex-row sm:gap-x-5"
+		: 'bg-red-500 text-slate-50'} sm:gap-x-5"
 >
 	<DateWidget dateString={data.blogPost.date} type="published" />
 	{#if data.blogPost.dateChanged}
@@ -170,5 +170,5 @@
 		text-slate-950
 		sm:text-xl lg:p-8"
 >
-	<svelte:component this={data.content} />
+	<data.content />
 </article>

vite.config.js

@@ -1,9 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import tailwindcss from "@tailwindcss/vite";
-
-export default {
-	plugins: [
-		sveltekit(),
-		tailwindcss()
-	]
-};

vite.config.ts

@@ -0,0 +1,16 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from "@tailwindcss/vite";
+import type { UserConfig } from 'vite';
+import legacy from '@vitejs/plugin-legacy';
+
+export default {
+	plugins: [
+		sveltekit(),
+		tailwindcss(),
+		legacy({
+			targets: 'defaults',
+			modernPolyfills: true,
+			renderLegacyChunks: false
+		})
+	]
+} satisfies UserConfig;