refactor: drop svelte-cloudinary

package.json

@@ -13,20 +13,20 @@
   },
   "devDependencies": {
     "@sveltejs/enhanced-img": "^0.3.10",
-    "@sveltejs/kit": "^2.17.1",
+    "@sveltejs/kit": "^2.17.2",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/typography": "^0.5.16",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^22.13.1",
+    "@types/node": "^22.13.4",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.19.0",
+    "eslint": "^9.20.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.46.1",
-    "globals": "^15.14.0",
+    "globals": "^15.15.0",
     "mdsvex": "^0.12.3",
-    "postcss": "^8.5.1",
-    "prettier": "^3.4.2",
+    "postcss": "^8.5.3",
+    "prettier": "^3.5.1",
     "prettier-plugin-svelte": "^3.3.3",
     "svelte": "^4.2.19",
     "svelte-adapter-bun": "^0.5.2",
@@ -35,7 +35,7 @@
     "tailwindcss": "^3.4.17",
     "tslib": "^2.8.1",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.23.0",
+    "typescript-eslint": "^8.24.1",
     "vite": "^5.4.14"
   },
   "type": "module",
@@ -45,13 +45,12 @@
     "@std/toml": "npm:@jsr/std__toml",
     "@types/node-schedule": "^2.1.7",
     "base64url": "^3.0.1",
-    "nanoid": "^5.0.9",
+    "nanoid": "^5.1.0",
     "node-schedule": "^2.1.1",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "robots-parser": "^3.0.1",
     "steamgriddb": "^2.2.0",
-    "svelte-cloudinary": "^2.3.0",
     "typescript-svelte-plugin": "^0.3.45"
   },
   "trustedDependencies": [

src/routes/+layout.svelte

@@ -1,16 +1,8 @@
 <script lang="ts">
-	import { browser } from '$app/environment';
 	import getTitle from '$lib/getTitle';
-	import type { Visitor } from 'svelte/types/compiler/interfaces';
 	import NavButton from '../components/navButton.svelte';
 	import Tooltip from '../components/tooltip.svelte';
-	import Window from '../components/window.svelte';
 	import '../styles/app.css';
-	import { configureCloudinary } from 'svelte-cloudinary';
-
-	configureCloudinary({
-		cloudName: 'dgtwf7mar',
-	});
 
 	export let data;
 

src/routes/entries/japan-trip24/+page.md

@@ -6,8 +6,6 @@ excerpt = "photos from my trip to japan"
 +++
 
 <script lang="ts">
-    import { CldImage } from 'svelte-cloudinary'
-
     export let data
 </script>
 
@@ -28,6 +26,6 @@ fixed!!!! i also added a few images because im dumb and forgot
 
 <div class="grid gap-0.5 auto-rows-min md:grid-cols-4">
 {#each data.images as image}
-<a class="!animate-none" href={image}><CldImage width={480} height={480} src={image} class="w-full h-full object-cover [image-rendering:high-quality_!important]"/></a>
+<a class="!animate-none" href={image.og}><img loading="lazy" width={480} height={480} src={image.thumb} class="w-full h-full object-cover [image-rendering:high-quality_!important]"/></a>
 {/each}
 </div>

src/routes/entries/japan-trip24/+page.server.ts

@@ -3,7 +3,10 @@ import images from './images.json'
 export async function load({}) {
 	return {
         images: images.map((id) => {
-            return `https://res.cloudinary.com/dgtwf7mar/image/upload/v1/${id}`
+            return {
+                og: `https://res.cloudinary.com/dgtwf7mar/image/upload/v1/${id}`,
+                thumb: `https://res.cloudinary.com/dgtwf7mar/image/upload/c_fill,w_480,h_480,g_center/c_limit,w_480/f_auto/q_auto/v1/${id}`,
+            }
         })
     };
 }