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