Index file to prototype our app

index.vue

<template>
  <div>
    <section class="hero is-primary is-medium is-bold">
      <div class="hero-body">
        <div class="container">
          <h1 class="title">The Budget</h1>
          <h2 class="subtitle">Budgeting for Simple People</h2>
        </div>
      </div>
    </section>
    <section class="section">
      <section class="level">
        <div class="level-item">
          <p class="title">
            Transactions
          </p>
        </div>
        <div class="level-item">
          <nuxt-link to="/budget">Go to Your Budget <b-icon icon="chevron-right" size="is-small"></b-icon></nuxt-link>
        </div>
      </section>
    </section>
    <section class="section">
      <div class="container">
        <p>Transaction table here</p>
      </div>
    </section>
  </div>
</template>

<script>
export default {
};
</script>

<style>
</style>