feat: init new i18n format

components/app/Announcement.vue

@@ -49,10 +49,6 @@
         </span>
       </SmartLink>
     </span>
-    <ButtonSecondary
-      v-tippy="{ theme: 'tooltip' }"
-      icon="close"
-      :title="$t('close')"
-    />
+    <ButtonSecondary icon="close" />
   </div>
 </template>

components/app/Footer.vue

@@ -4,16 +4,16 @@
       <div>
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
-          :title="LEFT_SIDEBAR ? $t('hide_sidebar') : $t('show_sidebar')"
+          :title="LEFT_SIDEBAR ? $t('hide.sidebar') : $t('show.sidebar')"
           icon="menu_open"
           :class="{ 'transform rotate-180': !LEFT_SIDEBAR }"
           @click.native="toggleSetting('LEFT_SIDEBAR')"
         />
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
-          :title="`${ZEN_MODE ? $t('turn_off') : $t('turn_on')} ${$t(
-            'zen_mode'
-          )}`"
+          :title="`${
+            ZEN_MODE ? $t('action.turn_off') : $t('action.turn_on')
+          } ${$t('layout.zen_mode')}`"
           :icon="ZEN_MODE ? 'fullscreen_exit' : 'fullscreen'"
           :class="{
             '!text-accent focus:text-accent hover:text-accent': ZEN_MODE,
@@ -33,12 +33,12 @@
           v-if="navigatorShare"
           v-tippy="{ theme: 'tooltip' }"
           icon="share"
-          :title="$t('share')"
+          :title="$t('request.share')"
           @click.native="nativeShare()"
         />
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
-          :title="RIGHT_SIDEBAR ? $t('hide_sidebar') : $t('show_sidebar')"
+          :title="RIGHT_SIDEBAR ? $t('hide.sidebar') : $t('show.sidebar')"
           icon="menu_open"
           :class="['transform rotate-180', { 'rotate-0': !RIGHT_SIDEBAR }]"
           @click.native="toggleSetting('RIGHT_SIDEBAR')"

components/app/Header.vue

@@ -17,7 +17,7 @@
       <TabPrimary
         id="installPWA"
         v-tippy="{ theme: 'tooltip' }"
-        :title="$t('install_pwa')"
+        :title="$t('header.install_pwa')"
         icon="offline_bolt"
         @click.native="showInstallPrompt()"
       />
@@ -110,7 +110,7 @@ export default {
         theme: "toasted-primary",
         action: [
           {
-            text: this.$t("dismiss"),
+            text: this.$t("action.dismiss"),
             onClick: (_, toastObject) => {
               setLocalConfig("cookiesAllowed", "yes")
               toastObject.goAway(0)

components/app/Shortcuts.vue

@@ -85,19 +85,19 @@ export default {
           shortcuts: [
             {
               keys: [getPlatformSpecialKey(), "G"],
-              label: this.$t("send_request"),
+              label: this.$t("shortcut.send_request"),
             },
             {
               keys: [getPlatformSpecialKey(), "S"],
-              label: this.$t("save_to_collections"),
+              label: this.$t("shortcut.save_to_collections"),
             },
             {
               keys: [getPlatformSpecialKey(), "K"],
-              label: this.$t("copy_request_link"),
+              label: this.$t("shortcut.copy_request_link"),
             },
             {
               keys: [getPlatformSpecialKey(), "I"],
-              label: this.$t("reset_request"),
+              label: this.$t("shortcut.reset_request"),
             },
           ],
         },
@@ -106,31 +106,31 @@ export default {
           shortcuts: [
             {
               keys: [getPlatformAlternateKey(), "↑"],
-              label: this.$t("select_next_method"),
+              label: this.$t("shortcut.next_method"),
             },
             {
               keys: [getPlatformAlternateKey(), "↓"],
-              label: this.$t("select_previous_method"),
+              label: this.$t("shortcut.previous_method"),
             },
             {
               keys: [getPlatformAlternateKey(), "G"],
-              label: this.$t("select_get_method"),
+              label: this.$t("shortcut.get_method"),
             },
             {
               keys: [getPlatformAlternateKey(), "H"],
-              label: this.$t("select_head_method"),
+              label: this.$t("shortcut.head_method"),
             },
             {
               keys: [getPlatformAlternateKey(), "P"],
-              label: this.$t("select_post_method"),
+              label: this.$t("shortcut.post_method"),
             },
             {
               keys: [getPlatformAlternateKey(), "U"],
-              label: this.$t("select_put_method"),
+              label: this.$t("shortcut.put_method"),
             },
             {
               keys: [getPlatformAlternateKey(), "X"],
-              label: this.$t("select_delete_method"),
+              label: this.$t("shortcut.delete_method"),
             },
           ],
         },

components/app/Sidenav.vue

@@ -24,11 +24,31 @@ export default {
   data() {
     return {
       primaryNavigation: [
-        { target: "index", icon: "settings_ethernet", title: "REST" },
-        { target: "graphql", svg: "graphql", title: "GraphQL" },
-        { target: "realtime", icon: "language", title: "Realtime" },
-        { target: "documentation", icon: "book", title: "Doc" },
-        { target: "settings", icon: "settings", title: "Settings" },
+        {
+          target: "index",
+          icon: "settings_ethernet",
+          title: this.$t("navigation.rest"),
+        },
+        {
+          target: "graphql",
+          svg: "graphql",
+          title: this.$t("navigation.graphql"),
+        },
+        {
+          target: "realtime",
+          icon: "language",
+          title: this.$t("navigation.realtime"),
+        },
+        {
+          target: "documentation",
+          icon: "book",
+          title: this.$t("navigation.doc"),
+        },
+        {
+          target: "settings",
+          icon: "settings",
+          title: this.$t("navigation.settings"),
+        },
       ],
     }
   },