refactor: move some texts to locale

rotki · Jul 31, 2023 · 3b97be4 · 3b97be4
1 parent c4160f5
commit 3b97be4
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 17 deletions.
diff --git a/layouts/jobs.vue b/layouts/jobs.vue
@@ -2,6 +2,8 @@
 import Default from '~/layouts/default.vue';
 
 const slots = useSlots();
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -11,7 +13,7 @@ const slots = useSlots();
         <div class="max-w-[768px]">
           <div class="mb-3">
             <ButtonLink to="/jobs" color="primary" inline>
-              Careers at rotki
+              {{ t('jobs.title') }}
             </ButtonLink>
           </div>
           <div class="text-h4">

diff --git a/locales/en.json b/locales/en.json
@@ -125,6 +125,7 @@
     }
   },
   "actions": {
+    "apply": "Apply",
     "back": "Back",
     "continue": "Continue",
     "download": "Start now for free",
@@ -317,5 +318,11 @@
   },
   "page_header": {
     "manage_premium": "Manage Premium"
+  },
+  "jobs": {
+    "title": "Careers at rotki",
+    "header": "We’re looking for talented people",
+    "description": "Our mission is to empower users to take control of their finances both in and out of crypto in a transparent and auditable way while enabling them to own their data through a self-sovereign application.",
+    "no_open_roles": "There are no open roles."
   }
 }
diff --git a/middleware/redirects.ts b/middleware/redirects.ts
diff --git a/pages/jobs/[id].vue b/pages/jobs/[id].vue
@@ -65,6 +65,8 @@ if (!data?.open) {
 definePageMeta({
   layout: false,
 });
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -102,7 +104,7 @@ definePageMeta({
               color="primary"
               variant="default"
             >
-              Apply
+              {{ t('actions.apply') }}
             </ButtonLink>
           </div>
         </div>

diff --git a/pages/jobs/index.vue b/pages/jobs/index.vue
@@ -3,9 +3,10 @@ import { commonAttrs, getMetadata } from '~/utils/metadata';
 import { useMarkdownContent } from '~/composables/markdown';
 import JobTag from '~/pages/jobs/JobTag.vue';
 
-const title = 'We’re looking for talented people';
-const description =
-  'Our mission is to empower users to take control of their finances both in and out of crypto in a transparent and auditable way while enabling them to own their data through a self-sovereign application.';
+const { t } = useI18n();
+
+const title = t('jobs.header');
+const description = t('jobs.description');
 
 const {
   public: { baseUrl },
@@ -69,7 +70,7 @@ definePageMeta({
           </div>
         </div>
         <div v-else>
-          <TextParagraph>There are no open roles.</TextParagraph>
+          <TextParagraph>{{ t('jobs.no_open_roles') }}</TextParagraph>
         </div>
       </div>
     </div>