Related

React Setup

tailwindcss

Configure Tailwind with React

Card Component

tailwindcss

Create card with Tailwind

Initialize Tailwind

tailwindcss

Create default config file

tailwindcss/vue-setup

Vue Setup

Configure Tailwind with Vue

integration
vue

Explanation

Basic configuration for using Tailwind with Vue CLI

Examples

Vue CLI config

// vue.config.js
  module.exports = {
    css: {
      loaderOptions: {
        postcss: {
          postcssOptions: {
            plugins: [
              require('tailwindcss'),
              require('autoprefixer'),
            ],
          },
        },
      },
    },
  }

More

Install Tailwind

tailwindcss

Install Tailwind CSS

Build CSS

tailwindcss

Compile Tailwind CSS

Configure PurgeCSS

tailwindcss

Set content paths