feat: finish new i18n translation format

pages/documentation.vue

@@ -6,7 +6,7 @@
           <AppSection label="import">
             <div class="flex p-4 items-start justify-between">
               <label>
-                {{ $t("generate_docs_message") }}
+                {{ $t("documentation.generate_message") }}
               </label>
               <span
                 class="
@@ -83,7 +83,7 @@
               "
             >
               <ButtonPrimary
-                :label="$t('generate_docs')"
+                :label="$t('documentation.generate')"
                 @click.native="getDoc"
               />
             </div>
@@ -104,7 +104,7 @@
               >
                 <i class="opacity-75 pb-2 material-icons">topic</i>
                 <span class="text-center">
-                  {{ $t("generate_docs_first") }}
+                  {{ $t("helpers.generate_documentation_first") }}
                 </span>
               </div>
               <div
@@ -196,6 +196,7 @@ export default defineComponent({
       items: [],
       docsMarkdown: "",
       selected: [],
+      currentUser: null,
     }
   },
   subscriptions() {
@@ -249,11 +250,11 @@ export default defineComponent({
           this.collectionJSON = target.result
         }
         reader.readAsText(file)
-        this.$toast.info(this.$t("file_imported"), {
+        this.$toast.info(this.$t("state.file_imported"), {
           icon: "attach_file",
         })
       } else {
-        this.$toast.error(this.$t("choose_file"), {
+        this.$toast.error(this.$t("action.choose_file"), {
           icon: "attach_file",
         })
       }
@@ -286,7 +287,7 @@ export default defineComponent({
         this.items = JSON.parse(this.collectionJSON)
         this.assignIDs(this.items, "", "#")
         this.$toast.clear()
-        this.$toast.info(this.$t("docs_generated"), {
+        this.$toast.info(this.$t("state.docs_generated"), {
           icon: "book",
         })
         const docsMarkdown = Mustache.render(

pages/settings.vue

@@ -34,7 +34,7 @@
                   </div>
                   <div class="ml-4">
                     <label>
-                      {{ currentUser.displayName || $t("nothing_found") }}
+                      {{ currentUser.displayName || $t("state.nothing_found") }}
                     </label>
                     <p class="mt-1 text-secondaryLight">
                       {{ $t("settings.account_name_description") }}
@@ -47,7 +47,7 @@
                   </div>
                   <div class="ml-4">
                     <label>
-                      {{ currentUser.email || $t("nothing_found") }}
+                      {{ currentUser.email || $t("state.nothing_found") }}
                     </label>
                     <p class="mt-1 text-secondaryLight">
                       {{ $t("settings.account_email_description") }}
@@ -163,7 +163,7 @@
                 to="https://github.com/hoppscotch/hoppscotch/issues/new/choose"
                 blank
               >
-                {{ $t("contact_us") }} </SmartLink
+                {{ $t("app.contact_us") }} </SmartLink
               >.
             </div>
             <div class="space-y-4 py-4">
@@ -287,13 +287,17 @@
               {{ $t("settings.proxy") }}
             </h4>
             <div class="mt-1 text-secondaryLight">
-              {{ `${$t("settings.official_proxy_hosting")} ${$t("read_the")}` }}
+              {{
+                `${$t("settings.official_proxy_hosting")} ${$t(
+                  "settings.read_the"
+                )}`
+              }}
               <SmartLink
                 class="link"
                 to="https://github.com/hoppscotch/proxyscotch/wiki/Privacy-policy"
                 blank
               >
-                {{ $t("proxy_privacy_policy") }} </SmartLink
+                {{ $t("app.proxy_privacy_policy") }} </SmartLink
               >.
             </div>
             <div class="space-y-4 py-4">
@@ -322,7 +326,7 @@
               </div>
               <ButtonSecondary
                 v-tippy="{ theme: 'tooltip' }"
-                :title="$t('reset_default')"
+                :title="$t('settings.reset_default')"
                 :icon="clearIcon"
                 outline
                 class="rounded"
@@ -460,7 +464,7 @@ export default defineComponent({
     resetProxy() {
       applySetting("PROXY_URL", `https://proxy.hoppscotch.io/`)
       this.clearIcon = "done"
-      this.$toast.info(this.$t("cleared").toString(), {
+      this.$toast.info(this.$t("state.cleared").toString(), {
         icon: "clear_all",
       })
       setTimeout(() => (this.clearIcon = "clear_all"), 1000)