<script setup>
import { model } from "#imports";
const props = defineProps({
  status: Number
});
const onRequest = async (request) => {
  const filters = {};
  if (props.status >= 0) {
    filters.status = props.status;
  }
  request.loadObjects("User", filters);
};
const columns = model("User").columns({
  username: true,
  first_name: true,
  label_name: true,
  email: true,
  phone: true,
  join_date: true,
  has2FA: true
});
</script>

<template>
    <l-table ref="table" row-key="user_id" @request-data="onRequest" :columns="columns"
        :actions="['view', 'update', 'delete']">
    </l-table>
</template>
