Testing

app/pages/uses.vue

@@ -40,14 +40,15 @@ const ide = items.value!.filter(item => item.category === 'ide')
           size="xs"
         />
         <li class="relative">
-          <img
+          <NuxtImg
             alt="My IntelliJ IDE"
             src="/uses/jetbrains.png"
             class="mx-auto md:w-4/5"
           >
-          <p class="mt-2 text-sm italic flex gap-2 justify-center items-center">
-            My IntelliJ Idea Ultimate IDE
-          </p>
+            <p class="mt-2 text-sm italic flex gap-2 justify-center items-center">
+              My IntelliJ Idea Ultimate IDE
+            </p>
+          </NuxtImg>
         </li>
         <UsesItem
           v-for="(item, id) in ide"

app/pages/writings/[slug].vue

@@ -77,10 +77,10 @@ async function handleLike() {
       v-if="post.cover"
       class="w-full rounded-md my-8"
     >
-      <img
+      <NuxtImg
         :src="`/writings/${post.cover}`"
         alt="Writing cover"
-      >
+      />
     </div>
     <UDivider
       class="mt-8"

nuxt.config.ts

@@ -39,6 +39,20 @@ export default defineNuxtConfig({
     trailingSlash: true
   },
 
+  // Disable to reduce size
+  ogImage: {
+    enabled: false
+  },
+  seoExperiments: {
+    enabled: false
+  },
+  schemaOrg: {
+    enabled: false
+  },
+  linkChecker: {
+    enabled: false
+  },
+
   content: {
     highlight: {
       theme: 'github-dark'