From 7e7c2916d6bcd5ef88aefca0a659cefb0f7cfcaa Mon Sep 17 00:00:00 2001
From: Phil Darnowsky <phil@darnowsky.com>
Date: Tue, 12 Nov 2019 03:29:34 -0500
Subject: [PATCH] Build out start of home page

---
 p3/package-lock.json      | 37 +++++++++++++++++++++++++++++++++++++
 p3/package.json           |  1 +
 p3/src/App.vue            |  4 +---
 p3/src/pages/HomePage.vue | 27 ++++++++++++++++++++++++++-
 4 files changed, 65 insertions(+), 4 deletions(-)

diff --git a/p3/package-lock.json b/p3/package-lock.json
index 97662a0..a6e63f7 100644
--- a/p3/package-lock.json
+++ b/p3/package-lock.json
@@ -2022,6 +2022,43 @@
       "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
       "dev": true
     },
+    "axios": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.19.0.tgz",
+      "integrity": "sha512-1uvKqKQta3KBxIz14F2v06AEHZ/dIoeKfbTRkK1E5oqjDnuEerLmYTgJB5AiQZHJcljpg1TuRzdjDR06qNk0DQ==",
+      "requires": {
+        "follow-redirects": "1.5.10",
+        "is-buffer": "^2.0.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "follow-redirects": {
+          "version": "1.5.10",
+          "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz",
+          "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==",
+          "requires": {
+            "debug": "=3.1.0"
+          }
+        },
+        "is-buffer": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.4.tgz",
+          "integrity": "sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A=="
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+        }
+      }
+    },
     "babel-eslint": {
       "version": "10.0.3",
       "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.0.3.tgz",
diff --git a/p3/package.json b/p3/package.json
index 2cc649a..87452dd 100644
--- a/p3/package.json
+++ b/p3/package.json
@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^0.19.0",
     "core-js": "^3.3.2",
     "vue": "^2.6.10",
     "vue-router": "^3.1.3"
diff --git a/p3/src/App.vue b/p3/src/App.vue
index f15f986..7dc2667 100644
--- a/p3/src/App.vue
+++ b/p3/src/App.vue
@@ -6,9 +6,7 @@
 
 <script>
 export default {
-  name: 'app',
-  mounted: function() {
-  }
+  name: 'app'
 }
 </script>
 
diff --git a/p3/src/pages/HomePage.vue b/p3/src/pages/HomePage.vue
index d1340dc..08d7586 100644
--- a/p3/src/pages/HomePage.vue
+++ b/p3/src/pages/HomePage.vue
@@ -1,10 +1,35 @@
 <template>
   <div>
-    Home page content goes here.
+    <div v-if="decks">
+      <h1>Available Decks</h1>
+
+      <ul>
+        <li v-for="deck in decks" :key="deck.id">
+          {{ deck.name }}
+        </li>
+      </ul>
+    </div>
   </div>
 </template>
 
 <script>
+const axios = require('axios')
+
+export default {
+  name: 'HomePage',
+  data: function() {
+    return({
+      decks: null
+    })
+  },
+  mounted: function() {
+    axios.
+      get('https://my-json-server.typicode.com/phildarnowsky/e28_p3_api/decks').
+      then(response => {
+        this.decks = response.data
+      })
+  }
+}
 </script>
 
 <style lang="scss">