docs: update docs for the 2fa frontend api

AdminForth/1304/plugins-frontend-api.-improve-

Author: yaroslav8765

adminforth/documentation/docs/tutorial/09-Plugins/02-TwoFactorsAuth.md

@@ -293,9 +293,9 @@ To do it, first, create frontend custom component which wraps and intercepts cli
 </template>
 
 <script setup lang="ts">
-  import { use2faApi } from '@/custom/plugins/TwoFactorsAuthPlugin/use2faApi.ts';
+  import { useTwoFactorsAuth } from '@/custom/plugins/TwoFactorsAuthPlugin/use2faApi.ts';
 
-  const { get2FaConfirmationResult } = use2faApi();
+  const { get2FaConfirmationResult } = useTwoFactorsAuth();
   const emit = defineEmits<{ (e: 'callAction', payload?: any): void }>();
   const props = defineProps<{ disabled?: boolean; meta?: Record<string, any> }>();
 
@@ -389,9 +389,9 @@ Frontend (Save Interceptor component injected via pageInjections):
 ```vue title='/custom/SaveInterceptor.vue'
 <script setup>
 import { useAdminforth } from '@/adminforth';
-import { use2faApi } from '@/custom/plugins/TwoFactorsAuthPlugin/use2faApi.ts';
+import { useTwoFactorsAuth } from '@/custom/plugins/TwoFactorsAuthPlugin/use2faApi.ts';
 
-const { get2FaConfirmationResult } = use2faApi();
+const { get2FaConfirmationResult } = useTwoFactorsAuth();
 const { registerSaveInterceptor } = useAdminforth();
 
 registerSaveInterceptor(async ({ action, values, resource }) => {
@@ -494,9 +494,9 @@ Imagine you have some button which does some API call
 
 <script setup lang="ts">
 import { callApi } from '@/utils';
-import { use2faApi } from '@/custom/plugins/TwoFactorsAuthPlugin/use2faApi.ts';
+import { useTwoFactorsAuth } from '@/custom/plugins/TwoFactorsAuthPlugin/use2faApi.ts';
 
-const { get2FaConfirmationResult } = use2faApi();
+const { get2FaConfirmationResult } = useTwoFactorsAuth();
 
 async function callAdminAPI() {
   const verificationResult = await get2FaConfirmationResult();
@@ -538,9 +538,9 @@ You might want to protect this call with a second factor also. To do it, we need
 <script setup lang="ts">
 import { callApi } from '@/utils';
 import { useAdminforth } from '@/adminforth';
-import { use2faApi } from '@/custom/plugins/TwoFactorsAuthPlugin/use2faApi.ts';
+import { useTwoFactorsAuth } from '@/custom/plugins/TwoFactorsAuthPlugin/use2faApi.ts';
 
-const { get2FaConfirmationResult } = use2faApi();
+const { get2FaConfirmationResult } = useTwoFactorsAuth();
 const { alert } = useAdminforth();
 
 async function callAdminAPI() {

dev-demo/custom/SystemTest.vue

@@ -41,8 +41,7 @@ const { alert } = useAdminforth();
 import adminforth  from '@/adminforth';
 import { useTwoFactorsAuth } from '@/custom/plugins/TwoFactorsAuthPlugin/use2faApi.ts';
 
-const twoFactorsAuth = useTwoFactorsAuth();
-
+  const { get2FaConfirmationResult } = useTwoFactorsAuth();
 const valueStart = ref()
 
 watch(valueStart, (newVal) => {
@@ -105,7 +104,7 @@ async function get2FaConfirmationResultWindow() {
 }
 
 async function get2FaConfirmationResultTwoFactorsAuth() {
-  const verificationResult = await twoFactorsAuth.get2FaConfirmationResult();  // this will ask user to enter code
+  const verificationResult = await get2FaConfirmationResult();  // this will ask user to enter code
   console.log('2FA verification result (twoFactorsAuth):', verificationResult);
 }
 </script>