refactor(ConfirmView): use Salix in `getTransferAccounts`

src/pages/Ecomerce/ConfirmView.vue

@@ -13,6 +13,7 @@ import { useQuasar } from 'quasar';
 
 const $q = useQuasar();
 const jApi = inject('jApi');
+const api = inject('api');
 const { notify } = useNotify();
 const { t } = useI18n();
 const appStore = useAppStore();
@@ -154,8 +155,15 @@ const getOrder = async () => {
 
 const getTransferAccounts = async () => {
     try {
-        const data = await jApi.query(`SELECT name, iban FROM mainAccountBank`);
+        const filter = {
-        transferAccounts.value = data;
+            include: [
+                { relation: 'account', scope: { include: [ 'bankEntity' ]} } ,
+            ],
+        };
+        const { data: mainAccountData } = await api.get('MainAccounts', {
+          params: { filter: JSON.stringify(filter) },
+        });
+        transferAccounts.value = mainAccountData;
     } catch (error) {
         console.error(error);
     }
@@ -297,12 +305,12 @@ onMounted(async () => {
                             </div>
                             <QList>
                                 <QItem
-                                    v-for="(account, index) in transferAccounts"
+                                    v-for="(transferAccount, index) in transferAccounts"
                                     :key="index"
                                 >
                                     <QItemSection>
-                                        <div>{{ account.name }}</div>
+                                        <div>{{ transferAccount.account.bankEntity.name }}</div>
-                                        <div>{{ account.iban }}</div>
+                                        <div>{{ transferAccount.account.iban }}</div>
                                     </QItemSection>
                                 </QItem>
                             </QList>