Is hutopy finally trilangual

frontend/src/views/creators/ActualBanner.vue

@@ -1,5 +1,4 @@
 <template>
-
   <div class="relative">
     <!-- Banner Container with mouse events -->
     <div
@@ -35,7 +34,6 @@
       ></banner-editor>
     </template>
   </v-dialog>
-
 </template>
 
 <script setup>
@@ -43,11 +41,11 @@ import BannerEditor from "@/views/creators/BannerEditor.vue";
 import {computed, ref} from "vue";
 import {useBrandingStore} from "@/stores/brandingStore.js";
 import {useAuthStore} from "@/stores/authStore.js";
-import { useTranslations } from '@/translations/translations';
+import { useI18n } from 'vue-i18n';
 
 const authStore = useAuthStore();
 const brandingStore = useBrandingStore();
-const t = useTranslations();
+const { t } = useI18n();
 
 // State
 const showTint = ref(false);
@@ -61,12 +59,24 @@ const openBannerEditor = () => {
 const isCurrentCreator = computed(() => {
   return authStore.userId === brandingStore.value.id;
 });
-
 </script>
 
 <style scoped>
 .banner {
   @apply border-b border-solid border-hTertiary;
 }
+</style>
 
-</style>
+<i18n>
+{
+  "en": {
+    "alt": "Creator banner"
+  },
+  "fr": {
+    "alt": "Bannière du créateur"
+  },
+  "es": {
+    "alt": "Banner del creador"
+  }
+}
+</i18n>