calidae-components

About this library

Calidae-Components is a Vue component library with the goal of increase the vue/nuxt apps development speed, based and opinonated on the Calidae daily work requirements. It is built on top of Vue CLI and the only dependendecy is the TailwindCSS framework. The library is developed with utility-first and BEM methodolgies with the purpose of keeping the consistency about CSS naming across all the library.

Install

npm install -D @calidae/calidae-components

Import components individually

MyComponent.vue

<template>
...
  <cld-button>BUTTON</cld-button>
...
</template>

<script>
import { CldButton } from @calidae/calidae-components

export default {
  ...
}
</script>

Use it as a plugin (Global installation)

main.js

import Vue from 'vue'
import App from './App.vue'
...
import CalidaeComponents from '@calidae/calidae-components'
Vue.use(CalidaeComponents)
...

new Vue({
  render: h => h(App),
}).$mount('#app')

...

MyComponent.vue

<template>
...
  <cld-button>BUTTOON</cld-button>
...
</template>

<script>
export default {
  ...
}
</script>

Local development

npm run serve

Compiles and minifies for production

npm run build

Testing

Unit testing is based on Jest and Vue Testing Library

Run your unit tests

npm run test:unit

Linting

npm run lint
npm run lint:css