<script setup>

import { ref } from 'vue'

import SimpleTable from './table.vue';

const items = ref([

{ id: 1, name: "Hola", isActive: true, action: 123 },
{ id: 2, name: "BHola", isActive: false },
{ id: 3, name: "SHola", isActive: true },
]);

const columns = ref([

{ header: "Id", name: "id" },
{ header: "Name", name: "name" },
{ header: "Status", name: "isActive" },
{ header: "Action", name: "action" },
]);
</script>

<script>
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";

export default {
components: {
Header,
Footer,
},
data() {
return {
author: "LowPolyPrincess",
year: "2023",
};
},
};
</script>

<template>
<div>
<Header title="Jeopardy" />

<SimpleTable :data="items" :column-defs="columns">

</SimpleTable>
<Footer :author="author" :year="year" />
</div>
</template>