JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-snack/dist/vue-snack.min.css">
<script src="https://unpkg.com/vue-snack/dist/vue-snack.min.js"></script>
<body>
  <div id="app">
    <h1>{{ message }}</h1>
    <button @click="m('success')">Success</button>
    <button @click="m('danger')">Danger</button>
    <button @click="m('show')">Info</button>
  </div>
</body>

JavaScript

console.log(document.body)
new Vue({
	el: '#app',
  data () {
  	return {
    	message: 'My awesome Vue.JS Application'
    }
  },
  methods: {
  	m (method) {
    	let config = {
      	text: 'My first message',
        button: ['oak','nok']
      }
      this.$snack[method](config)
    	// this.$snack[method](config)
    }
  }
})