refactor: i18n

components/docs/Request.vue

@@ -45,7 +45,7 @@
         <code>{{ request.bearerToken || $t("none") }}</code>
       </span>
     </p>
-    <h4 v-if="request.headers" class="heading">{{ $t("headers") }}</h4>
+    <h4 v-if="request.headers" class="heading">{{ $t("tab.headers") }}</h4>
     <span v-if="request.headers">
       <p
         v-for="(header, index) in request.headers"

components/graphql/RequestOptions.vue

@@ -111,7 +111,7 @@
         </AppSection>
       </SmartTab>
 
-      <SmartTab :id="'headers'" :label="$t('headers')">
+      <SmartTab :id="'headers'" :label="$t('tab.headers')">
         <AppSection label="headers">
           <div
             class="
@@ -127,7 +127,7 @@
             "
           >
             <label class="font-semibold text-secondaryLight">
-              {{ $t("headers") }}
+              {{ $t("tab.headers") }}
             </label>
             <div class="flex">
               <ButtonSecondary

components/graphql/Response.vue

@@ -15,7 +15,7 @@
       "
     >
       <label class="font-semibold text-secondaryLight">
-        {{ $t("response") }}
+        {{ $t("response.title") }}
       </label>
       <div class="flex">
         <ButtonSecondary
@@ -62,7 +62,7 @@
       <div class="flex space-x-2 pb-4">
         <div class="flex flex-col space-y-4 items-end">
           <span class="flex flex-1 items-center">
-            {{ $t("shortcut.send_request") }}
+            {{ $t("shortcut.request.send_request") }}
           </span>
           <span class="flex flex-1 items-center">
             {{ $t("shortcut.general.show_all") }}

components/http/ResponseMeta.vue

@@ -12,7 +12,7 @@
       <div class="flex space-x-2 pb-4">
         <div class="flex flex-col space-y-4 items-end">
           <span class="flex flex-1 items-center">
-            {{ $t("shortcut.send_request") }}
+            {{ $t("shortcut.request.send_request") }}
           </span>
           <span class="flex flex-1 items-center">
             {{ $t("shortcut.general.show_all") }}
@@ -86,15 +86,15 @@
         class="font-semibold space-x-4"
       >
         <span v-if="response.statusCode">
-          <span class="text-secondary"> Status: </span>
+          <span class="text-secondary"> {{ $t("response.status") }}: </span>
           {{ response.statusCode || $t("waiting_send_req") }}
         </span>
         <span v-if="response.meta && response.meta.responseDuration">
-          <span class="text-secondary"> Time: </span>
+          <span class="text-secondary"> {{ $t("response.time") }}: </span>
           {{ `${response.meta.responseDuration} ms` }}
         </span>
         <span v-if="response.meta && response.meta.responseSize">
-          <span class="text-secondary"> Size: </span>
+          <span class="text-secondary"> {{ $t("response.size") }}: </span>
           {{ `${response.meta.responseSize} B` }}
         </span>
       </div>

components/http/TestResult.vue

@@ -1,5 +1,5 @@
 <template>
-  <AppSection :label="$t('test.result')">
+  <AppSection :label="$t('test.results')">
     <div
       v-if="
         testResults &&

components/lenses/ResponseBodyRenderer.vue

@@ -2,9 +2,9 @@
   <SmartTabs styles="sticky z-10 top-lowerPrimaryStickyFold">
     <SmartTab
       v-for="(lens, index) in validLenses"
-      :id="lens.lensName"
+      :id="lens.renderer"
       :key="`lens-${index}`"
-      :label="lens.lensName"
+      :label="$t(lens.lensName)"
       :selected="index === 0"
     >
       <component :is="lens.renderer" :response="response" />
@@ -12,7 +12,7 @@
     <SmartTab
       v-if="headerLength"
       id="headers"
-      :label="$t('Headers')"
+      :label="$t('response.headers')"
       :info="headerLength.toString()"
     >
       <LensesHeadersRenderer :headers="response.headers" />

components/lenses/renderers/HTMLLensRenderer.vue

@@ -14,7 +14,7 @@
       "
     >
       <label class="font-semibold text-secondaryLight">
-        {{ $t("response_body") }}
+        {{ $t("response.body") }}
       </label>
       <div class="flex">
         <ButtonSecondary

components/lenses/renderers/ImageLensRenderer.vue

@@ -14,7 +14,7 @@
       "
     >
       <label class="font-semibold text-secondaryLight">
-        {{ $t("response_body") }}
+        {{ $t("response.body") }}
       </label>
       <div class="flex">
         <ButtonSecondary

components/lenses/renderers/JSONLensRenderer.vue

@@ -14,7 +14,7 @@
       "
     >
       <label class="font-semibold text-secondaryLight">
-        {{ $t("response_body") }}
+        {{ $t("response.body") }}
       </label>
       <div class="flex">
         <ButtonSecondary

components/lenses/renderers/RawLensRenderer.vue

@@ -14,7 +14,7 @@
       "
     >
       <label class="font-semibold text-secondaryLight">
-        {{ $t("response_body") }}
+        {{ $t("response.body") }}
       </label>
       <div class="flex">
         <ButtonSecondary

components/lenses/renderers/XMLLensRenderer.vue

@@ -14,7 +14,7 @@
       "
     >
       <label class="font-semibold text-secondaryLight">
-        {{ $t("response_body") }}
+        {{ $t("response.body") }}
       </label>
       <div class="flex">
         <ButtonSecondary