♻️ Lint

components/firebase/feeds.vue

@@ -1,14 +1,14 @@
 <template>
   <div>
     <p v-for="ball in store.ballsInFeed" :key="ball.id">
-      <span>{{ ball.author_name }}:</span>
+      <span> {{ ball.author_name }}:</span>
       {{ ball.message }}
     </p>
   </div>
 </template>
 
 <script>
-import { store } from "../functions/store";
+import { store } from "../../functions/store";
 
 export default {
   data() {

components/firebase/inputform.vue

@@ -1,12 +1,12 @@
 <template>
   <form @submit.prevent="formPost">
     <input type="text" autofocus ref="inputMessage" v-model="message" />
-    <input type="submit" value="DUNK!" />
+    <input :disabled="!this.message" type="submit" value="DUNK!" />
   </form>
 </template>
 
 <script>
-import { store } from "../functions/store";
+import { store } from "../../functions/store";
 
 export default {
   data() {

components/firebase/login.vue

@@ -7,19 +7,18 @@
 
 <script>
 import firebase from "firebase/app";
-import "firebase/auth";
 
 export default {
   methods: {
     signInWithGoogle() {
-      var provider = new firebase.auth.GoogleAuthProvider();
+      const provider = new firebase.auth.GoogleAuthProvider();
       firebase
         .auth()
         .signInWithPopup(provider)
         .catch(err => alert(err.message || err));
     },
     signInWithGithub() {
-      var provider = new firebase.auth.GithubAuthProvider();
+      const provider = new firebase.auth.GithubAuthProvider();
       firebase
         .auth()
         .signInWithPopup(provider)

functions/store.js

@@ -4,7 +4,7 @@ import "firebase/firestore";
 import "firebase/auth";
 
 // Initialize Firebase, copied from cloud console
-var config = {
+const firebaseConfig = {
   apiKey: "AIzaSyCMsFreESs58-hRxTtiqQrIcimh4i1wbsM",
   authDomain: "postwoman-api.firebaseapp.com",
   databaseURL: "https://postwoman-api.firebaseio.com",
@@ -14,7 +14,7 @@ var config = {
   appId: "1:421993993223:web:ec0baa8ee8c02ffa1fc6a2",
   measurementId: "G-ERJ6025CEB"
 };
-firebase.initializeApp(config);
+firebase.initializeApp(firebaseConfig);
 
 // a reference to the Balls collection
 const ballsCollection = firebase.firestore().collection("balls");

layouts/default.vue

@@ -346,16 +346,12 @@
                 </v-popover>
               </span>
 
-
+              <login v-if="!store.currentUser" />
-
+              <div v-else>
-    <Login v-if="!store.currentUser" />
+                <button @click="logout">Log out</button>
-    <div v-else>
+                <inputform />
-      <button @click="logout">Log out</button>
+                <ballsfeed />
-      <InputForm />
+              </div>
-      <BallsFeed />
-    </div>
-
-
             </div>
           </header>
           <nuxt />
@@ -604,23 +600,16 @@
 <script>
 import intializePwa from "../assets/js/pwa";
 import * as version from "../.postwoman/version.json";
-
+import firebase from "firebase/app";
-
+import { store } from "../functions/store";
-import firebase from 'firebase/app';
-import 'firebase/auth';
-
-import { store } from '../functions/store';
-import Login from '../components/Login';
-import InputForm from '../components/InputForm';
-import BallsFeed from '../components/BallsFeed';
-
 
 export default {
   components: {
     logo: () => import("../components/logo"),
     modal: () => import("../components/modal"),
-
+    login: () => import("../components/firebase/login"),
-    Login, InputForm, BallsFeed
+    inputform: () => import("../components/firebase/inputform"),
+    ballsfeed: () => import("../components/firebase/feeds")
   },
 
   methods: {
@@ -631,11 +620,12 @@ export default {
       };
     },
 
-
     logout() {
-      firebase.auth().signOut()
+      firebase
-        .catch((err) => alert(err.message || err));
+        .auth()
-    },
+        .signOut()
+        .catch(err => alert(err.message || err));
+    }
   },
 
   data() {