Merge pull request #14 from bcc-code/fix/remove-nuxtimage

Remove NuxtImage

Author: sifferhans

backend/cmd/server/main.go

@@ -311,7 +311,6 @@ func main() {
 
 			// Serve Nuxt build output directories
 			router.Static("/_nuxt", filepath.Join(staticPath, "_nuxt"))
-			router.Static("/_ipx", filepath.Join(staticPath, "_ipx"))
 			router.Static("/images", filepath.Join(staticPath, "images"))
 
 			// Serve root static files

frontend/app/components/achievements/AchievementBadge.vue

@@ -31,17 +31,17 @@ watch(open, (isOpen) => {
       <button
         class="grid aspect-square place-items-center overflow-hidden rounded-full"
       >
-        <NuxtImg
+        <img
           v-if="achievement.imageCompleted && achievement.achievedAt != null"
           :src="achievement.imageCompleted"
           class="size-full object-cover"
         />
-        <NuxtImg
+        <img
           v-else-if="achievement.imagePending"
           :src="achievement.imagePending"
           class="size-full object-cover"
         />
-        <NuxtImg
+        <img
           v-else
           src="/images/achievement-placeholder.png"
           class="size-full object-cover"
@@ -55,19 +55,19 @@ watch(open, (isOpen) => {
               { 'shadow-large': achievement.achievedAt },
             ]"
           >
-            <NuxtImg
+            <img
               v-if="
                 achievement.imageCompleted && achievement.achievedAt != null
               "
               :src="achievement.imageCompleted"
               class="size-full object-cover"
             />
-            <NuxtImg
+            <img
               v-else-if="achievement.imagePending"
               :src="achievement.imagePending"
               class="size-full object-cover"
             />
-            <NuxtImg
+            <img
               v-else
               src="/images/achievement-placeholder.png"
               class="size-full object-cover"

frontend/app/components/admin/project/AdminProjectCard.vue

@@ -38,7 +38,7 @@ const accentColor = computed(() => {
       </p>
     </div>
     <div class="flex shrink-0 flex-col items-end justify-between">
-      <NuxtImg
+      <img
         v-if="project.branding.logo"
         :src="project.branding.logo"
         height="32"

frontend/app/components/challenges/ChallengeCard.vue

@@ -16,11 +16,10 @@ function onChallengeClick() {
 
 <template>
   <div class="shadow-large rounded-card overflow-clip">
-    <NuxtImg
+    <img
       v-if="challenge.image"
       :src="challenge.image"
       loading="lazy"
-      placeholder
       class="bg-accent aspect-[1.25] w-full object-cover"
     />
     <div class="bg-background-raised p-default gap-default space-y-default">

frontend/app/components/leaderboard/LeaderboardItem.vue

@@ -41,7 +41,7 @@ const getColorClasses = (
         !hideMedal && getColorClasses(item.rank, 'dark'),
       ]"
     >
-      <NuxtImg
+      <img
         v-if="!hideMedal && item.rank && item.rank <= 3"
         :src="`/images/medals/${item.rank}.png`"
         class="col-span-full row-span-full object-cover"

frontend/app/pages/admin/projects/[projectId]/index.vue

@@ -157,7 +157,7 @@ const tab = computed({
       <template v-else-if="data">
         <header class="my-12">
           <div class="space-y-2">
-            <NuxtImg
+            <img
               v-if="state.branding.logo"
               :src="state.branding.logo"
               width="64"
@@ -272,7 +272,7 @@ const tab = computed({
               ]"
             >
               <template #image-cell="{ row }">
-                <NuxtImg
+                <img
                   v-if="row.original.image"
                   :src="row.original.image"
                   height="32"
@@ -390,7 +390,7 @@ const tab = computed({
               ]"
             >
               <template #image-cell="{ row }">
-                <NuxtImg
+                <img
                   v-if="row.original.imageCompleted"
                   :src="row.original.imageCompleted"
                   height="32"

frontend/nuxt.config.ts

@@ -4,7 +4,6 @@ export default defineNuxtConfig({
     '@nuxt/ui',
     '@nuxt/test-utils',
     '@nuxt/eslint',
-    '@nuxt/image',
     '@vueuse/nuxt',
     '@nuxtjs/i18n',
     '@vite-pwa/nuxt',