diff --git a/app/components/FeedPost.vue b/app/components/FeedPost.vue
index 71873967..50a8de8a 100644
--- a/app/components/FeedPost.vue
+++ b/app/components/FeedPost.vue
@@ -20,7 +20,7 @@ defineProps({
   <article
     class="p-4 relative text-base flex flex-row gap-4 shadow min-h-12 transition-all border-[1px] border-solid border-transparent after:text-transparent flex-[100%]"
   >
-    <nuxt-img
+    <NuxtImg
       :src="avatar ?? '/me.jpg'"
       class="rounded-full self-start w-12 h-12"
       height="48"
@@ -63,7 +63,7 @@ defineProps({
         class="html"
         v-html="html"
       />
-      <nuxt-img
+      <NuxtImg
         v-if="media?.length && media[0] && media[0].url && !media[0].url.endsWith('.mp4')"
         :src="media[0].url"
         :width="media[0].width"
diff --git a/app/components/TheClientWork.server.vue b/app/components/TheClientWork.server.vue
index b6f09b5e..6642857d 100644
--- a/app/components/TheClientWork.server.vue
+++ b/app/components/TheClientWork.server.vue
@@ -23,7 +23,7 @@ const clients = {
   <section
     class="flex flex-row flex-wrap justify-center items-center my-12 gap-8 *:h-full *:w-auto *:flex-grow-0 *:flex-shrink *:max-h-8 *:max-w-[5rem]"
   >
-    <nuxt-picture
+    <NuxtPicture
       v-for="([image, dimensions], name) in clients"
       :key="name"
       :alt="name"
diff --git a/app/components/TheHome.server.vue b/app/components/TheHome.server.vue
index aaae0037..1739a41a 100644
--- a/app/components/TheHome.server.vue
+++ b/app/components/TheHome.server.vue
@@ -148,7 +148,7 @@ const { data: talks } = await useAsyncData(
               <div
                 class="relative flex flex-col justify-end bg-gray-900 w-[20rem] h-[8rem] overflow-hidden"
               >
-                <nuxt-img
+                <NuxtImg
                   class="aspect-[1.9] object-cover"
                   format="webp"
                   style="transform: scale(1.11)"
@@ -226,7 +226,7 @@ const { data: talks } = await useAsyncData(
               <div
                 class="relative flex flex-col justify-center bg-gray-900 w-[20rem] h-[8rem] overflow-hidden"
               >
-                <nuxt-img
+                <NuxtImg
                   v-if="conference.image.url"
                   :preload="index < 2"
                   :loading="index > 1 ? 'lazy' : 'eager'"
diff --git a/app/components/TheSponsors.vue b/app/components/TheSponsors.vue
index c5779230..c1ffd592 100644
--- a/app/components/TheSponsors.vue
+++ b/app/components/TheSponsors.vue
@@ -4,7 +4,7 @@ const sponsors = await $fetch<string[]>('/api/sponsors')
 
 <template>
   <div class="flex gap-3 flex-row flex-wrap mx-auto justify-start relative">
-    <nuxt-img
+    <NuxtImg
       v-for="sponsor of sponsors"
       :key="sponsor"
       :data-image-src="sponsor"
@@ -18,13 +18,13 @@ const sponsors = await $fetch<string[]>('/api/sponsors')
       height="35"
       width="35"
     />
-    <nuxt-link
+    <NuxtLink
       to="https://github.com/sponsors/danielroe"
       class="pure rounded-full border-primary outline-none border-dashed border h-[35px] w-[35px] flex flex-col justify-center items-center hover:border-solid focus:border-solid active:border-solid hover:bg-accent focus:bg-accent active:bg-accent"
       target="_blank"
     >
       <div class="block i-ri:add-fill h-6 w-6" />
       <span class="sr-only">Sponsor me on GitHub</span>
-    </nuxt-link>
+    </NuxtLink>
   </div>
 </template>
diff --git a/app/components/global/ProseImg.vue b/app/components/global/ProseImg.vue
index 230759d9..5e293320 100644
--- a/app/components/global/ProseImg.vue
+++ b/app/components/global/ProseImg.vue
@@ -1,5 +1,5 @@
 <template>
-  <nuxt-picture
+  <NuxtPicture
     :src="src"
     :alt="alt"
     :width="width"