src/App.vue

<template>
  <v-app>
    <AppBar />
    <v-container grid-list-lg>
      <v-layout wrap>
        <v-flex xs12 style="position: relative">
          <Tool />
          <DiceArea />
        </v-flex>
        <v-flex xs12>
          <Log />
        </v-flex>
        <v-flex xs12>
          <Tips />
        </v-flex>
      </v-layout>
    </v-container>
  </v-app>
</template>

<script lang="ts">
import Vue from "vue";
import Component from "vue-class-component";

import AppBar from "./AppBar.vue";
import Log from "./Log.vue";
import Tool from "./Tool.vue";
import Tips from "./Tips.vue";
import DiceArea from "./DiceArea.vue";
@Component({
  components: {
    AppBar,
    Tool,
    Log,
    DiceArea,
    Tips
  }
})
export default class App extends Vue {
  mounted() {
    this.$store.dispatch("initialize");
    this.$ga.page("/");
  }
}
</script>

<style lang="scss">
h1 {
  text-align: center;
}
</style>