more updates

package.json

@@ -1,39 +1,45 @@
 {
-	"name": "my-portfolio",
-	"version": "0.0.1",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"lint": "prettier --check . && eslint .",
-		"format": "prettier --write ."
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-auto": "^3.0.0",
-		"@sveltejs/kit": "^2.0.0",
-		"@sveltejs/vite-plugin-svelte": "^3.0.0",
-		"@types/eslint": "^8.56.0",
-		"autoprefixer": "^10.4.19",
-		"eslint": "^8.56.0",
-		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-svelte": "^2.35.1",
-		"flowbite": "^2.3.0",
-		"flowbite-svelte": "^0.46.1",
-		"flowbite-svelte-icons": "^1.6.1",
-		"postcss": "^8.4.38",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^4.2.7",
-		"tailwindcss": "^3.4.3",
-		"vite": "^5.0.3"
-	},
-	"type": "module",
-	"dependencies": {
-		"@sveltejs/adapter-vercel": "^5.3.0",
-		"@vercel/analytics": "^1.3.1",
-		"geist": "^1.3.0",
-		"moment": "^2.30.1",
-		"pnpm": "^9.1.1"
-	}
+  "name": "my-portfolio",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "preview": "vite preview",
+    "lint": "prettier --check . && eslint .",
+    "format": "prettier --write ."
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^3.3.1",
+    "@sveltejs/kit": "^2.9.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.1",
+    "@tsconfig/svelte": "^5.0.4",
+    "@types/eslint": "^9.6.1",
+    "@types/node": "^22.10.1",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.16.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-svelte": "^2.46.1",
+    "flowbite": "^2.5.2",
+    "flowbite-svelte": "^0.47.4",
+    "flowbite-svelte-icons": "^2.0.2",
+    "postcss": "^8.4.49",
+    "prettier": "^3.4.2",
+    "prettier-plugin-svelte": "^3.3.2",
+    "svelte": "^5.7.1",
+    "svelte-check": "^4.0.0",
+    "tailwindcss": "^3.4.16",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3"
+  },
+  "type": "module",
+  "dependencies": {
+    "@sveltejs/adapter-vercel": "^5.5.0",
+    "@vercel/analytics": "^1.4.1",
+    "geist": "^1.3.1",
+    "moment": "^2.30.1",
+    "pnpm": "^9.14.4"
+  }
 }

src/lib/TopNav.svelte

@@ -9,13 +9,13 @@
 		DarkMode
 	} from 'flowbite-svelte';
 	import { ChevronDownOutline } from 'flowbite-svelte-icons';
-	import logo from '$lib/logo.png';
+	import logo from '$lib/logo.png'
 	import { page } from '$app/stores';
 
 	$: activeUrl = $page.url.pathname;
 </script>
 
-<Navbar class="bg-transparent">
+<Navbar class="bg-transparent dark:bg-transparent">
 	<NavBrand href="/">
 		<img src={logo} class="me-3 h-6 sm:h-9" alt="Flowbite Logo" />
 		<span class="self-center whitespace-nowrap text-xl font-semibold dark:text-stone-200"

src/routes/projects/svelte/+page.svelte

@@ -2,7 +2,6 @@
 	import { fade } from 'svelte/transition';
 	import Projects from '$lib/Projects.svelte';
 	import PageHeader from '$lib/PageHeader.svelte';
-	const projectRssUrl = 'https://gitea.rannes.dev/rannes.dev/my-portfolio.rss';
 	const category = 'svelte';
 	const title = 'Svelte Projects';
 </script>

src/routes/projects/web-dev/+page.svelte

@@ -0,0 +1,12 @@
+<script>
+	import { fade } from 'svelte/transition';
+	import Projects from '$lib/Projects.svelte';
+	import PageHeader from '$lib/PageHeader.svelte';
+	const category = 'nextjs';
+	const title = 'Next.js Projects';
+</script>
+
+<div in:fade>
+	<PageHeader {title} />
+	<Projects {category} />
+</div>

tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "moduleResolution": "bundler"
+  }
+}