From 26359ec563316a6b93f8f26decdcc9be73b809c8 Mon Sep 17 00:00:00 2001
From: eggy <eggyrules@gmail.com>
Date: Tue, 9 Aug 2022 22:23:24 -0400
Subject: [PATCH] fix: use static asset paths

stupid nuxt idk why but it's not working with dynamic images
---
 components/ProjectCard.vue                    |   4 ++--
 components/ServiceCard.vue                    |   4 +++-
 components/index/services.vue                 |  20 ++++++------------
 {assets => public}/images/langs/android.svg   |   0
 {assets => public}/images/langs/flutter.svg   |   0
 {assets => public}/images/langs/java.svg      |   0
 .../images/langs/javascript.svg               |   0
 {assets => public}/images/langs/markdown.svg  |   0
 {assets => public}/images/langs/python.svg    |   0
 {assets => public}/images/langs/react.svg     |   0
 .../images/langs/typescript.svg               |   0
 {assets => public}/images/langs/vue.svg       |   0
 .../images/projects/eifueo.webp               | Bin
 .../images/projects/jeopardy.webp             | Bin
 .../images/projects/mandown.webp              | Bin
 .../images/projects/napbot.webp               | Bin
 .../images/projects/perdiem.webp              | Bin
 .../images/projects/primoprod.webp            | Bin
 .../images/projects/public.webp               | Bin
 .../images/projects/recipeready.webp          | Bin
 .../images/projects/resketch.webp             | Bin
 .../images/services/calibre-web.png           | Bin
 {assets => public}/images/services/eifueo.svg |   0
 {assets => public}/images/services/gitea.png  | Bin
 .../images/services/jellyfin.png              | Bin
 .../images/services/minecraft.png             | Bin
 {assets => public}/images/services/plex.png   | Bin
 .../images/services/primogem.png              | Bin
 28 files changed, 11 insertions(+), 17 deletions(-)
 rename {assets => public}/images/langs/android.svg (100%)
 rename {assets => public}/images/langs/flutter.svg (100%)
 rename {assets => public}/images/langs/java.svg (100%)
 rename {assets => public}/images/langs/javascript.svg (100%)
 rename {assets => public}/images/langs/markdown.svg (100%)
 rename {assets => public}/images/langs/python.svg (100%)
 rename {assets => public}/images/langs/react.svg (100%)
 rename {assets => public}/images/langs/typescript.svg (100%)
 rename {assets => public}/images/langs/vue.svg (100%)
 rename {assets => public}/images/projects/eifueo.webp (100%)
 rename {assets => public}/images/projects/jeopardy.webp (100%)
 rename {assets => public}/images/projects/mandown.webp (100%)
 rename {assets => public}/images/projects/napbot.webp (100%)
 rename {assets => public}/images/projects/perdiem.webp (100%)
 rename {assets => public}/images/projects/primoprod.webp (100%)
 rename {assets => public}/images/projects/public.webp (100%)
 rename {assets => public}/images/projects/recipeready.webp (100%)
 rename {assets => public}/images/projects/resketch.webp (100%)
 rename {assets => public}/images/services/calibre-web.png (100%)
 rename {assets => public}/images/services/eifueo.svg (100%)
 rename {assets => public}/images/services/gitea.png (100%)
 rename {assets => public}/images/services/jellyfin.png (100%)
 rename {assets => public}/images/services/minecraft.png (100%)
 rename {assets => public}/images/services/plex.png (100%)
 rename {assets => public}/images/services/primogem.png (100%)

diff --git a/components/ProjectCard.vue b/components/ProjectCard.vue
index 4d751ee..551cc96 100644
--- a/components/ProjectCard.vue
+++ b/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"
               />
diff --git a/components/ServiceCard.vue b/components/ServiceCard.vue
index 4634a08..66b6c01 100644
--- a/components/ServiceCard.vue
+++ b/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>
diff --git a/components/index/services.vue b/components/index/services.vue
index 78d74df..2e11d4b 100644
--- a/components/index/services.vue
+++ b/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
-        name="Gitea"
-        href="https://git.eggworld.tk"
-        img="/assets/images/services/gitea.png"
-      >
+      <ServiceCard name="Gitea" href="https://git.eggworld.tk" img="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
-        name="Plex"
-        href="https://plex.eggworld.tk"
-        img="/assets/images/services/plex.png"
-      >
+      <ServiceCard name="Plex" href="https://plex.eggworld.tk" img="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
diff --git a/assets/images/langs/android.svg b/public/images/langs/android.svg
similarity index 100%
rename from assets/images/langs/android.svg
rename to public/images/langs/android.svg
diff --git a/assets/images/langs/flutter.svg b/public/images/langs/flutter.svg
similarity index 100%
rename from assets/images/langs/flutter.svg
rename to public/images/langs/flutter.svg
diff --git a/assets/images/langs/java.svg b/public/images/langs/java.svg
similarity index 100%
rename from assets/images/langs/java.svg
rename to public/images/langs/java.svg
diff --git a/assets/images/langs/javascript.svg b/public/images/langs/javascript.svg
similarity index 100%
rename from assets/images/langs/javascript.svg
rename to public/images/langs/javascript.svg
diff --git a/assets/images/langs/markdown.svg b/public/images/langs/markdown.svg
similarity index 100%
rename from assets/images/langs/markdown.svg
rename to public/images/langs/markdown.svg
diff --git a/assets/images/langs/python.svg b/public/images/langs/python.svg
similarity index 100%
rename from assets/images/langs/python.svg
rename to public/images/langs/python.svg
diff --git a/assets/images/langs/react.svg b/public/images/langs/react.svg
similarity index 100%
rename from assets/images/langs/react.svg
rename to public/images/langs/react.svg
diff --git a/assets/images/langs/typescript.svg b/public/images/langs/typescript.svg
similarity index 100%
rename from assets/images/langs/typescript.svg
rename to public/images/langs/typescript.svg
diff --git a/assets/images/langs/vue.svg b/public/images/langs/vue.svg
similarity index 100%
rename from assets/images/langs/vue.svg
rename to public/images/langs/vue.svg
diff --git a/assets/images/projects/eifueo.webp b/public/images/projects/eifueo.webp
similarity index 100%
rename from assets/images/projects/eifueo.webp
rename to public/images/projects/eifueo.webp
diff --git a/assets/images/projects/jeopardy.webp b/public/images/projects/jeopardy.webp
similarity index 100%
rename from assets/images/projects/jeopardy.webp
rename to public/images/projects/jeopardy.webp
diff --git a/assets/images/projects/mandown.webp b/public/images/projects/mandown.webp
similarity index 100%
rename from assets/images/projects/mandown.webp
rename to public/images/projects/mandown.webp
diff --git a/assets/images/projects/napbot.webp b/public/images/projects/napbot.webp
similarity index 100%
rename from assets/images/projects/napbot.webp
rename to public/images/projects/napbot.webp
diff --git a/assets/images/projects/perdiem.webp b/public/images/projects/perdiem.webp
similarity index 100%
rename from assets/images/projects/perdiem.webp
rename to public/images/projects/perdiem.webp
diff --git a/assets/images/projects/primoprod.webp b/public/images/projects/primoprod.webp
similarity index 100%
rename from assets/images/projects/primoprod.webp
rename to public/images/projects/primoprod.webp
diff --git a/assets/images/projects/public.webp b/public/images/projects/public.webp
similarity index 100%
rename from assets/images/projects/public.webp
rename to public/images/projects/public.webp
diff --git a/assets/images/projects/recipeready.webp b/public/images/projects/recipeready.webp
similarity index 100%
rename from assets/images/projects/recipeready.webp
rename to public/images/projects/recipeready.webp
diff --git a/assets/images/projects/resketch.webp b/public/images/projects/resketch.webp
similarity index 100%
rename from assets/images/projects/resketch.webp
rename to public/images/projects/resketch.webp
diff --git a/assets/images/services/calibre-web.png b/public/images/services/calibre-web.png
similarity index 100%
rename from assets/images/services/calibre-web.png
rename to public/images/services/calibre-web.png
diff --git a/assets/images/services/eifueo.svg b/public/images/services/eifueo.svg
similarity index 100%
rename from assets/images/services/eifueo.svg
rename to public/images/services/eifueo.svg
diff --git a/assets/images/services/gitea.png b/public/images/services/gitea.png
similarity index 100%
rename from assets/images/services/gitea.png
rename to public/images/services/gitea.png
diff --git a/assets/images/services/jellyfin.png b/public/images/services/jellyfin.png
similarity index 100%
rename from assets/images/services/jellyfin.png
rename to public/images/services/jellyfin.png
diff --git a/assets/images/services/minecraft.png b/public/images/services/minecraft.png
similarity index 100%
rename from assets/images/services/minecraft.png
rename to public/images/services/minecraft.png
diff --git a/assets/images/services/plex.png b/public/images/services/plex.png
similarity index 100%
rename from assets/images/services/plex.png
rename to public/images/services/plex.png
diff --git a/assets/images/services/primogem.png b/public/images/services/primogem.png
similarity index 100%
rename from assets/images/services/primogem.png
rename to public/images/services/primogem.png