# @vt7/nuxt-tailwindui

> Nuxt tailwind UI

Latest version **0.0.12** (published 2021-09-09) · 0 weekly downloads

## Install

```sh
npm install @vt7/nuxt-tailwindui
pnpm add @vt7/nuxt-tailwindui
yarn add @vt7/nuxt-tailwindui
bun add @vt7/nuxt-tailwindui
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.12 |
| Published | 2021-09-09 |
| First published | 2021-09-07 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 29.8 KB |
| Known vulnerabilities | 0 (+2 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Maintainers | vt7 |
| Keywords | nuxt, nuxtjs, vue, vuejs, tailwind, tailwindui, tailwind-ui |

## Links

- npm: https://www.npmjs.com/package/@vt7/nuxt-tailwindui
- Repository: https://github.com/vuthanhbayit/nuxt-tailwindui
- Homepage: https://github.com/vuthanhbayit/nuxt-tailwindui#readme
- Issues: https://github.com/vuthanhbayit/nuxt-tailwindui/issues
- npm.io page: https://npm.io/package/@vt7/nuxt-tailwindui

## Dependencies (4)

- [nuxt](https://npm.io/package/nuxt.md) ^2.15.7
- [core-js](https://npm.io/package/core-js.md) ^3.15.1
- [@tailwindcss/forms](https://npm.io/package/@tailwindcss/forms.md) ^0.3.3
- [@nuxtjs/composition-api](https://npm.io/package/@nuxtjs/composition-api.md) ^0.28.0

## 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

- 0.0.12 (latest) — 2021-09-09
- 0.0.11 — 2021-09-09
- 0.0.10 — 2021-09-09
- 0.0.9 — 2021-09-08
- 0.0.8 — 2021-09-08
- 0.0.7 — 2021-09-08
- 0.0.6 — 2021-09-08
- 0.0.5 — 2021-09-07
- 0.0.4 — 2021-09-07
- 0.0.3 — 2021-09-07
- 0.0.2 — 2021-09-07

## README

# @vt7/nuxt-tailwindui

## Getting started

```
yarn add @vt7/nuxt-tailwindui
```

## Basic Usage

In `nuxt.config.js`

```js
export default {
  ...
  components: true,
  buildModules: [
    ...
    '@vt7/nuxt-tailwindui/nuxt',
  ],
  build: {
    postcss: {
      plugins: {
        'postcss-nesting': {},
        'postcss-nested': {},
      }
    }    
  },
  tailwindUI: {
    prefix: 't',
  }
}
```

In `tailwind.config.js`


```js
module.exports = {
  ...
  theme: {
    extend: {
        colors: {
          primary: {
            DEFAULT: colors.indigo['600'],
              focus: colors.indigo['500'],
              hover: colors.indigo['700'],
              content: colors.white,
          },
          secondary: {
            DEFAULT: colors.indigo['100'],
              focus: colors.indigo['500'],
              hover: colors.indigo['200'],
              content: colors.indigo['700'],
          },
          error: colors.red['500'],
          info: colors.blue['500'],
          warning: colors.yellow['500'],
          success: colors.green['500'],
        }
    }
  }
}
```

In `index.vue`

```vue
<template>
  <t-button color="primary" size="sm">Button base</t-button>
</template>
```

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