nuxt-tailvue

nuxt module for tailvue components

Usage no npm install needed!

<script type="module">
  import nuxtTailvue from 'https://cdn.skypack.dev/nuxt-tailvue';
</script>

README

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
  1. Add nuxt-tailvue to the modules section of nuxt.config.js (this enables all tailvue components)
{
  modules: [
    ['nuxt-tailvue', {all: true}],
  ]
}
  1. 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