import Vue from 'vue';


// import VueScrollReveal from "vue-scroll-reveal";
import Vuetify from 'vuetify'


// import "popper.js";
// import "bootstrap-v4-rtl";
// import "bootstrap-v4-rtl/scss/bootstrap-rtl.scss";
// import "bootstrap-select";
// import "bootstrap-select/dist/css/bootstrap-select.css";
import "vuetify/dist/vuetify.min.css"; // Ensure you are using css-loader
import "@Global/assets/Font-Icons/css/fontello.css";
import "@Global/scss/style.scss";

// components
import PartTitle from "@Global/components/Dividers/PartTitle.vue";
import PageTitle from "@Global/components/Dividers/PageTitle.vue";
import Checkbox from "@Global/components/Inputs/Checkbox.vue";
import InfoBlock from "@Global/components/Misc/InfoBlock.vue";
import Breadcrumbs from "@Global/components/Misc/Breadcrumbs";


// Vue.use(VueScrollReveal, {
//     class: 'v-scroll-reveal', // A CSS class applied to elements with the v-scroll-reveal directive; useful for animation overrides.
//     duration: 800,
//     scale: 1,
//     distance: '10px',
//     mobile: false
// });

Vue.use(Vuetify, {
	iconfont: "fa",
	rtl: true
});

Vue.component("WM-PartTitle", PartTitle);
Vue.component("WM-PageTitle", PageTitle);
Vue.component("WM-Checkbox", Checkbox);
Vue.component("WM-InfoBlock", InfoBlock);
Vue.component("wm-breadcrumbs", Breadcrumbs);