translate about

src/components/modal/About.vue

@@ -11,15 +11,7 @@
           />
           <h3 class="mt-5 mb-2">Evolution Manager</h3>
           <p>
-            O Evolution Manager, independente da
+            {{ $t("about.description") }}
-            <a
-              href="https://github.com/EvolutionAPI/evolution-api/"
-              target="_blank"
-            >
-              Evolution API</a
-            >, facilita a gestão de suas APIs com uma interface intuitiva. Ele
-            foi criado por desenvolvedores independentes, focando em melhorar a
-            experiência do usuário e a administração das funcionalidades da API.
           </p>
           <div
             class="d-flex gap-x-2 gap-y-1 align-center justify-center mt-5 flex-wrap"
@@ -30,33 +22,28 @@
               color="grey-darken-3"
             >
               <v-icon start>mdi-github</v-icon>
-              Repositório no GitHub
+              GitHub
             </v-btn>
             <v-btn @click="contribute" color="light-blue">
               <v-icon start>mdi-hand-coin</v-icon>
-              Contribua com o projeto
+              {{ $t("about.contribute") }}
             </v-btn>
           </div>
 
-          <h3 class="mt-5 mb-2">Processamento de Dados</h3>
+          <h3 class="mt-5 mb-2">{{ $t("about.dataProcess.title") }}</h3>
-          <p>
+          <p v-html="$t('about.dataProcess.description')" />
-            O processamento e armazenamento de dados ocorre <b>localmente</b> no
-            seu navegador, sem uso de um backend centralizado. Isso reforça a
-            segurança e privacidade, mantendo suas informações confidenciais e
-            protegidas.
-          </p>
           <v-alert v-if="isHttps" color="info" class="mt-2" variant="tonal">
-            Por conta de todo o processamento ser realizado no navegador, é
+            {{ $t("about.dataProcess.https") }}
-            necessário que o servidor da Evolution API seja acessado através de
-            uma conexão segura (HTTPS).
           </v-alert>
-          
+
-          <span class="mt-5 mb-2 text-disabled">Versão: {{ version }}</span>
+          <span class="mt-5 mb-0 text-disabled">Versão: {{ version }}</span>
         </div>
       </v-card-text>
       <v-card-actions>
         <v-spacer></v-spacer>
-        <v-btn text @click="dialog = false" block :disabled="loading"> Fechar </v-btn>
+        <v-btn text @click="dialog = false" block :disabled="loading">
+          Fechar
+        </v-btn>
         <v-spacer></v-spacer>
       </v-card-actions>
     </v-card>

src/i18n/en.js

@@ -34,6 +34,13 @@ export default {
   },
   about: {
     title: "About",
+    description: "Evolution Manager makes it easy to manage your APIs with an intuitive interface. It was created by independent developers, focusing on improving the user experience and administration of API functionalities.",
+    contribute: "Contribute to the project",
+    dataProcess: {
+      title: "Data Processing",
+      description: "Data processing and storage occur <b>locally</b> in your browser, without the use of a centralized backend. This reinforces security and privacy, keeping your confidential information protected.",
+      https: "Due to all processing being done in the browser, it is necessary to access the Evolution API server through a secure connection (HTTPS)."
+    },
     version: "Version",
   },
   contribute: {

src/i18n/pt.js

@@ -34,6 +34,13 @@ export default {
   },
   about: {
     title: "Sobre",
+    description: "O Evolution Manager facilita a gestão de suas APIs com uma interface intuitiva. Ele foi criado por desenvolvedores independentes, focando em melhorar a experiência do usuário e a administração das funcionalidades da API.",
+    contribute: "Contribua com o projeto",
+    dataProcess: {
+      title: "Processamento de dados",
+      description: "O processamento e armazenamento de dados ocorre <b>localmente</b> no seu navegador, sem uso de um backend centralizado. Isso reforça a segurança e privacidade, mantendo suas informações confidenciais e protegidas.",
+      https: "Por conta de todo o processamento ser realizado no navegador, é necessário que o servidor da Evolution API seja acessado através de uma conexão segura (HTTPS)."
+    },
     version: "Versão",
   },
   contribute: {