From e2edf593f1b9ed384abd249363f75c551625283a Mon Sep 17 00:00:00 2001
From: iamBadgers <iamBadgers>
Date: Mon, 9 Mar 2026 00:14:17 -0700
Subject: [PATCH] playing with buttons

---
 src/App.vue | 24 ++++++++++++++++++++++--
 src/main.ts |  6 +-----
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a7aaac2..6fcc565 100644
--- a/src/App.vue
+++ b/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 >
+  <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"/>
diff --git a/src/main.ts b/src/main.ts
index 4674521..0b5ca41 100644
--- a/src/main.ts
+++ b/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)
+