translate about

src/components/HordeApi.vue

@@ -1,23 +1,21 @@
 <template>
     <div>
         <div v-if="HordeClient.api_key == '0000000000'">
-            <a href="https://stablehorde.net/register" class="btn btn-success" target="_blank">obtenir votre clé d'api personnelle de la horde</a> 
+            <a href="https://stablehorde.net/register" class="btn btn-success" target="_blank">{{ $t('horde_api.getKey') }}</a> 
 
 
                 <RouterLink to="/about"><IconQuestionIcon /></RouterLink>
 
             <br>
-            pour accélérer la génération de texte et d'image,
-            et l'enregistrez la dans votre navigateur 
-            <input id="api_input" placeholder="clé d'Api" v-model="newHordeApi" autocomplete="off"
+            {{ $t('horde_api.accelerate') }} 
+            <input id="api_input" :placeholder="$t('horde_api.keyPlaceholder')" v-model="newHordeApi" autocomplete="off"
                 @change="changeApi" />
             <!-- type="password" -->
 
         </div>
         <div v-else>
-            Votre clé d'api Horde est active. 
-            <button class="btn btn-secondary btn-sm" @click="reinitApi">Reinitialiser ma clé API
-                horde</button>
+            {{ $t('horde_api.keyActive') }} 
+            <button class="btn btn-secondary btn-sm" @click="reinitApi">{{ $t('horde_api.keyInit') }} </button>
         </div>
 
     </div>

src/locales/en.json

@@ -17,5 +17,16 @@
     "idee": "This idea illustrates the complexities and contradictions of human psychology that are often explored in the works of Philip K. Dick.",
     "appli_equi": "The Equilibre application allows you to chat with the profile of a person who matches your current state of mind.",
     "whoYouWantToTalk": "Who would you like to chat with?"
+  },
+  "horde_api": {
+    "keyPlaceholder": "Enter your API key",
+    "getKey": "get your personal api key from horde",
+    "accelerate": "to speed up the generation of text and images, and save it in your browser",
+    "keyActive": "Your Horde API key is active.",
+    "keyInit": "Reset my horde API key",
+    "more_horde_info": "more info on how the horde works",
+    "explanation1": "to obtain a Horde API key, by clicking on ",
+    "this_link": "this register link",
+    "explanation2": "which will allow you to be prioritized and generate text and images faster. For the API, it is not necessary to connect to one of the indicated providers. You just have to indicate a user name (Display Name) and note the code which will be generated in the orange banner, copy it. Keep this code in a corner and insert it into the `API key` input field on the page "
   }
 }

src/locales/fr.json

@@ -17,5 +17,16 @@
     "idee": "Cette idée illustre les complexités et les contradictions de la psychologie humaine qui sont souvent explorées dans les œuvres de Philip K. Dick.",
     "appli_equi": "L'application Equilibre vous permet de discuter avec le profil de personne qui correspond à votre état d'edprit du moment.",
     "whoYouWantToTalk": "Avec qui souhaiteriez-vous discuter ?"
+  },
+  "horde_api": {
+    "keyPlaceholder": "Entrez votre clé d'api horde",
+    "getKey": "obtenir votre clé d'api personnelle de la horde",
+    "accelerate": "pour accélérer la génération de texte et d'image, et l'enregistrez la dans votre navigateur",
+    "keyActive": "Votre clé d'api Horde est active.",
+    "keyInit": "Reinitialiser ma clé API horde",
+    "more_horde_info": "plus d'infos sur le fonctionnement de la horde",
+    "explanation1": "pour obtenir une clé API Horde, en cliquant sur ",
+    "this_link": "ce lien d'enregistrement",
+    "explanation2": "qui vous permettra d'être prioritaire et de générer le texte et les images plus rapidement. Pour l'API, il n'est pas nécessaire de se connecter sur l'un des providers indiqués.Vous avez juste à indiquer un nom d'utilisateur (Display Name) et à noter le code qui sera généré dans le bandeau orange, copiez-le. Garder ce code dans un coin et insérez le dans le champ de saisie `clé d'API` de la page "
   }
 }

src/views/AboutView.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="about">
     <ul>
-      <li>pour obtenir une clé API Horde, en cliquant sur <a href="https://stablehorde.net/register" target="_blank">ce lien</a> 
-        qui vous permettra d'être prioritaire et de générer le texte et les images plus rapidement. Pour l'API, il n'est pas nécessaire de se connecter sur l'un des providers indiqués.
-        Vous avez juste à indiquer un nom d'utilisateur (Display Name) et à noter le code qui sera généré dans le bandeau orange, copiez-le. 
-        Garder ce code dans un coin et insérez le dans le champ de saisie "clé d'API" de la page <RouterLink to="/"> Accueil</RouterLink>
+      <li>{{ $t('horde_api.explanation1') }}<a href="https://stablehorde.net/register" target="_blank">{{
+        $t('horde_api.this_link') }}</a>
+        {{ $t('horde_api.explanation2') }}
+        <RouterLink to="/"> {{ $t('title.home') }}</RouterLink>
         <ul>
           <li>
-            <a href="https://stablehorde.net/" target="_blank">plus d'infos sur le fonctionnement de la horde</a>
+            <a href="https://stablehorde.net/" target="_blank">{{ $t('horde_api.more_horde_info') }}</a>
           </li>
           <!-- <li>