fix(AccountAlias): fix and optimization

src/pages/Account/AccountAliasList.vue

@@ -58,7 +58,6 @@ const openCreateModal = () => aliasCreateDialogRef.value.show();
                 ref="paginateRef"
                 data-key="AccountAliasList"
                 url="MailAliases"
-                auto-load
                 :expr-builder="exprBuilder"
             >
                 <template #body="{ rows }">

src/pages/Account/Alias/Card/AliasBasicData.vue

@@ -3,7 +3,6 @@ import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
 import FormModel from 'components/FormModel.vue';
-import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 
 const route = useRoute();
@@ -11,26 +10,13 @@ const { t } = useI18n();
 </script>
 
 <template>
-    <FormModel :url="`MailAliases/${route.params.id}`" model="Alias" auto-load>
+    <FormModel model="Alias">
         <template #form="{ data }">
-            <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput v-model="data.alias" :label="t('mailAlias.name')" />
-                </div>
-            </VnRow>
-            <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.description"
-                        :label="t('mailAlias.description')"
-                    />
-                </div>
-            </VnRow>
-            <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox :label="t('mailAlias.isPublic')" v-model="data.isPublic" />
-                </div>
-            </VnRow>
+            <div class="column q-gutter-y-md">
+                <VnInput v-model="data.alias" :label="t('mailAlias.name')" />
+                <VnInput v-model="data.description" :label="t('mailAlias.description')" />
+                <QCheckbox :label="t('mailAlias.isPublic')" v-model="data.isPublic" />
+            </div>
         </template>
     </FormModel>
 </template>

src/pages/Account/Alias/Card/AliasCard.vue

@@ -22,6 +22,7 @@ const searchBarDataKeys = {
 <template>
     <VnCard
         data-key="Alias"
+        base-url="MailAliases"
         :descriptor="AliasDescriptor"
         :search-data-key="searchBarDataKeys[routeName]"
         :search-custom-route-redirect="customRouteRedirectName"

src/pages/Account/Alias/Card/AliasDescriptor.vue

@@ -32,10 +32,6 @@ const entityId = computed(() => {
 const data = ref(useCardDescription());
 const setData = (entity) => (data.value = useCardDescription(entity.alias, entity.id));
 
-const filter = {
-    where: { id: entityId },
-};
-
 const removeAlias = () => {
     quasar
         .dialog({
@@ -62,8 +58,7 @@ const removeAlias = () => {
 <template>
     <CardDescriptor
         ref="descriptor"
-        url="MailAliases"
-        :filter="filter"
+        :url="`MailAliases/${entityId}`"
         module="Alias"
         @on-fetch="setData"
         data-key="aliasData"