feat(toast): add ability to register custom toasts

[mcoope31]

Trying to add the ability to register custom toasts from nuxt config.

It would look like this:

toast: {
    position: 'bottom-right',
    register: [
      {
        name: 'test',
        message: (payload) => {
          if(!payload.message) return "Default message"
          return payload.message
        },
        options: {
          type : 'success',
          duration: 3000,
        }
      },
    ]
  },

Usage:

this.$toast.global.test()
this.$toast.global.test({ message: "Custom message here" } )

[pi0]

Can you please separate register from options at module level?

[mcoope31]

So instead of register being inside the toast {} options they should be another option like register_toasts [] ?

[pi0]

I mean a code like this in index.js:

module.exports = function nuxtToast (moduleOptions) {
  const { register, ...toastOptions } = Object.assign({}, this.options.toast, moduleOptions)

  // Register plugin
  this.addPlugin({
    src: path.resolve(__dirname, 'plugin.js'),
    ssr: false,
    fileName: 'toast.js',
    options: {
       register,
       toastOptions
    }
  })
}

[mcoope31]

Thanks, much cleaner.. works well. I updated the readme.