2016-11-08 01:57:55 +00:00
|
|
|
<template>
|
2016-11-08 02:48:18 +00:00
|
|
|
<div class="container">
|
2016-11-08 02:39:57 +00:00
|
|
|
<p><button @click="showLoginError">Notif me!</button></p>
|
2016-12-16 17:12:38 +00:00
|
|
|
<p>Home - <nuxt-link to="/about">About</nuxt-link></p>
|
2016-11-08 01:57:55 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2016-11-08 02:39:57 +00:00
|
|
|
let miniToastr
|
2016-11-24 00:46:20 +00:00
|
|
|
if (process.BROWSER_BUILD) {
|
2016-11-08 02:39:57 +00:00
|
|
|
miniToastr = require('mini-toastr')
|
|
|
|
}
|
|
|
|
|
|
|
|
export default {
|
|
|
|
mounted () {
|
2016-11-24 00:46:20 +00:00
|
|
|
miniToastr.init()
|
2016-11-08 02:39:57 +00:00
|
|
|
},
|
|
|
|
notifications: {
|
|
|
|
showLoginError: {
|
|
|
|
title: 'Welcome!',
|
|
|
|
message: 'Hello from nuxt.js',
|
|
|
|
type: 'info'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-11-08 01:57:55 +00:00
|
|
|
</script>
|
2016-11-08 02:48:18 +00:00
|
|
|
|
|
|
|
<style>
|
|
|
|
.container {
|
|
|
|
text-align: center;
|
|
|
|
padding-top: 100px;
|
|
|
|
font-family: sans-serif;
|
|
|
|
}
|
|
|
|
</style>
|