@cifrum/vuewind v0.0.26

⚠️ The package is in the early stages of development and is not ready for use in production!

Quick start

!!! You need Vue.js version 3.2+. (Vue 2 is not supported) !!! You need TailwindCSS version 3.0+.

1. Install VueWind via:

NPM

npm install @cifrum/vuewind

or

Yarn

yarn add @cifrum/vuewind

2. Import and use VueWind

Vue JS Plugin

Nuxt

import VueWind from '@cifrum/vuewind'

export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.use(VueWind)
})

Clear Vue

import { createApp } from 'vue'
import Root from './App.vue'
import VueWind from '@cifrum/vuewind'

const app = createApp(Root)

app.use(VueWind)
app.mount('#app')

SCSS

// Set your custom configs
$icon-sizes: (
  'xs': 12,
  'sm': 16,
  'md': 24,
  'lg': 36,
  'xl': 40
);

// Import VueWind styles
@import "~@cifrum/vuewind/src/styles";

3. Add VueWind to content tailwind.config.js:

module.exports = {
    content: [
        //...
        './node_modules/@cifrum/vuewind/src/**/*.{js,vue,ts}',
    ],
    //...
}