feat: AccountList

src/pages/Account/AccountList.vue

@@ -16,6 +16,10 @@ const stateStore = useStateStore();
 const router = useRouter();
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
+const filter = {
+    fields: ['id', 'nickname', 'name', 'role'],
+    include: { relation: 'role', scope: { fields: ['id', 'name'] } },
+};
 
 const STATE_COLOR = {
     pending: 'warning',
@@ -62,15 +66,15 @@ function navigate(event, id) {
     </template>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
-            <AccountFilter data-key="AccountList" />
+            <!-- <AccountFilter data-key="AccountList" /> -->
         </QScrollArea>
     </QDrawer>
     <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
+                :filter="filter"
                 data-key="AccountList"
-                url="Accounts/filter"
-                :order="['priority ASC', 'created DESC']"
+                url="VnUsers/preview"
                 auto-load
             >
                 <template #body="{ rows }">