nuxt-tailvue v1.0.95

nuxt-tailvue

Nuxt.js module for for tailvue components

This requires Nuxt.js with the Tailwind CSS module

Quick Setup

1. Add the nuxt-tailvue dependency to your Nuxt.js project

   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)

   {
     modules: [
       ['nuxt-tailvue', {all: true}],
     ]
   }

3. If you're using Purge, add this line to the content section of tailwind.config.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)