mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-23 14:15:13 +00:00
43 lines
633 B
Vue
43 lines
633 B
Vue
<template>
|
|
<div class="container">
|
|
<p>
|
|
<button @click="showLoginError">
|
|
Notif me!
|
|
</button>
|
|
</p>
|
|
<p>
|
|
Home - <NuxtLink to="/about">
|
|
About
|
|
</NuxtLink>
|
|
</p>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
let miniToastr
|
|
if (process.client) {
|
|
miniToastr = require('mini-toastr').default
|
|
}
|
|
|
|
export default {
|
|
mounted () {
|
|
miniToastr.init()
|
|
},
|
|
notifications: {
|
|
showLoginError: {
|
|
title: 'Welcome!',
|
|
message: 'Hello from nuxt',
|
|
type: 'info'
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.container {
|
|
text-align: center;
|
|
padding-top: 100px;
|
|
font-family: sans-serif;
|
|
}
|
|
</style>
|