chore: move alert initialization inside functions to improve encapsulation

Author: yaroslav8765

adminforth/spa/src/composables/useFrontendApi.ts

@@ -1,18 +1,20 @@
 import { useAdminforth } from '@/adminforth';
 
-const { alert } = useAdminforth();
 
 export function showSuccesTost(message: string) {
+  const { alert } = useAdminforth();
   alert({ message, variant: 'success' });  
   return message;
 }
 
 export function showWarningTost(message: string) {
+  const { alert } = useAdminforth();
   alert({ message, variant: 'warning' });  
   return message;
 }
 
 export function showErrorTost(message: string, timeout?: number) {
+  const { alert } = useAdminforth();
   alert({ message, variant: 'danger', timeout: timeout || 30});  
   return message;
 }

adminforth/spa/src/stores/core.ts

@@ -7,9 +7,8 @@ import { useAdminforth } from '@/adminforth';
 import type { AdminForthResourceCommon, AdminForthResourceColumnCommon, GetBaseConfigResponse, ResourceVeryShort, AdminUser, UserData, AdminForthConfigMenuItem, AdminForthConfigForFrontend } from '@/types/Common';
 import type { Ref } from 'vue'
 
-const { alert } = useAdminforth();
-
 export const useCoreStore = defineStore('core', () => {
+  const { alert } = useAdminforth();
   const resourceById: Ref<Record<string, ResourceVeryShort>> = ref({});
   const theme: Ref<'light'| 'dark'> = ref(window.localStorage.getItem('af__theme') as ('light'|'dark') || 'light');
 

adminforth/spa/src/views/ListView.vue

@@ -225,7 +225,7 @@ import {
 } from '@iconify-prerendered/vue-flowbite';
 
 import Filters from '@/components/Filters.vue';
-import adminforth, { useAdminforth } from '@/adminforth';
+import { useAdminforth } from '@/adminforth';
 
 const filtersShow = ref(false);
 const { confirm, alert, list } = useAdminforth();