From 0d6edbdc868d064e8bb3ffdfc77ba7039b21a9e7 Mon Sep 17 00:00:00 2001
From: SheetJS <dev@sheetjs.com>
Date: Sun, 2 Jun 2024 20:40:13 -0400
Subject: [PATCH] step13

---
 src/components/HelloWorld.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index f130fc8..f076b80 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,8 +1,20 @@
 <script setup lang="ts">
 // @ts-ignore
-import html from '../../data/pres.xlsx?html';
+import b64 from '../../data/pres.xlsx?b64';
+import { read, utils } from "xlsx";
+/* parse workbook and convert first sheet to row array */
+const wb = read(b64);
+const ws = wb.Sheets[wb.SheetNames[0]];
+interface IPresident { Name: string; Index: number; };
+const data = utils.sheet_to_json<IPresident>(ws);
 </script>
 
 <template>
-  <div v-html="html"></div>
+  <table>
+    <tr><th>Name</th><th>Index</th></tr>
+    <tr v-for="(row,R) in data" v-bind:key="R">
+      <td>{{row.Name}}</td>
+      <td>{{row.Index}}</td>
+    </tr>
+  </table>
 </template>