@vubrussel/vub_tailwind
Version:
Vue and Tailwind CSS based frontend components with VUB specific layout.
176 lines (158 loc) • 8.17 kB
JavaScript
import './style/style.css';
import TextBox from "./components/box/TextBox.vue";
import RefBox from "./components/box/RefBox.vue";
import RefBoxBlue from "./components/box/RefBoxBlue.vue";
import HoverButtonBlue from "./components/button/HoverButtonBlue.vue";
import HoverButtonOrange from "./components/button/HoverButtonOrange.vue";
import HoverButtonAlt from "./components/button/HoverButtonAlt.vue";
import LargeButton from "./components/button/LargeButton.vue";
import SmallButton from "./components/button/SmallButton.vue";
import RoundButtonLeft from "./components/button/RoundButtonLeft.vue";
import RoundButtonRight from "./components/button/RoundButtonRight.vue";
import RoundButtonAdd from "./components/button/RoundButtonAdd.vue";
import RoundButtonClose from "./components/button/RoundButtonClose.vue";
import SpinningLoader from "./components/common/SpinningLoader.vue";
import DialogBox from "./components/common/DialogBox.vue";
import CheckBox from "./components/form/CheckBox.vue";
import DropDown from "./components/form/DropDown.vue";
import DropDown2 from "./components/form/DropDown2.vue";
import InputDate from "./components/form/InputDate.vue";
import InputNumber from "./components/form/InputNumber.vue";
import InputText from "./components/form/InputText.vue";
import RadioButtons from "./components/form/RadioButtons.vue";
import RangeSlider from "./components/form/RangeSlider.vue";
import AutoCompleteDropdown from "./components/form/AutoCompleteDropdown.vue";
import ApplicationTitle from "./components/page/ApplicationTitle.vue";
import PageTitle from "./components/page/PageTitle.vue";
import VUBFooter from "./components/page/VUBFooter.vue";
import VUBHeader from "./components/page/VUBHeader.vue";
import RefText from "./components/text/RefText.vue";
import TitleText from "./components/text/TitleText.vue";
import ErrorText from "./components/text/ErrorText.vue";
import VUBLogo from "./components/logo/VUBLogo.vue";
import VUBLogoWithText from "./components/logo/VUBLogoWithText.vue";
import VUBLogoWithTextWhiteStroke from "./components/logo/VUBLogoWithTextWhiteStroke.vue";
import GlobeIcon from "./components/icon/GlobeIcon.vue";
import GlobeIcon2 from "./components/icon/GlobeIcon2.vue";
import HamburgerMenuIcon from "./components/icon/HamburgerMenuIcon.vue";
import LeftArrowIcon from "./components/icon/LeftArrowIcon.vue";
import MoreDotsIcon from "./components/icon/MoreDotsIcon.vue";
import NotificationsIcon from "./components/icon/NotificationsIcon.vue";
import ProfileIcon from "./components/icon/ProfileIcon.vue";
import ProfileIcon2 from "./components/icon/ProfileIcon2.vue";
import RightArrowIcon from "./components/icon/RightArrowIcon.vue";
import SearchIcon from "./components/icon/SearchIcon.vue";
import CalendarIcon from "./components/icon/CalendarIcon.vue";
import MoonIcon from "./components/icon/MoonIcon.vue";
import WarningIcon from "./components/icon/WarningIcon.vue";
import TriangleIcon from "./components/icon/TriangleIcon.vue";
import PyramidIcon from "./components/icon/PyramidIcon.vue";
import CubeIcon from "./components/icon/CubeIcon.vue";
import HouseIcon from "./components/icon/HouseIcon.vue";
import PeopleIcon from "./components/icon/PeopleIcon.vue";
import ChatIcon from "./components/icon/ChatIcon.vue";
import LocationIcon from "./components/icon/LocationIcon.vue";
import EmptyTrayIcon from "./components/icon/EmptyTrayIcon.vue";
import CloseIcon from "./components/icon/CloseIcon.vue";
import CheckIcon from "./components/icon/CheckIcon.vue";
import WaitIcon from "./components/icon/WaitIcon.vue";
import FileIcon from "./components/icon/FileIcon.vue";
import CameraIcon from "./components/icon/CameraIcon.vue";
import UploadIcon from "./components/icon/UploadIcon.vue";
import ItsMeIcon from "./components/icon/ItsMeIcon.vue";
import EidIcon from "./components/icon/EidIcon.vue";
import MailIcon from "./components/icon/MailIcon.vue";
import ThumbIcon from "./components/icon/ThumbIcon.vue";
import RefreshIcon from "./components/icon/RefreshIcon.vue";
import SunIcon from "./components/icon/SunIcon.vue";
import EditIcon from "./components/icon/EditIcon.vue";
import IdCardIcon from "./components/icon/IdCardIcon.vue";
const vubComponents = {
install(Vue) {
/*** BOXES ***/
Vue.component('TextBox', TextBox);
Vue.component('RefBox', RefBox);
Vue.component('RefBoxBlue', RefBoxBlue);
/*** *** ***/
/*** BUTTONS ***/
Vue.component('HoverButtonBlue', HoverButtonBlue);
Vue.component('HoverButtonOrange', HoverButtonOrange);
Vue.component('HoverButtonAlt', HoverButtonAlt);
Vue.component('LargeButton', LargeButton);
Vue.component('SmallButton', SmallButton);
Vue.component('RoundButtonLeft', RoundButtonLeft);
Vue.component('RoundButtonRight', RoundButtonRight);
Vue.component('RoundButtonAdd', RoundButtonAdd);
Vue.component('RoundButtonClose', RoundButtonClose);
/*** *** ***/
/*** COMMON ***/
Vue.component('SpinningLoader', SpinningLoader);
Vue.component('DialogBox', DialogBox);
/*** *** ***/
/*** FORM ELEMENTS ***/
Vue.component('CheckBox', CheckBox);
Vue.component('DropDown', DropDown);
Vue.component('DropDown2', DropDown2);
Vue.component('InputDate', InputDate);
Vue.component('InputNumber', InputNumber);
Vue.component('InputText', InputText);
Vue.component('RadioButtons', RadioButtons);
Vue.component('RangeSlider', RangeSlider);
Vue.component('AutoCompleteDropdown', AutoCompleteDropdown);
/*** *** ***/
/*** PAGE ELEMENTS ***/
Vue.component('ApplicationTitle', ApplicationTitle);
Vue.component('PageTitle', PageTitle);
Vue.component('VUBFooter', VUBFooter);
Vue.component('VUBHeader', VUBHeader);
/*** *** ***/
/*** TEXT ELEMENTS ***/
Vue.component('RefText', RefText);
Vue.component('TitleText', TitleText);
Vue.component('ErrorText', ErrorText);
/*** *** ***/
/*** LOGOS ***/
Vue.component('VUBLogo', VUBLogo);
Vue.component('VUBLogoWithText', VUBLogoWithText);
Vue.component('VUBLogoWithTextWhiteStroke', VUBLogoWithTextWhiteStroke);
/*** *** ***/
/*** ICONS ***/
Vue.component('GlobeIcon', GlobeIcon);
Vue.component('GlobeIcon2', GlobeIcon2);
Vue.component('HamburgerMenuIcon', HamburgerMenuIcon);
Vue.component('LeftArrowIcon', LeftArrowIcon);
Vue.component('RightArrowIcon', RightArrowIcon);
Vue.component('MoreDotsIcon', MoreDotsIcon);
Vue.component('NotificationsIcon', NotificationsIcon);
Vue.component('ProfileIcon', ProfileIcon);
Vue.component('ProfileIcon2', ProfileIcon2);
Vue.component('SearchIcon', SearchIcon);
Vue.component('CalendarIcon', CalendarIcon);
Vue.component('MoonIcon', MoonIcon);
Vue.component('WarningIcon', WarningIcon);
Vue.component('TriangleIcon', TriangleIcon);
Vue.component('PyramidIcon', PyramidIcon);
Vue.component('CubeIcon', CubeIcon);
Vue.component('HouseIcon', HouseIcon);
Vue.component('PeopleIcon', PeopleIcon);
Vue.component('ChatIcon', ChatIcon);
Vue.component('LocationIcon', LocationIcon);
Vue.component('EmptyTrayIcon', EmptyTrayIcon);
Vue.component('CloseIcon', CloseIcon);
Vue.component('CheckIcon', CheckIcon);
Vue.component('WaitIcon', WaitIcon);
Vue.component('FileIcon', FileIcon);
Vue.component('CameraIcon', CameraIcon);
Vue.component('UploadIcon', UploadIcon);
Vue.component('ItsMeIcon', ItsMeIcon);
Vue.component('EidIcon', EidIcon);
Vue.component('MailIcon', MailIcon);
Vue.component('ThumbIcon', ThumbIcon);
Vue.component('RefreshIcon', RefreshIcon);
Vue.component('SunIcon', SunIcon);
Vue.component('EditIcon', EditIcon);
Vue.component('IdCardIcon', IdCardIcon);
/*** *** ***/
}
}
export default vubComponents;