<script lang="ts" setup>
import type { VxeTableGridOptions } from '#/adapter/vxe-table';

import { Page } from '@vben/common-ui';

import { useVbenVxeGrid } from '#/adapter/vxe-table';
import { $t } from '#/locales';

const [Grid] = useVbenVxeGrid({
  gridOptions: {
    columns: [
      { field: 'id', title: 'ID', width: 120 },
      { field: 'username', title: $t('system.user.username'), width: 200 },
      { field: 'status', title: $t('system.user.status'), width: 120 },
      { field: 'createTime', title: $t('system.user.createTime'), width: 200 },
    ],
    height: 'auto',
  } as VxeTableGridOptions<any>,
});
</script>

<template>
  <Page auto-content-height>
    <Grid :table-title="$t('system.user.list')" />
  </Page>
</template> 