Vue-cube-ui-kit NPM

RIMU UI Kit

RIMU UI Kit is a component library for Vue.js.

It uses TailwindCss classes by default, and all classes are configurable.

Install and use

1. Install the dependencies

npm install vue-cube-ui-kit --save

Or:

yarn add vue-cube-ui-kit

2. Configure your project to use `vue-cube-ui-kit`

import Vue from 'vue'
import VueCubeUiKit from 'vue-cube-ui-kit'

Vue.use(VueCubeUiKit)

3. (Optional) configure `purgecss`

Using purgecss postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):

// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)
const purgecss = require('@fullhuman/postcss-purgecss')({
  content: [
    // ...Default config
    // Your custom theme file:
    './myOwnTheme.js',
    // Or the default
    // './node_modules/vue-cube-ui-kit/src/themes/default.js'
  ],

  // Include any special characters you're using in this regular expression
  defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
})

module.exports = {
  plugins: [
    require('tailwindcss'),
    require('autoprefixer'),
    ...process.env.NODE_ENV === 'production'
      ? [purgecss]
      : []
  ]
}