<template>
  <v-app>
    <v-main>
      <component :is="module"></component>
    </v-main>
  </v-app>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import Login from "@/components/Login.vue";
import Forecast from "@/components/Forecast.vue";

@Component({
  components: {
    Login,
    Forecast,
  },
})
export default class App extends Vue {
  get auth() {
    return this.$store.getters.auth;
  }

  get module() {
    return this.auth ? Forecast : Login;
  }
};
</script>
