Tailwind CSS plugin to generate classes to use when working with Vue.js.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore Ignore lock files Dec 15, 2018
LICENSE Create LICENSE Dec 19, 2018
README.md wip Dec 15, 2018
index.js Combine classes Dec 16, 2018
package.json Combine classes Dec 16, 2018

README.md

Vue.js Tailwind CSS plugin

Overview

Adds classes for working with Vue.js and Tailwind CSS.

This plugin adds classes for showing and hiding elements in different display variations in combination with Vue's v-cloak directive, which I originally saw in the first 'Building Kitetail' video. Then is particuarly useful when you want an element to be visible whilst Vue is compiling, and hidden afterwards.

Installation

Add this plugin to your project:

# Using npm
npm install --save-dev tailwindcss-vuejs

# Using yarn
yarn add --dev tailwindcss-vuejs

Usage

You can add the plugin to your Tailwind config as follows:

plugins: [
  // ...
  require('tailwindcss-vuejs')(),
],

Example

To see an example of this plugin in use, see the oliverdavies.uk repository.

Author

Oliver Davies - Full Stack Developer