fix: add i18n translations for confirmation and success messages

Author: SerVitasik

adminforth/spa/src/components/ResourceListTable.vue

@@ -271,7 +271,7 @@
 
 import { computed, onMounted, ref, watch, type Ref } from 'vue';
 import { callAdminForthApi } from '@/utils';
-
+import { useI18n } from 'vue-i18n';
 import ValueRenderer from '@/components/ValueRenderer.vue';
 import { getCustomComponent } from '@/utils';
 import { useCoreStore } from '@/stores/core';
@@ -293,7 +293,7 @@ import type { AdminForthResourceCommon } from '@/types/Common';
 import adminforth from '@/adminforth';
 
 const coreStore = useCoreStore();
-
+const { t } = useI18n();
 const props = defineProps<{
   page: number,
   resource: AdminForthResourceCommon,
@@ -456,9 +456,9 @@ async function onClick(e,row) {
 
 async function deleteRecord(row) {
   const data = await adminforth.confirm({
-    message: 'Are you sure you want to delete this item?',
-    yes: 'Delete',
-    no: 'Cancel',
+    message: t('Are you sure you want to delete this item?'),
+    yes: t('Delete'),
+    no: t('Cancel'),
   });
   if (data) {
     try {
@@ -472,13 +472,13 @@ async function deleteRecord(row) {
       });
       if (!res.error){
         emits('update:records', true)
-        showSuccesTost('Record deleted successfully')
+        showSuccesTost(t('Record deleted successfully'))
       } else {
         showErrorTost(res.error)
       }
 
     } catch (e) {
-      showErrorTost(`Something went wrong, please try again later`);
+      showErrorTost(t('Something went wrong, please try again later'));
       console.error(e);
     };
   }

adminforth/spa/src/views/CreateView.vue

@@ -86,7 +86,7 @@ import { computed } from 'vue';
 import { showErrorTost } from '@/composables/useFrontendApi';
 import ThreeDotsMenu from '@/components/ThreeDotsMenu.vue';
 import adminforth from '@/adminforth';
-
+import { useI18n } from 'vue-i18n';
 
 const isValid = ref(false);
 const validating = ref(false);
@@ -101,6 +101,7 @@ const record = ref({});
 
 const coreStore = useCoreStore();
 
+const { t } = useI18n();
 const initalValues = computed(() => {
   if (!route.query.values) {
     return {};
@@ -157,7 +158,7 @@ async function saveRecord() {
       } 
     });
     adminforth.alert({
-      message: 'Record created successfully',
+      message: t('Record created successfully!'),
       variant: 'success'
     });
   }

adminforth/spa/src/views/ShowView.vue

@@ -120,12 +120,12 @@ import { showSuccesTost, showErrorTost } from '@/composables/useFrontendApi';
 import ThreeDotsMenu from '@/components/ThreeDotsMenu.vue';
 import ShowTable from '@/components/ShowTable.vue';
 import adminforth from "@/adminforth";
-
+import { useI18n } from 'vue-i18n';
 
 const route = useRoute();
 const router = useRouter();
 const loading = ref(true);
-
+const { t } = useI18n();
 const coreStore = useCoreStore();
 
 onMounted(async () => {
@@ -179,9 +179,9 @@ const otherColumns = computed(() => {
 
 async function deleteRecord(row) {
   const data = await adminforth.confirm({
-    message: 'Are you sure you want to delete this item?',
-    yes: 'Delete',
-    no: 'Cancel',
+    message: t('Are you sure you want to delete this item?'),
+    yes: t('Delete'),
+    no: t('Cancel'),
   });
   if (data) {
     try {
@@ -194,7 +194,7 @@ async function deleteRecord(row) {
       }});
       if (!res.error){
         router.push({ name: 'resource-list', params: { resourceId: route.params.resourceId } });
-        showSuccesTost('Record deleted successfully')
+        showSuccesTost(t('Record deleted successfully'))
       } else {
         showErrorTost(res.error)
       }