Merge refactor/i18n into develop

src/components/button/AddButton.vue

@@ -19,8 +19,8 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-plus"
     color="var(--info-bg)"
-    :title="iconOnly ? $t('add') : undefined"
+    :title="iconOnly ? $t('general.add') : undefined"
   >
-    {{ $t('add') }}
+    {{ $t('general.add') }}
   </MainButton>
 </template>

src/components/button/BackButton.vue

@@ -19,8 +19,8 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-arrow-left"
     color="var(--info-bg)"
-    :title="iconOnly ? $t('back') : undefined"
+    :title="iconOnly ? $t('general.back') : undefined"
   >
-    {{ $t('back') }}
+    {{ $t('general.back') }}
   </MainButton>
 </template>

src/components/button/CancelButton.vue

@@ -19,8 +19,8 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-close"
     color="var(--negative-bg)"
-    :title="iconOnly ? $t('cancel') : undefined"
+    :title="iconOnly ? $t('general.cancel') : undefined"
   >
-    {{ $t('cancel') }}
+    {{ $t('general.cancel') }}
   </MainButton>
 </template>

src/components/button/DeleteButton.vue

@@ -19,8 +19,8 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-trash-can-outline"
     color="var(--negative-bg)"
-    :title="iconOnly ? $t('delete') : undefined"
+    :title="iconOnly ? $t('general.delete') : undefined"
   >
-    {{ $t('delete') }}
+    {{ $t('general.delete') }}
   </MainButton>
 </template>

src/components/button/EditButton.vue

@@ -19,8 +19,8 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-pencil-outline"
     color="var(--cyan-6-hsl)"
-    :title="iconOnly ? $t('edit') : undefined"
+    :title="iconOnly ? $t('general.edit') : undefined"
   >
-    {{ $t('edit') }}
+    {{ $t('general.edit') }}
   </MainButton>
 </template>

src/components/button/SaveButton.vue

@@ -11,6 +11,8 @@ defineProps<{
   disabled?: boolean;
   dark?: boolean;
 
+  label?: string;
+
   amount?: number;
 }>();
 </script>
@@ -21,8 +23,9 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-content-save-outline"
     color="207 96% 32%"
-    :title="iconOnly ? $t('save') : undefined"
+    :title="iconOnly ? $t('general.save') : undefined"
   >
-    {{ $t('save') }} {{ amount && amount > 0 ? `(${amount})` : '' }}
+    {{ label || $t('general.save') }}
+    {{ amount && amount > 0 ? `(${amount})` : '' }}
   </MainButton>
 </template>

src/components/button/UndoButton.vue

@@ -19,8 +19,8 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-arrow-left"
     color="var(--gray-8-hsl)"
-    :title="iconOnly ? $t('undo') : undefined"
+    :title="iconOnly ? $t('general.undo') : undefined"
   >
-    {{ $t('undo') }}
+    {{ $t('general.undo') }}
   </MainButton>
 </template>