From 81fec8f5683064b7bc43c9541b87dc6c702ac299 Mon Sep 17 00:00:00 2001
From: ludelanier <lucas.delanier@etu.uca.fr>
Date: Wed, 8 May 2024 04:28:31 +0200
Subject: [PATCH] images

---
 package-lock.json            | 12 ++++++++++++
 package.json                 |  1 +
 src/components/GridSkill.vue |  3 ++-
 vite.config.js               |  2 ++
 4 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index a1f6919..6668a10 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "myapp",
       "version": "0.0.0",
       "dependencies": {
+        "dotenv": "^16.4.5",
         "lottie-vuejs": "^0.4.0",
         "vite-svg-loader": "^5.1.0",
         "vue": "^3.4.21",
@@ -1604,6 +1605,17 @@
         "domelementtype": "1"
       }
     },
+    "node_modules/dotenv": {
+      "version": "16.4.5",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+      "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
diff --git a/package.json b/package.json
index 9d3424b..1f134c8 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "dotenv": "^16.4.5",
     "lottie-vuejs": "^0.4.0",
     "vite-svg-loader": "^5.1.0",
     "vue": "^3.4.21",
diff --git a/src/components/GridSkill.vue b/src/components/GridSkill.vue
index 1c479dc..488dc0c 100644
--- a/src/components/GridSkill.vue
+++ b/src/components/GridSkill.vue
@@ -41,12 +41,13 @@ 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="`/images/${ skill.image}`" :height="60" :width="60"
+      <img :src="`${url}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>
diff --git a/vite.config.js b/vite.config.js
index e00e0f8..a1318b0 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,8 +1,10 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import svgLoader from 'vite-svg-loader'
+import { fileURLToPath, URL } from 'node:url'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue(), svgLoader()],
+  base: '/',
 })