Initial commit

src/App.vue

@@ -1,29 +1,29 @@
 <template>
-  <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
-  </div>
+  <v-app>
+    <v-main>
+      <component :is="module"></component>
+    </v-main>
+  </v-app>
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator';
-import HelloWorld from './components/HelloWorld.vue';
+import { Component, Vue } from "vue-property-decorator";
+import Login from "@/components/Login.vue";
+import Forecast from "@/components/Forecast.vue";
 
 @Component({
   components: {
-    HelloWorld,
+    Login,
+    Forecast,
   },
 })
-export default class App extends Vue {}
-</script>
+export default class App extends Vue {
+  get auth() {
+    return this.$store.getters.auth;
+  }
 
-<style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
-</style>
+  get module() {
+    return this.auth ? Forecast : Login;
+  }
+};
+</script>