@hoppscotch/vue-toasted

A Vue 3 port of the vue-toasted library.

Install

• Install the package from npm

  1npm install @hoppscotch/vue-toasted

Usage

• Initialize the Vue plugin. For example, for a Vite Vue application

  1// main.js
  2import Toasted from "@hoppscotch/vue-toasted"
  3import { createApp } from "vue"
  4import App from "./App.vue"
  5
  6// Make sure to include the default stylings
  7import "@hoppscotch/vue-toasted/style.css"
  8
  9const app = createApp(App)
  10
  11app.use(Toasted) // You can pass options as a second parameter
  12

• Now you will be able to access vue-toasted in your Vue components.
  
  For Options API:

  1import { defineComponent } from "vue"
  2
  3export default defineComponent({
  4  mounted() {
  5      // Should give you access to the toasted show function
  6      this.$toasted.show("Hola! From Options API!")
  7  }
  8})

  For Composition API:

  1const toast = useToasted()
  2toast.show("Hola! From Composition API!")