images

.env.production

@@ -1 +1 @@
-VITE_URL:/containers/lucasdelanier-portfolio/
+VITE_BASE_URL:'/containers/lucasdelanier-portfolio/'

env.d.ts

@@ -0,0 +1,3 @@
+interface ImportMetaEnv {
+    VITE_BASE_URL: string
+}

public/i18n/en.json

@@ -5,7 +5,7 @@
   "copy": "Copy",
   "about": "About",
   "skills": "Skills",
-  "experiences": "Experience",
+  "experiences": "Experiences",
   "projects": "Projects",
   "welcome-message": "Hey, I'm Lucas",
   "catch-phrase": "Developer & <br> Designer of applications",

public/i18n/fr.json

@@ -5,7 +5,7 @@
   "copy": "Copier",
   "about": "À propos",
   "skills": "Compétences",
-  "experiences": "Expérience",
+  "experiences": "Expériences",
   "projects": "Projets",
   "welcome-message": "Salut, je suis Lucas",
   "catch-phrase": "Developpeur & <br> Designer d'applications",

src/components/GridSkill.vue

@@ -41,13 +41,12 @@ const skills = [
     alt: "communication icon"
   }
 ];
-const url = import.meta.env.BASE_URL;
 </script>
 
 <template>
   <div class="grid gap-5 xl:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 grid-cols-1">
     <SkillCell v-for="(skill, index) in skills" :key="index" :title="skill.title" :text="skill.text" class="group">
-      <img :src="`${url}images/${ skill.image}`" :height="60" :width="60"
+      <img :src="`/src/assets/images/${ skill.image}`" :height="60" :width="60"
            class="h-7 w-7 group-hover:scale-110 transition-all ease-in duration-500 group-hover:brightness-200"
            :alt="skill.alt">
     </SkillCell>