fix: fix bulk actions and correct translations support

Author: yaroslav8765

adminforth/spa/src/utils/listUtils.ts

@@ -3,7 +3,6 @@ import { callAdminForthApi } from '@/utils';
 import { type AdminForthResourceFrontend } from '../types/Common';
 import { useAdminforth } from '@/adminforth';
 import { showErrorTost } from '@/composables/useFrontendApi'
-import { useI18n } from 'vue-i18n';
 
 let getResourceDataLastAbortController: AbortController | null = null;
 export async function getList(resource: AdminForthResourceFrontend, isPageLoaded: boolean, page: number | null , pageSize: number, sort: any, checkboxes:{ value: any[] }, filters: any = [] ) {
@@ -55,15 +54,14 @@ export async function getList(resource: AdminForthResourceFrontend, isPageLoaded
 
 
 export async function startBulkAction(actionId: string, resource: AdminForthResourceFrontend, checkboxes: { value: any[] }, 
-  bulkActionLoadingStates: {value: Record<string, boolean>}, getListInner: () => Promise<any>) {
+  bulkActionLoadingStates: {value: Record<string, boolean>}, getListInner: () => Promise<any>, t: (key: string, vars?: Record<string, any>) => string) {
   const action = resource?.options?.bulkActions?.find(a => a.id === actionId);
   const { confirm, alert } = useAdminforth();
-  const { t } = useI18n();
 
   if (action?.confirm) {
     const confirmed = await confirm({
       title: action.confirm,
-      message: t(`Deleting ${checkboxes.value.length} ${checkboxes.value.length === 1 ? 'item' : 'items'}. This process is irreversible.`),
+      message: `${t('Deleting')} ${checkboxes.value.length} ${checkboxes.value.length === 1 ? t('item') : t('items')}. ${t('This process is irreversible.')}`,
     });
     if (!confirmed) {
       return;

adminforth/spa/src/views/ListView.vue

@@ -248,6 +248,7 @@ const filtersShow = ref(false);
 const { list, alert } = useAdminforth();
 const coreStore = useCoreStore();
 const filtersStore = useFiltersStore();
+const { t } = useI18n();
 
 const route = useRoute();
 
@@ -331,7 +332,7 @@ async function refreshExistingList(pk?: any) {
 }
 
 async function startBulkActionInner(actionId: string) {
-  await startBulkAction(actionId, coreStore.resource!, checkboxes, bulkActionLoadingStates, getListInner);
+  await startBulkAction(actionId, coreStore.resource!, checkboxes, bulkActionLoadingStates, getListInner, t);
 }
 
 async function startCustomBulkActionInner(actionId: string | number) {