Is hutopy finally trilangual

frontend/src/views/creators/BannerEditor.vue

@@ -72,7 +72,7 @@ import {ref} from 'vue'
 import {useClient} from '@/plugins/api.js'
 import { Cropper } from 'vue-advanced-cropper'
 import 'vue-advanced-cropper/dist/style.css'
-import { useTranslations } from '@/translations/translations'
+import { useI18n } from 'vue-i18n'
 
 const props = defineProps({
   creator: {
@@ -94,7 +94,7 @@ const TARGET_WIDTH = 960
 const TARGET_HEIGHT = 320
 
 // Get translations for this component
-const t = useTranslations()
+const { t } = useI18n()
 
 const triggerFileInput = () => {
   fileInput.value.click()
@@ -276,3 +276,20 @@ const cancel = () => {
   @apply max-h-full;
 }
 </style>
+
+<i18n>
+{
+  "en": {
+    "chooseImage": "Choose an image",
+    "clickToEdit": "Click to edit"
+  },
+  "fr": {
+    "chooseImage": "Choisir une image",
+    "clickToEdit": "Cliquez pour modifier"
+  },
+  "es": {
+    "chooseImage": "Elegir una imagen",
+    "clickToEdit": "Haga clic para editar"
+  }
+}
+</i18n>