From 3e65e2d8837e0be06fac6ab841b5c67a39db49e0 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Sat, 20 Mar 2021 15:08:35 +0100
Subject: [PATCH] add an axios get example

---
 .../src/components/dashboard/dashboard.vue    | 31 ++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/2021-03-19_axios-01-start/src/components/dashboard/dashboard.vue b/2021-03-19_axios-01-start/src/components/dashboard/dashboard.vue
index 97508d8..d1e84b0 100644
--- a/2021-03-19_axios-01-start/src/components/dashboard/dashboard.vue
+++ b/2021-03-19_axios-01-start/src/components/dashboard/dashboard.vue
@@ -2,9 +2,38 @@
   <div id="dashboard">
     <h1>That's the dashboard!</h1>
     <p>You should only get here if you're authenticated!</p>
+    <p>User Email: {{ email }}</p>
   </div>
 </template>
 
+<script>
+import axios from "axios"
+export default {
+    data(){
+        return {
+            email: ""
+        }
+    },
+    created(){
+        axios.get("https://axios-test-44b62-default-rtdb.europe-west1.firebasedatabase.app/users.json")
+            .then(response => {
+                console.log(response)
+                const data = response.data
+                const users = []
+                for (let key in data){
+                    const user = data[key]
+                    user.id = key
+                    users.push(user)
+                }
+                this.email = users[0].email
+                console.log(users);
+            })
+            .catch(error => console.log(error))
+    }
+
+}
+</script>
+
 <style scoped>
   h1, p {
     text-align: center;
@@ -13,4 +42,4 @@
   p {
     color: red;
   }
-</style>
\ No newline at end of file
+</style>