Add localization support for various components, including dialogs and views, in English, Spanish, and French. Implemented translations for user profile management, payment processes, and creator functionalities. Updated existing components to utilize the new translation system.

frontend/src/views/profile/creators/ChangeStripeIdDialog.vue

@@ -1,6 +1,7 @@
 <script setup>
 import {useClient} from '@/plugins/api.js';
 import {ref} from 'vue';
+import { useTranslations } from '@/translations/translations';
 
 const props = defineProps({
   creator: {
@@ -11,6 +12,7 @@ const props = defineProps({
 const emits = defineEmits(['closeRequested']);
 
 const stripeId = ref(props.creator.stripeId);
+const t = useTranslations();
 
 const client = useClient();
 
@@ -35,13 +37,13 @@ const cancel = () => {
 <template>
   <div class="card dialog">
     <div class="card-title">
-      Modifier le Stripe ID
+      {{ t('title') }}
     </div>
 
     <div class="card-content">
       <v-text-field
           v-model="stripeId"
-          label="Stripe Id"
+          :label="t('label')"
           outlined
           variant="outlined"
       ></v-text-field>
@@ -49,11 +51,11 @@ const cancel = () => {
       <div class="card-actions">
         <button class="secondary"
                 @click="cancel">
-          Annuler
+          {{ t('cancel') }}
         </button>
         <button class="primary"
                 @click="save">
-          Enregistrer
+          {{ t('save') }}
         </button>
       </div>
     </div>