Nuxt.jsでtoastを使う

Nuxt.jsでトーストを使う方法をメモ

インストール

npm i @nuxtjs/toast --save

nuxt.config.js

modules: [
   '@nuxtjs/toast',
],
toast: {
      position: 'top-right',
}

表示

Success

this.$toast.success("テキスト")

Error

this.$toast.error("テキスト")

参考サイト

@nuxtjs/toast

(]( (](

www.npmjs.com