acidjazz / nuxt-tailvue

nuxt module for tailvue components
MIT License
41 stars 5 forks source link
nuxt-module nuxtjs tailwindcss vuejs

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+)

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

tv-toast

tv-modal

tv-button

tv-icon