index.vue

<template>
  <div class="page section">
    <div class="hero is-large">
      <div class="hero-body">
        <center>
          <h3 class="is-size-4">
            <button class="button is-loading is-white"></button>
            <span>Moment kurz ☕</span>
          </h3>
        </center>
      </div>
    </div>
  </div>
</template>

<script>
import { mapActions, mapGetters } from 'vuex';

export default {
  middleware: 'defaultPortfolio',
  mounted() {
    if (!this.$auth.loggedIn) {
      this.$router.replace('/login');
    } else {
      const id = this.allPortfolios[0]._id;
      this.$router.replace(`/portfolio/${id}`);
    }
  },
  computed: {
    ...mapGetters('portfolio', ['allPortfolios']),
  },
};
</script>

<style lang="scss" scoped>
</style>