44 lines
819 B
Vue
44 lines
819 B
Vue
<template>
|
|
<n-message-provider>
|
|
<FlashMessages
|
|
:messages="props.flashMessages"
|
|
/>
|
|
</n-message-provider>
|
|
<n-data-table
|
|
:columns="columns"
|
|
:data="users"
|
|
/>
|
|
<div>
|
|
{{ users }}
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
|
|
import BELayout from '@/layouts/BELayout.vue'
|
|
import FlashMessages from '@/components/FlashMessages.vue'
|
|
import type { User } from '../../types/User'
|
|
import type { DataTableColumns } from 'naive-ui'
|
|
|
|
defineOptions({ layout: BELayout })
|
|
|
|
const props = defineProps<{
|
|
users?: User[],
|
|
flashMessages?: Object
|
|
}>()
|
|
|
|
const columns: DataTableColumns<User> = [
|
|
{
|
|
title: "ID",
|
|
key: "id",
|
|
},
|
|
{
|
|
title: "Benutzername",
|
|
key: "username",
|
|
},
|
|
{
|
|
title: "Admin?",
|
|
key: "is_admin",
|
|
}
|
|
]
|
|
</script> |