# @hoppscotch/vue-toasted

> Port of vue-toasted to Vue 3

Latest version **0.1.0** (published 2022-08-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install @hoppscotch/vue-toasted
pnpm add @hoppscotch/vue-toasted
yarn add @hoppscotch/vue-toasted
bun add @hoppscotch/vue-toasted
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2022-08-26 |
| First published | 2022-08-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 128.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 10 |
| Author | The Hoppscotch Team |
| Maintainers | liyasthomas, andrewbastin |
| Keywords | toast, vue, vue-toasted, toasted, responsive, touch-compatible, touch, vue-toast, vue-toastr, toastr |

## Links

- npm: https://www.npmjs.com/package/@hoppscotch/vue-toasted
- Repository: https://github.com/hoppscotch/vue-toasted
- Homepage: https://github.com/hoppscotch/vue-toasted#readme
- Issues: https://github.com/hoppscotch/vue-toasted/issues
- npm.io page: https://npm.io/package/@hoppscotch/vue-toasted

## Alternatives

- [update-check](https://npm.io/package/update-check.md) — 4.0M weekly downloads
- [react-native-onesignal](https://npm.io/package/react-native-onesignal.md) — 134.5K weekly downloads
- [react-redux-toastr](https://npm.io/package/react-redux-toastr.md) — 33.7K weekly downloads
- [@nocobase/plugin-notification-manager](https://npm.io/package/@nocobase/plugin-notification-manager.md) — 2.0K weekly downloads
- [react-simple-toasts](https://npm.io/package/react-simple-toasts.md) — 1.9K weekly downloads

## Recent versions

- 0.1.0 (latest) — 2022-08-26
- 0.0.8 — 2022-08-26
- 0.0.7 — 2022-08-25
- 0.0.6 — 2022-08-25
- 0.0.5 — 2022-08-25
- 0.0.4 — 2022-08-25
- 0.0.3 — 2022-08-25
- 0.0.2 — 2022-08-25
- 0.0.1 — 2022-08-25

## README

# [@hoppscotch/vue-toasted](https://www.npmjs.com/package/@hoppscotch/vue-toasted)

### A Vue 3 port of the [vue-toasted](https://github.com/shakee93/vue-toasted) library.

<br />
<br />

## Install
- Install the package from npm
  ```bash
  npm install @hoppscotch/vue-toasted
  ```

## Usage
- Initialize the Vue plugin.
  For example, for a Vite Vue application
  ```js
  // 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.
  <br />
  <br />
  For Options API:
  ```js
  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:
  ```js
  const toast = useToasted()
  toast.show("Hola! From Composition API!")
  ```

---
_Source: https://npm.io/package/@hoppscotch/vue-toasted · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._