0.1.0 • Published 2 years ago
@hoppscotch/vue-toasted v0.1.0
@hoppscotch/vue-toasted
A Vue 3 port of the vue-toasted library.
Install
- Install the package from npm
npm install @hoppscotch/vue-toasted
Usage
Initialize the Vue plugin. For example, for a Vite Vue application
// main.js import Toasted from "@hoppscotch/vue-toasted" import { createApp } from "vue" import App from "./App.vue" // Make sure to include the default stylings import "@hoppscotch/vue-toasted/style.css" const app = createApp(App) app.use(Toasted) // You can pass options as a second parameter
Now you will be able to access
vue-toasted
in your Vue components. For Options API:import { defineComponent } from "vue" export default defineComponent({ mounted() { // Should give you access to the toasted show function this.$toasted.show("Hola! From Options API!") } })
For Composition API:
const toast = useToasted() toast.show("Hola! From Composition API!")