removed getImage function

src/components/About.vue

@@ -1,6 +1,5 @@
 <script setup>
 import {useTranslation} from "i18next-vue";
-import {getImage} from "../globals.js";
 
 const {i18next, t} = useTranslation();
 
@@ -23,7 +22,7 @@ const diplomas = t('diplomas', {returnObjects: true});
         <div v-for="school in diploma.school" class="m-auto flex place-content-center text-center font-bold">
           <div class="grid grid-cols-[5rem_12rem] gap-1 max-w-[90%]">
             <img :alt="school.name"
-                 :src="getImage(school.logo)" class="m-auto rounded-full p-1 size-20"/>
+                 :src="`/${school.logo}`" class="m-auto rounded-full p-1 size-20"/>
             <p class="place-self-center">{{ school.name }} ({{ school.city }})</p>
           </div>
         </div>

src/components/Education.vue

@@ -1,6 +1,5 @@
 <script setup>
 import {useTranslation} from "i18next-vue";
-import {getImage} from "../globals.js";
 
 const {i18next, t} = useTranslation();
 
@@ -23,7 +22,7 @@ const diplomas = t('diplomas', {returnObjects: true});
         <div v-for="school in diploma.school" class="m-auto flex place-content-center text-center font-bold">
           <div class="grid grid-cols-[5rem_12rem] gap-1 max-w-[90%]">
             <img :alt="school.name"
-                 :src="getImage(school.logo)" class="m-auto rounded-full p-1 size-20"/>
+                 :src="`/${school.logo}`" class="m-auto rounded-full p-1 size-20"/>
             <p class="place-self-center">{{ school.name }} ({{ school.city }})</p>
           </div>
         </div>

src/components/Experience.vue

@@ -3,7 +3,6 @@ import {ref} from 'vue'
 import {useTranslation} from "i18next-vue";
 import Responsibility from "./Responsibility.vue";
 import Popup from "./Popup.vue";
-import {getImage} from "../globals.js";
 
 const { i18next, t } = useTranslation();
 const selectedCompany = ref([1, 2, 3, 4, 5, 6, 7]);
@@ -42,7 +41,7 @@ const handleSelectCompany = (id) => {
       >
         <div class="m-auto flex flex-col text-center">
           <img class="m-auto rounded-full p-1 size-20"
-               :src="getImage(job.logo)" :alt="job.company"/>
+               :src="`/${job.logo}`" :alt="job.company"/>
           <div class="text-lg">{{ job.dates }}</div>
         </div>
         <div class="flex flex-col justify-center">

src/components/Menu.vue

@@ -1,6 +1,5 @@
 <script setup>
 import {useTranslation} from "i18next-vue";
-import {getImage} from "../globals.js";
 
 const emit = defineEmits(['changeTab']);
 

src/components/Popup.vue

@@ -1,7 +1,4 @@
 <script setup>
-
-import {getImage} from "../globals.js";
-
 const props = defineProps({
   title: {
     type: String,

src/components/Responsibility.vue

@@ -1,6 +1,5 @@
 <script setup>
 import {computed} from 'vue'
-import {getImage} from "../globals.js";
 
 const props = defineProps({
   responsibility: {
@@ -35,12 +34,12 @@ const emit = defineEmits(['selectResponsibility']);
           v-for="(type, index) in responsibility.type"
           :key="index"
           :alt="type"
-          :src="getImage(`${type}.webp`)" class="h-8 mt-1 sm:mt-0"/>
+          :src="`/${type}.webp`" class="h-8 mt-1 sm:mt-0"/>
     </div>
     <img
         v-else
         :alt="responsibility.type"
-        :src="getImage(`${responsibility.type}.webp`)" class="h-8 mt-1 sm:mt-0"/>
+        :src="`/${responsibility.type}.webp`" class="h-8 mt-1 sm:mt-0"/>
     <p class="text-xl sm:text-base">{{ responsibility.name }}</p>
   </div>
 </template>