components/ProjectCard.vue

@@ -14,7 +14,7 @@ date?
 image
 */
 
-const imgUrl = `url(/assets/images/projects/${project.img ?? ""})`;
+const imgUrl = `url(/images/projects/${project.img ?? ""})`;
 </script>
 
 <template>
@@ -27,7 +27,7 @@ const imgUrl = `url(/assets/images/projects/${project.img ?? ""})`;
             <div class="flex gap-1 items-center flex-nowrap">
               <img
                 class="h-5 w-5 m-0"
-                :src="`/assets/images/langs/${lang}.svg`"
+                :src="`/images/langs/${lang}.svg`"
                 v-for="(lang, index) in project.langs"
                 :key="index"
               />

components/ServiceCard.vue

@@ -5,12 +5,14 @@ const props = defineProps<{
   img: string;
   unclickable?: boolean;
 }>();
+
+const imgUrl = `/images/services/${props.img}`;
 </script>
 
 <template>
   <a :href="unclickable ? '' : href" :class="['no-underline', { unclickable }]">
     <div class="card flex flex-col items-center justify-around">
-      <img class="m-0" :src="img" />
+      <img class="m-0" :src="imgUrl" />
       <h3 class="m-0">{{ props.name }}</h3>
       <p class="desc-text text-gray-600 dark:text-gray-200"><slot /></p>
     </div>

components/index/services.vue

@@ -14,39 +14,31 @@
     </p>
     <!-- i could make this a list but god i'm so tired with nuxt -->
     <div class="flex justify-around flex-wrap gap-8 items-center">
-      <ServiceCard
+      <ServiceCard name="Gitea" href="https://git.eggworld.tk" img="gitea.png">
-        name="Gitea"
-        href="https://git.eggworld.tk"
-        img="/assets/images/services/gitea.png"
-      >
         Self-hosted GitHub
       </ServiceCard>
       <ServiceCard
         name="Eifueo"
         href="https://eifueo.eggworld.tk"
-        img="/assets/images/services/eifueo.svg"
+        img="eifueo.svg"
       >
         Note collection
       </ServiceCard>
       <ServiceCard
         name="Primoprod"
         href="https://primoprod.eggworld.tk"
-        img="/assets/images/services/primogem.png"
+        img="primogem.png"
       >
         Wish simulator
       </ServiceCard>
       <ServiceCard
         name="Calibre"
         href="https://calibre.eggworld.tk"
-        img="/assets/images/services/calibre-web.png"
+        img="calibre-web.png"
       >
         Kobo Cloud
       </ServiceCard>
-      <ServiceCard
+      <ServiceCard name="Plex" href="https://plex.eggworld.tk" img="plex.png">
-        name="Plex"
-        href="https://plex.eggworld.tk"
-        img="/assets/images/services/plex.png"
-      >
         Ad-filled media server
       </ServiceCard>
 
@@ -61,7 +53,7 @@
       <ServiceCard
         name="Minecraft"
         href="minecraft.eggworld.tk"
-        img="/assets/images/services/minecraft.png"
+        img="minecraft.png"
         :unclickable="true"
       >
         Whitelisted