<template>
  <div class="container">
    <p><button @click="showLoginError">Notif me!</button></p>
    <p>Home - <router-link to="/about">About</router-link></p>
  </div>
</template>

<script>
let miniToastr
if (process.BROWSER_BUILD) {
  miniToastr = require('mini-toastr')
}

export default {
  mounted () {
    miniToastr.init()
  },
  notifications: {
    showLoginError: {
      title: 'Welcome!',
      message: 'Hello from nuxt.js',
      type: 'info'
    }
  }
}
</script>

<style>
.container {
  text-align: center;
  padding-top: 100px;
  font-family: sans-serif;
}
</style>
