feat: finish new i18n translation format

components/teams/Add.vue

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

components/teams/Edit.vue

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

components/teams/Team.vue

@@ -6,7 +6,7 @@
           class="cursor-pointer transition hover:text-secondaryDark"
           @click="team.myRole === 'OWNER' ? $emit('edit-team') : ''"
         >
-          {{ team.name || $t("nothing_found") }}
+          {{ team.name || $t("state.nothing_found") }}
         </label>
         <div class="flex -space-x-1 mt-2 overflow-hidden">
           <img
@@ -24,14 +24,14 @@
         <template #trigger>
           <ButtonSecondary
             v-tippy="{ theme: 'tooltip' }"
-            :title="$t('more')"
+            :title="$t('action.more')"
             icon="more_vert"
           />
         </template>
         <SmartItem
           v-if="team.myRole === 'OWNER'"
           icon="create"
-          :label="$t('edit')"
+          :label="$t('action.edit')"
           @click.native="
             $emit('edit-team')
             $refs.options.tippy().hide()

components/teams/index.vue

@@ -18,7 +18,7 @@
         @click.native="displayModalAdd(true)"
       />
       <p v-if="$apollo.queries.myTeams.loading">
-        {{ $t("loading") }}
+        {{ $t("state.loading") }}
       </p>
       <div v-if="myTeams.length === 0" class="flex items-center">
         <i class="mr-4 material-icons">help_outline</i>