From f80a836d9ea4126e45ac0acd5d7cab9d79fe1b40 Mon Sep 17 00:00:00 2001
From: Aleksei Tsybin <tsyalgen@yandex.ru>
Date: Wed, 2 Mar 2022 23:30:13 +0300
Subject: [PATCH] feature: move logout in main component

---
 src/App.vue                        |  2 +-
 src/components/HeaderComponent.vue | 12 +-----------
 src/views/LoginView.vue            |  1 -
 3 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ea32c4e..ebc87e0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1 +1 @@
-<template>
  <div id="app">
    <div class="container">
      <HeaderComponent @checkAuth="checkAuth" :auth="isAuth" :user="user" />
      <router-view @checkAuth="checkAuth" :user="user"></router-view>
    </div>
  </div>
</template>

<script>
import HeaderComponent from '@/components/HeaderComponent'

export default {
  components: { HeaderComponent },
  data() {
    return {
      isAuth: null,
      user: '',
    }
  },
  methods: {
    loggedOut() {
      this.isAuth = false
    },
    async checkAuth() {
      this.isAuth = localStorage.getItem('jwt') != null
      if (this.isAuth) {
        await this.$http
          .get('me', {
            headers: { Authorization: `Bearer ${localStorage.getItem('jwt')}` },
          })
          .then((response) => {
            localStorage.setItem('user', JSON.stringify(response.data.user))
            this.user = response.data.user
          })
          .catch(function (error) {
            console.error(error.response)
          })
      }
    },
  },
  async mounted() {
    await this.checkAuth()
  },
}
</script>
\ No newline at end of file
+<template>
  <div id="app">
    <div class="container">
      <HeaderComponent @loggedOut="loggedOut" :auth="isAuth" :user="user" />
      <router-view @checkAuth="checkAuth" :user="user"></router-view>
    </div>
  </div>
</template>

<script>
import HeaderComponent from '@/components/HeaderComponent'

export default {
  components: { HeaderComponent },
  data() {
    return {
      isAuth: null,
      user: '',
    }
  },
  methods: {
    loggedOut() {
      localStorage.removeItem('jwt')
      localStorage.removeItem('user')
      if (localStorage.getItem('jwt') == null) {
        this.checkAuth()
        this.$router.push('login')
      }
    },
    async checkAuth() {
      this.isAuth = localStorage.getItem('jwt') != null
      if (this.isAuth) {
        await this.$http
          .get('me', {
            headers: { Authorization: `Bearer ${localStorage.getItem('jwt')}` },
          })
          .then((response) => {
            localStorage.setItem('user', JSON.stringify(response.data.user))
            this.user = response.data.user
          })
          .catch(function (error) {
            console.error(error.response)
          })
      }
    },
  },
  async mounted() {
    await this.checkAuth()
  },
}
</script>
\ No newline at end of file
diff --git a/src/components/HeaderComponent.vue b/src/components/HeaderComponent.vue
index 1d825ae..fca396d 100644
--- a/src/components/HeaderComponent.vue
+++ b/src/components/HeaderComponent.vue
@@ -51,7 +51,7 @@
           <b-button
             v-if="auth"
             class="button is-light is-rounded"
-            @click="loggedOut"
+            @click="$emit('loggedOut')"
           >
             Log out
           </b-button>
@@ -80,16 +80,6 @@ export default {
   data() {
     return {}
   },
-  methods: {
-    loggedOut() {
-      localStorage.removeItem('jwt')
-      localStorage.removeItem('user')
-      if (localStorage.getItem('jwt') == null) {
-        this.$emit('checkAuth')
-        this.$router.push('login')
-      }
-    },
-  },
 }
 </script>
 <style lang="scss" scoped>
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index a11695a..e95ff16 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -82,7 +82,6 @@ export default {
           .then((response) => {
             localStorage.setItem('jwt', response.data.jwt_token)
             if (localStorage.getItem('jwt') != null) {
-              // this.$emit('loggedIn')
               this.$emit('checkAuth')
               if (this.$route.query.nextUrl != null) {
                 this.$router.push({ path: `${this.$route.query.nextUrl}` })