[CODEBREW] Video 005

Author: strobsi

src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <img alt="Vue logo" src="./assets/logo.png" />
-    <HelloWorld msg="Welcome to Your Vue.js App" />
+    <HelloWorld msg="Welcome to Your Vue.js App" />    
   </div>
 </template>
 
@@ -16,12 +16,34 @@ export default {
   },
 
   mounted() {
+    /*
+    fb.auth.createUserWithEmailAndPassword("[email protected]","")
+    .then((userCredentials) => {
+      var user = userCredentials.user;
+      console.log("Newly created user: ",user);
+    })
+    */
+    let email = "[email protected]";
+    let pwd = ""
+    fb.auth.signInWithEmailAndPassword(email,pwd).then((userCredentials) => {
+      var user = userCredentials.user;
+       console.log("Logged in user:",user);
+    }).catch((error) => {
+      var errorCode = error.code;
+      var errorMessage = error.message;
+      console.log("Failed to login: ",errorCode,errorMessage);
+    });
+
+
+
+    /*
     fb.demoCollection
       .doc("pbLh3aRXvxHzNCtp4QKb")
       .get()
       .then((doc) => {
         console.log(doc.data().hello);
       });
+      */
   },
 };
 </script>

src/components/HelloWorld.vue

@@ -32,7 +32,7 @@
 
 <script>
 export default {
-  name: 'HelloWorld',
+  name: 'LoginForm',
   props: {
     msg: String
   }

src/firebase.js

@@ -1,5 +1,6 @@
 import firebase from "firebase/app";
 import "firebase/firestore";
+import "firebase/auth";
 
 const firebaseConfig = {
   apiKey: "AIzaSyDVFoOhFYY1zqDcSrgd05IVbonbcSE0AAk",
@@ -14,6 +15,8 @@ const firebaseConfig = {
 firebase.initializeApp(firebaseConfig);
 
 const db = firebase.firestore();
+const auth = firebase.auth();
+
 const demoCollection = db.collection("demo");
 
-export { db, demoCollection };
+export { db, auth, demoCollection };