Vue and Tailwind CSS based frontend components with VUB specific layout.
Build VUB web application faster by having a set of components that adhere to the VUB house style.
Make sure that you have Vue and Tailwind CSS installed.
- Install VUB Tailwind with npm or yarn:
npm install @vubrussel/vub_tailwind
yarn add @vubrussel/vub_tailwind
- Require VUB Tailwind as a plugin in the
tailwind.config.js
file:
module.exports = {
plugins: [
require('@vubrussel/vub_tailwind/plugin')
]
}
- Add the template path to the
tailwind.config.js
file:
module.exports = {
content: [
"./assets/**/*.{vue,html,js}",
"./templates/**/*.html.twig",
"./node_modules/@vubrussel/vub_tailwind/src/**/*.vue",
],
}
- Vue.js (^3.0.0)
- Tailwind CSS