From 62d403ffc20a4d5b3d136360aa841025c86c6f41 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Sun, 3 Nov 2019 20:45:24 +0100
Subject: [PATCH] Updated Data Table Component

---
 src/components/DataTable.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/DataTable.vue b/src/components/DataTable.vue
index 6c0c21e..8fe8461 100644
--- a/src/components/DataTable.vue
+++ b/src/components/DataTable.vue
@@ -2,15 +2,15 @@
   <table>
     <thead>
       <tr>
-        <template v-for="header in headers">
+        <template v-for="header in dataset.headers">
           <th :key="header">{{ header }}</th>
         </template>
       </tr>
     </thead>
     <tbody>
-      <template v-for="dataset in data">
-        <tr :key="dataset[0]">
-          <template v-for="item in dataset">
+      <template v-for="tuple in dataset.data">
+        <tr :key="tuple[0]">
+          <template v-for="item in tuple">
             <td :key="item">{{ item }}</td>
             <template v-if="isHexValue(item)">
               <td :key="item" :style="'background-color:'+item"></td>
@@ -24,9 +24,9 @@
 
 <script>
 export default {
+  name: "DataTable",
   props: {
-    headers: Array,
-    data: Array
+    dataset: Object
   },
   methods: {
     isHexValue(value) {