chore: build

package.json

@@ -37,6 +37,7 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"@sveltejs/enhanced-img": "^0.3.4",
 		"highlight.js": "^11.8.0"
 	}
 }

src/lib/components/Entry.svelte

@@ -33,8 +33,6 @@
         alt={title}
         class="rounded-md object-cover h-[220px]"
         src={previewImageUrl}
-        width="350"
-        height="100"
       />
     </figure>
     <header>

src/routes/[[lang=lang]]/+page.svelte

@@ -111,12 +111,10 @@
   </div>
   <div class="w-full md:flex justify-end">
     <figure itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
-      <img
+      <enhanced:img
         src={avatarUrl}
         loading="lazy"
         alt="Michael Liendo Avatar"
-        width="384"
-        height="384"
         title="Michael Liendo profile picture at GitHub."
         class="rounded-2xl w-full xl:w-96 h-96 object-cover"
       />

vite.config.ts

@@ -1,15 +1,17 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 import Icons from 'unplugin-icons/vite';
+import { enhancedImages } from '@sveltejs/enhanced-img';
 
 export default defineConfig({
-	define: {
-		__BUILD_DATE__: JSON.stringify(+new Date())
-	},
-	plugins: [
-		sveltekit(),
-		Icons({
-			compiler: 'svelte'
-		})
-	]
+  define: {
+    __BUILD_DATE__: JSON.stringify(+new Date()),
+  },
+  plugins: [
+    sveltekit(),
+    enhancedImages(),
+    Icons({
+      compiler: 'svelte',
+    }),
+  ],
 });