I have translated ManageAccount

src/locales/en.json

@@ -101,5 +101,12 @@
     "menucolor": "Menu color",
     "pageinformation": "Your page information",
     "socialnetwork": "Social Network"
+  },
+  "accountmanagement": {
+    "accounts": "Account",
+    "accountmanagement": "Account Management",
+    "pageid": "Page ID",
+    "addAccount": "Add Account",
+    "authoritygranted": "Granted Permissions"
   }
 }

src/locales/fr.json

@@ -101,6 +101,13 @@
     "menucolor": "Couleur des menus",
     "pageinformation": "Informations de votre page",
     "socialnetwork": "Réseaux sociaux"
+  },
+  "accountmanagement": {
+    "accounts" : "comptes",
+    "accountmanagement": "Gestion des comptes",
+    "pageid": "ID de la page",
+    "addaccount": "Ajouter un compte",
+    "authoritygranted": "Autorisations accordées"
   }
 
 }

src/views/creators/SubscriptionList.vue

@@ -17,7 +17,6 @@ const subscriptionStore = useSubscriptionStore()
                class="rounded-full mx-2"
                width="32px"
                height="32px">
-
           {{ subscription.creatorName }}
         </div>
 

src/views/profile/management/ManageAccount.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="flex flex-col items-center w-full">
-    <h1 class="uppercase pb-5 text-2xl">  <v-icon class="mr-2 text">mdi-account</v-icon> Gestion des comptes</h1>
+    <h1 class="uppercase pb-5 text-2xl">  <v-icon class="mr-2 text">mdi-account</v-icon>{{$t('accountmanagement.accountmanagement')}}</h1>
 
     <div class="border rounded-2xl w-full max-w-[800px]">
-      <div class="py-5 uppercase ml-4">Comptes</div>
+      <div class="py-5 uppercase ml-4">{{$t('accountmanagement.accounts')}}</div>
 
       <div class="flex flex-col w-full">
         <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="min-w-32 text-left">Id de la page</span>
+          <span class="min-w-32 text-left">{{$t('accountmanagement.pageid')}}</span>
           <span class="flex-auto pr-6 text-left">Nom de la page / utilisateur </span>
           <span class="flex-none">
             <img
@@ -20,7 +20,7 @@
         </button>
 
         <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
-          <span class="flex-none pa-2 min-w-32 text-left">Ajouter un compte</span>
+          <span class="flex-none pa-2 min-w-32 text-left">{{$t('accountmanagement.addAccount')}}</span>
 
           <span class="flex-none text-fuchsia-800">
             <v-icon>mdi-plus-circle</v-icon>
@@ -30,11 +30,11 @@
     </div>
 
     <div class="border rounded-2xl w-full max-w-[800px] mt-10">
-      <div class="py-5 uppercase ml-4">Autorisations accordées</div>
+      <div class="py-5 uppercase ml-4">{{$t('accountmanagement.authoritygranted')}}</div>
 
       <div class="flex flex-col w-full">
         <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="min-w-32 text-left">Id de la page</span>
+          <span class="min-w-32 text-left">{{$t('accountmanagement.pageid')}}</span>
           <span class="flex-auto pr-6 text-left">Nom de utilisateur </span>
           <span class="flex-none">
             <img
@@ -47,7 +47,7 @@
         </button>
 
         <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
-          <span class="flex-none pa-2 min-w-32 text-left">Ajouter un compte</span>
+          <span class="flex-none pa-2 min-w-32 text-left">{{$t('accountmanagement.addaccount')}}</span>
 
           <span class="flex-none text-fuchsia-800">
             <v-icon>mdi-plus-circle</v-icon>