playing with buttons

src/App.vue

@@ -7,14 +7,34 @@ import DataTable from "primevue/datatable"
 import Column from "primevue/column"
 
 const data = ref()
+const activeTables = ref()
 
-onMounted(() => data.value = [{potato: "potato", tato: "tato"}])
+onMounted(() => {
+  data.value = [{potato: "potato", tato: "tato"}]
+  activeTables.value = [
+    {
+      tableName: "Table-One",
+      link: "vtt.cyberpunkrush.co/table-one"
+    }
+  ]
+})
 
 </script>
 
 <template>
   <div>
     <Button label="Verify"/>
+
+    <DataTable :exportable="false" :value="activeTables">
+      <Column field="tableName" header="Table Name"/>
+      <Column field="link" header="Table Link"/>
+      <Column header="Close">
+        <template #body="slotProps">
+          <Button label="Close"/>
+        </template>
+      </Column>
+    </DataTable>
+
     <DataTable :value="data">
       <Column field="potato" header="Potato"/>
       <Column field="tato" header="Tato"/>

src/main.ts

@@ -1,13 +1,9 @@
 import { createApp } from 'vue'
 import PrimeVue from 'primevue/config';
-import Button from 'primevue/button'
-//import DataTable from ''
 import Aura from '@primeuix/themes/aura'
 import App from './App.vue'
 
 const app = createApp(App)
 app.mount('#app')
-//app.use(PrimeVue)
 app.use(PrimeVue, { theme: { preset: Aura } })
-app.component('Button', Button)
+
-//app.component('DataTable', DataTable)