2016-11-08 01:57:55 +00:00
|
|
|
<template>
|
2016-11-08 02:48:18 +00:00
|
|
|
<div class="container">
|
2018-11-24 18:49:19 +00:00
|
|
|
<p>
|
|
|
|
<button @click="showLoginError">
|
|
|
|
Notif me!
|
|
|
|
</button>
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
Home - <NuxtLink to="/about">
|
|
|
|
About
|
|
|
|
</NuxtLink>
|
|
|
|
</p>
|
2016-11-08 01:57:55 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2016-11-08 02:39:57 +00:00
|
|
|
let miniToastr
|
2018-09-19 09:00:23 +00:00
|
|
|
if (process.client) {
|
2019-04-13 12:48:05 +00:00
|
|
|
miniToastr = require('mini-toastr').default
|
2016-11-08 02:39:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
export default {
|
2017-10-31 13:43:55 +00:00
|
|
|
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>
|