Is hutopy finally trilangual

frontend/src/views/creators/NameEditor.vue

@@ -2,7 +2,7 @@
 import {ref, onMounted, onUnmounted} from "vue";
 import {v7} from "uuid";
 import {useClient} from "@/plugins/api.js";
-import { useTranslations } from '@/translations/translations'
+import { useI18n } from 'vue-i18n';
 
 const props = defineProps({
   name: {
@@ -19,7 +19,7 @@ const emits = defineEmits([
 ]);
 
 const name = ref(props.name);
-const t = useTranslations();
+const { t } = useI18n();
 
 const isOperationPending = ref(false);
 const reservationState = ref(null);
@@ -112,7 +112,7 @@ onUnmounted(() => {
 <template>
   <v-text-field
       variant="outlined"
-      :label="t('label')"
+      :label="t('creator.name.label')"
       v-model="name"
       outlined
       @input="handleInput"
@@ -134,4 +134,30 @@ onUnmounted(() => {
 
 <style scoped>
 
-</style>
+</style>
+
+<i18n>
+{
+  "en": {
+    "creator": {
+      "name": {
+        "label": "Page name"
+      }
+    }
+  },
+  "fr": {
+    "creator": {
+      "name": {
+        "label": "Nom de la page"
+      }
+    }
+  },
+  "es": {
+    "creator": {
+      "name": {
+        "label": "Nombre de la página"
+      }
+    }
+  }
+}
+</i18n>