feat: finish new i18n translation format

components/environments/Add.vue

@@ -18,8 +18,14 @@
     </template>
     <template #footer>
       <span>
-        <ButtonPrimary :label="$t('save')" @click.native="addNewEnvironment" />
-        <ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
+        <ButtonPrimary
+          :label="$t('action.save')"
+          @click.native="addNewEnvironment"
+        />
+        <ButtonSecondary
+          :label="$t('action.cancel')"
+          @click.native="hideModal"
+        />
       </span>
     </template>
   </SmartModal>

components/environments/Edit.vue

@@ -92,8 +92,14 @@
     </template>
     <template #footer>
       <span>
-        <ButtonPrimary :label="$t('save')" @click.native="saveEnvironment" />
-        <ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
+        <ButtonPrimary
+          :label="$t('action.save')"
+          @click.native="saveEnvironment"
+        />
+        <ButtonSecondary
+          :label="$t('action.cancel')"
+          @click.native="hideModal"
+        />
       </span>
     </template>
   </SmartModal>
@@ -153,7 +159,7 @@ export default defineComponent({
     clearContent() {
       this.vars = []
       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)

components/environments/Environment.vue

@@ -27,13 +27,13 @@
         <template #trigger>
           <ButtonSecondary
             v-tippy="{ theme: 'tooltip' }"
-            :title="$t('more')"
+            :title="$t('action.more')"
             icon="more_vert"
           />
         </template>
         <SmartItem
           icon="create"
-          :label="$t('edit')"
+          :label="$t('action.edit')"
           @click.native="
             $emit('edit-environment')
             $refs.options.tippy().hide()
@@ -82,7 +82,7 @@ export default Vue.extend({
     removeEnvironment() {
       if (this.environmentIndex !== "Global")
         deleteEnvironment(this.environmentIndex)
-      this.$toast.error(this.$t("deleted").toString(), {
+      this.$toast.error(this.$t("state.deleted").toString(), {
         icon: "delete",
       })
     },

components/environments/ImportExport.vue

@@ -10,7 +10,7 @@
           <template #trigger>
             <ButtonSecondary
               v-tippy="{ theme: 'tooltip' }"
-              :title="$t('more')"
+              :title="$t('action.more')"
               class="rounded"
               icon="more_vert"
             />
@@ -53,9 +53,9 @@
       <div class="flex flex-col space-y-2">
         <SmartItem
           v-tippy="{ theme: 'tooltip' }"
-          :title="$t('replace_current')"
+          :title="$t('action.replace_current')"
           icon="folder_special"
-          :label="$t('replace_json')"
+          :label="$t('action.replace_json')"
           @click.native="openDialogChooseFileToReplaceWith"
         />
         <input
@@ -67,7 +67,7 @@
         />
         <SmartItem
           v-tippy="{ theme: 'tooltip' }"
-          :title="$t('preserve_current')"
+          :title="$t('action.preserve_current')"
           icon="create_new_folder"
           :label="$t('import.json')"
           @click.native="openDialogChooseFileToImportFrom"
@@ -81,7 +81,7 @@
         />
         <SmartItem
           v-tippy="{ theme: 'tooltip' }"
-          :title="$t('download_file')"
+          :title="$t('action.download_file')"
           icon="drive_file_move"
           :label="$t('export.as_json')"
           @click.native="exportJSON"
@@ -226,7 +226,7 @@ export default defineComponent({
       a.download = `${url.split("/").pop().split("#")[0].split("?")[0]}`
       document.body.appendChild(a)
       a.click()
-      this.$toast.success(this.$t("download_started"), {
+      this.$toast.success(this.$t("state.download_started"), {
         icon: "done",
       })
       setTimeout(() => {
@@ -235,7 +235,7 @@ export default defineComponent({
       }, 1000)
     },
     fileImported() {
-      this.$toast.info(this.$t("file_imported"), {
+      this.$toast.info(this.$t("state.file_imported"), {
         icon: "folder_shared",
       })
     },

components/environments/index.vue

@@ -58,7 +58,7 @@
       <div class="border-b border-dividerLight flex flex-1 justify-between">
         <ButtonSecondary
           icon="add"
-          :label="$t('new')"
+          :label="$t('action.new')"
           class="rounded-none"
           @click.native="displayModalAdd(true)"
         />