# tw-nuxt-notifications

> nuxt module for tailwind-toast-vue components

Latest version **1.0.3** (published 2022-09-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install tw-nuxt-notifications
pnpm add tw-nuxt-notifications
yarn add tw-nuxt-notifications
bun add tw-nuxt-notifications
```

## Health

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

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2022-09-10 |
| First published | 2022-09-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 9.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | kevin olson |
| Maintainers | kiuve |
| Keywords | nuxtjs, tailwindcss, vuejs, vue |

## Links

- npm: https://www.npmjs.com/package/tw-nuxt-notifications
- Repository: https://github.com/kiuve/nuxt-notifications
- Homepage: https://github.com/kiuve/nuxt-tailvue#readme
- Issues: https://github.com/kiuve/nuxt-notifications/issues
- npm.io page: https://npm.io/package/tw-nuxt-notifications

## Dependencies (4)

- [tv-icon](https://npm.io/package/tv-icon.md) latest
- [tv-modal](https://npm.io/package/tv-modal.md) latest
- [tv-button](https://npm.io/package/tv-button.md) latest
- [tw-vue-notifications](https://npm.io/package/tw-vue-notifications.md) ^1.0.2

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 1.0.3 (latest) — 2022-09-10
- 1.0.1 — 2022-09-09
- 1.0.0 — 2022-09-09

## README

## nuxt-tailvue
### Nuxt.js module for for tailvue components
> This requires [Nuxt.js](https://nuxtjs.org) with the [Tailwind CSS](https://tailwindcss.nuxtjs.org) module


[![](https://img.shields.io/npm/v/nuxt-tailvue.svg?logo=npm&style=flat-square)](https://www.npmjs.com/package/nuxt-tailvue)
[![](https://img.shields.io/badge/nuxt.js-module-04C690.svg?style=flat-square)](https://nuxtjs.org)
[![](https://img.shields.io/npm/dt/nuxt-tailvue.svg?style=flat-square)](https://www.npmjs.com/package/nuxt-tailvue)
[![](https://img.shields.io/github/license/acidjazz/nuxt-tailvue?style=flat-square)](https://www.npmjs.com/package-nuxt-tailvue)

## Quick Setup
 1. Add the `nuxt-tailvue` dependency to your Nuxt.js project
 ```bash
 npm install nuxt-tailvue
 # OR
 yarn add nuxt-tailvue
 ```
 
 2. Add `nuxt-tailvue` to the `modules` section of `nuxt.config.js` (this enables all tailvue components)
 ```js
 {
   modules: [
     ['nuxt-tailvue', {all: true}],
   ]
 }
 ```
 
 3. If you're using [Purge](https://tailwindcss.com/docs/controlling-file-size), add this line to the content section of `tailwind.config.js`
 
 ```js
 module.exports = {
     content: [
       'node_modules/tv-*/dist/tv-*.umd.min.js',
     ],
   }
````

## TypeScript
Add the types to your "types" array in `tsconfig.json` after the `@nuxt/types` (Nuxt 2.9.0+)

```json
    "types": [
      "@nuxt/types",
      "nuxt-tailvue",
    ]
```

### tv-toast
<p align="center">
  <img src="media/toast.png" width="600" />
</p>

- Please refer to the [tv-toast readme](https://github.com/acidjazz/tv-toast)


### tv-modal
<p align="center">
  <img src="media/modal.gif" width="600" />
</p>

- Please refer to the [tv-modal readme](https://github.com/acidjazz/tv-modal)


### tv-button
<p align="center">
  <img src="media/buttons.gif" width="600" />
</p>

- Please refer to the [tv-button readme](https://github.com/acidjazz/tv-button)

### tv-icon
<p align="center">
  <img src="media/icons.gif" width="600" />
</p>

- Please refer to the [tv-icon readme](https://github.com/acidjazz/tv-icon)

---
_Source: https://npm.io/package/tw-nuxt-notifications · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._