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"