feat: finish new i18n translation format

components/graphql/Field.vue

@@ -38,7 +38,7 @@
         field-deprecated
       "
     >
-      {{ $t("deprecated") }}
+      {{ $t("state.deprecated") }}
     </div>
     <div v-if="fieldArgs.length > 0">
       <h5 class="my-2">Arguments:</h5>

components/graphql/QueryEditor.vue

@@ -181,7 +181,7 @@ export default {
       try {
         this.$emit("update-query", gql.print(gql.parse(this.editor.getValue())))
       } catch (e) {
-        this.$toast.error(this.$t("gql_prettify_invalid_query"), {
+        this.$toast.error(this.$t("error.gql_prettify_invalid_query"), {
           icon: "error",
         })
       }

components/graphql/RequestOptions.vue

@@ -22,7 +22,7 @@
             </label>
             <div class="flex">
               <ButtonSecondary
-                :label="$t('run')"
+                :label="$t('request.run')"
                 :shortcut="[getSpecialKey(), 'Enter']"
                 icon="play_arrow"
                 class="rounded-none !text-accent"
@@ -37,7 +37,7 @@
               <ButtonSecondary
                 v-tippy="{ theme: 'tooltip' }"
                 :title="`${$t(
-                  'prettify_query'
+                  'action.prettify'
                 )} <kbd>${getSpecialKey()}</kbd><kbd>P</kbd>`"
                 :icon="prettifyQueryIcon"
                 @click.native="prettifyQuery"
@@ -358,7 +358,7 @@ export default defineComponent({
       const startTime = Date.now()
 
       nuxt.value.$loading.start()
-      response.value = t("loading").toString()
+      response.value = t("state.loading").toString()
 
       try {
         const runURL = clone(url.value)
@@ -393,14 +393,14 @@ export default defineComponent({
 
         addGraphqlHistoryEntry(historyEntry)
 
-        $toast.success(t("finished_in", { duration }).toString(), {
+        $toast.success(t("state.finished_in", { duration }).toString(), {
           icon: "done",
         })
       } catch (e: any) {
         response.value = `${e}. ${t("error.check_console_details")}`
         nuxt.value.$loading.finish()
 
-        $toast.error(`${e} ${t("f12_details").toString()}`, {
+        $toast.error(`${e} ${t("error.f12_details").toString()}`, {
           icon: "error",
         })
         console.error(e)

components/graphql/Response.vue

@@ -21,7 +21,7 @@
         <ButtonSecondary
           ref="downloadResponse"
           v-tippy="{ theme: 'tooltip' }"
-          :title="$t('download_file')"
+          :title="$t('action.download_file')"
           :icon="downloadResponseIcon"
           @click.native="downloadResponse"
         />
@@ -92,7 +92,7 @@
         </div>
       </div>
       <ButtonSecondary
-        :label="$t('documentation')"
+        :label="$t('app.documentation')"
         to="https://docs.hoppscotch.io"
         icon="open_in_new"
         blank
@@ -151,7 +151,7 @@ export default defineComponent({
       document.body.appendChild(a)
       a.click()
       downloadResponseIcon.value = "done"
-      $toast.success(t("download_started").toString(), {
+      $toast.success(t("state.download_started").toString(), {
         icon: "done",
       })
       setTimeout(() => {

components/graphql/Sidebar.vue

@@ -16,7 +16,7 @@
               <input
                 v-model="graphqlFieldsFilterText"
                 type="search"
-                :placeholder="$t('search')"
+                :placeholder="$t('action.search')"
                 class="bg-primaryLight flex w-full py-2 pr-2 pl-9"
               />
             </div>
@@ -162,7 +162,7 @@
               <ButtonSecondary
                 ref="downloadSchema"
                 v-tippy="{ theme: 'tooltip' }"
-                :title="$t('download_file')"
+                :title="$t('action.download_file')"
                 :icon="downloadSchemaIcon"
                 @click.native="downloadSchema"
               />
@@ -415,7 +415,7 @@ export default defineComponent({
       document.body.appendChild(a)
       a.click()
       downloadSchemaIcon.value = "done"
-      $toast.success(t("download_started").toString(), {
+      $toast.success(t("state.download_started").toString(), {
         icon: "done",
       })
       setTimeout(() => {