startpage

<template>
  <div class="strart-page">
    <h1 class="h1 fw-bold text-white mt-5">
      Welcome to Brij!
    </h1>
    <p class="h3 text-white mt-5">
      A social app where you can finally reach anyone!
    </p>
    <template v-if="isLoggedOut">
      <LoginForm />
    </template>
  </div>
</template>

<script>
export default {
  name: "StartPage",
  data() {
    return {
      isLoggedOut: false
    }
  },
  created() {
    if ( localStorage.getItem("userToken") ) {
      this.$store.dispatch("GET_USER")
        .then( data => { 
          this.isLoggedOut = false;
          window.location.href = '/my-profile';
        } )
        .catch( e => this.isLoggedOut = true );
    }
    else {
      this.isLoggedOut = true;
    }
  },
  methods: {
    // openLogin() {
    //   this.ok = true;
    // },
    // closeLogin() {
    //   this.ok = false;
    // }
  }
};
</script>

<style scooped>
/* //////////////////////////MOBILE WIDTH ONLY///////////////////////// */

.strart-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  min-height: 100vh;
  margin-top: 0px;
  background-image: url("../assets/img/welcome-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: solid 1px transparent;
}
</style>