I have translated AccountSecurity.vue+ did a fix in manageaccount

src/locales/en.json

@@ -1,7 +1,7 @@
 {
   "general": {
     "yes": "yes",
-    "no": "no"            
+    "no": "no"
   },
   "banner": {
     "subscription": "Subscriptions"
@@ -38,17 +38,17 @@
     "wallet": "Wallet",
     "Signout": "Sign out"
   },
-  "message": {    
+  "message": {
-    "edit" : "Edit",
+    "edit": "Edit",
     "delete": "Delete",
     "report": "Report",
     "yourcomment": "Your comment..."
-     },
+  },
   "contentCard": {
     "commenttitle": "comments",
-    "edit" : "Edit",
+    "edit": "Edit",
-    "delete" : "delete",
+    "delete": "delete",
-    "report" : "report",
+    "report": "report",
     "deletecontenttitle": "Delete this content?",
     "deeletecontentwarning": "Are you sure you want to delete the content?"
   },
@@ -56,21 +56,21 @@
     "seconds": "seconds",
     "1minuteago": "1 minute ago",
     "1minutefromnow": "1 minute from now",
-    "minutes" : "minutes",
+    "minutes": "minutes",
-    "1hourago" : "1 hour ago",
+    "1hourago": "1 hour ago",
     "1hourfromnow": "1 hour from now",
-    "hours" : "hours",
+    "hours": "hours",
-    "yesterday" : "Yesterday",
+    "yesterday": "Yesterday",
     "tomorrow": "Tomorrow",
-    "days" : "days",
+    "days": "days",
-    "lastweek" : "Last week",
+    "lastweek": "Last week",
-    "nextweek" : "Next week",
+    "nextweek": "Next week",
-    "weeks" : "weeks",
+    "weeks": "weeks",
-    "lastmonth" : "Last month",
+    "lastmonth": "Last month",
-    "nextmonth" : "Next month",
+    "nextmonth": "Next month",
-    "months" : "months",
+    "months": "months",
     "lastyear": "Last year",
-    "nextyear" : "Next year",
+    "nextyear": "Next year",
     "years": "years",
     "lastcentury": "Last century",
     "nextcentury": "Next century",
@@ -106,7 +106,15 @@
     "accounts": "Account",
     "accountmanagement": "Account Management",
     "pageid": "Page ID",
-    "addAccount": "Add Account",
+    "addaccount": "Add Account",
     "authoritygranted": "Granted Permissions"
+  },
+  "security": {
+    "title": "Security",
+    "howtoconnect": "How to connect to Hutopy",
+    "password": "Password",
+    "recoverybyemail": "Recovery by Email",
+    "recoverybymobile": "Recovery by Mobile"
   }
+
 }

src/locales/fr.json

@@ -108,6 +108,14 @@
     "pageid": "ID de la page",
     "addaccount": "Ajouter un compte",
     "authoritygranted": "Autorisations accordées"
+  },
+  "security": {
+    "title": "Sécurité",
+    "howtoconnect": "Comment vous connecter à Hutopy",
+    "password": "Mot de passe",
+    "recoverybyemail": "Récupération par email",
+    "recoverybymobile": "Récupération par mobile"
   }
 
+
 }

src/views/profile/management/ManageAccount.vue

@@ -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">{{$t('accountmanagement.addAccount')}}</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>

src/views/profile/security/AccountSecurity.vue

@@ -1,16 +1,16 @@
 <template>
   <div class="flex flex-col items-center w-full">
-    <h1 class="uppercase pb-5 text-2xl">   <v-icon class="mr-2">mdi-security</v-icon> Sécurité</h1>
+    <h1 class="uppercase pb-5 text-2xl">   <v-icon class="mr-2">mdi-security</v-icon>{{$t('security.title')}}</h1>
 
     <div class="border rounded-2xl w-full max-w-[800px]">
-      <div class="py-5 uppercase ml-4">Comment vous connecter à Hutopy</div>
+      <div class="py-5 uppercase ml-4">{{$t('security.howtoconnect')}}</div>
 
       <div class="flex flex-col w-full">    
         <button
             @click="openModal('ModalPassword')"
             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="pa-2 min-w-32 text-left"><v-icon>mdi-onepassword</v-icon></span>
-          <span class="flex-auto text-left pr-6">Mot de passe</span>
+          <span class="flex-auto text-left pr-6">{{$t('security.password')}}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -20,7 +20,7 @@
             @click="openModal('ModalRecoveryByEmailInfo')"
             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="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-email-outline</v-icon></span>
-          <span class="flex-auto text-left pr-6">Récupération par E-mail</span>
+          <span class="flex-auto text-left pr-6">{{$t('security.recoverybyemail')}}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -30,7 +30,7 @@
             @click="openModal('ModalRecoveryByPhoneInfo')"
             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 rounded-b-2xl">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-cellphone</v-icon></span>
-          <span class="flex-auto text-left pr-6">Récupération par mobile</span>
+          <span class="flex-auto text-left pr-6">{{$t('security.recoverybymobile')}}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>