2 files changed, 35 insertions, 5 deletions
diff --git a/src/components/sidebar.vue b/src/components/sidebar.vue
index d9c05d5..4c4623f 100644
--- a/src/components/sidebar.vue
+++ b/src/components/sidebar.vue
@@ -11,10 +11,6 @@ watch(
     requiresAuth.value = route.meta.isAuth
   }
 )
-console.log(toRaw(route.fullPath))
-console.log(toRaw(route.fullPath))
-console.log(toRaw(route.fullPath))
-console.log(toRaw(route.name))
 </script>
 
 <template>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 6b087a7..0a5bf4d 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,5 +1,39 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { RouterLink } from 'vue-router'
+import axios from 'axios'
+
+const isLoading = ref(false)
+const allDrafts = ref([])
+
+const getAllDrafts = async () => {
+  allDrafts.value = []
+  isLoading.value = true
+
+  try {
+    const res = await axios.get('/invoice/draft')
+    if (res.status === 200) {
+      allDrafts.value = res.data.data
+    }
+  } catch (err) {
+    toast.error('An unhandled exception occoured. Please check logs')
+    console.error(err)
+  }
+
+  isLoading.value = false
+}
+
+onMounted(() => {
+  getAllDrafts()
+})
+</script>
 
 <template>
   <h1>OpenBills Home Page</h1>
+  <h2>Draft Invoices:</h2>
+  <ul>
+    <li v-for="draft in allDrafts" :key="draft['ID']">
+      <RouterLink :to="{path: `/invoice/edit-draft/${draft['ID']}`}">Invoice Number {{ draft["InvoiceNumber"] }}</RouterLink>
+    </li>
+  </ul>
 </template>