app.js

/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */
import {initialize} from "./helpers/general";


require('./bootstrap');

import Vue from 'vue';
import VueRouter from 'vue-router';
import Vuex from 'vuex';
import {routes} from './routes';
import StoreData from './store';
import MainApp from './components/layouts/MainApp';
import Toaster from 'v-toaster';
import VueSweetalert2 from 'vue-sweetalert2';

import '../../node_modules/nprogress/nprogress.css';

// You need a specific loader for CSS files like https://github.com/webpack/css-loader
import 'v-toaster/dist/v-toaster.css'

import VueCarousel from 'vue-carousel';

Vue.use(VueCarousel);


// optional set default imeout, the default is 10000 (10 seconds).
Vue.use(VueSweetalert2);
Vue.use(Toaster, {timeout: 5000});

Vue.use(VueRouter);
Vue.use(Vuex);

const store =  new Vuex.Store(StoreData);

const router = new VueRouter({
    routes,
    scrollBehavior (to, from, savedPosition) {
        return { x: 0, y: 0 }
    },
    // linkActiveClass: "active", // active class for non-exact links.
    linkExactActiveClass: "active", // active class for *exact* links
    mode: 'history'
});


initialize(store, router);
/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

// Vue.component('default-layout', require('./components/layouts/DefaultLayout'));
// Vue.component('pages-layout', require('./components/layouts/PagesLayouts'));

const app = new Vue({
    el: '#app',
    router,
    store,
    components:{
        MainApp
    }
});

if(router.currentRoute.meta.layout === 'pages') {
    /*@require("./../../public/assets/css/font-awesome.min.css");*/
    require("./../../public/assets/css/owl.carousel.min.css");
    require("./../../public/assets/css/owl.theme.default.min.css");
    /*@require("./../../public/assets/css/pe-icon-7-stroke.min.css");*/
    require("./../../public/assets/css/magnific-popup.css");
    require("./../../public/assets/css/bootstrap.min.css");
    require("./../../public/assets/css/menu.css");
    require("./../../public/assets/css/style.css");
    require("./../../public/assets/css/responsive.css");
    require("./../../public/assets/css/default.css");
    require("./../../public/assets/css/color.css");
}else {
    require("./../../public/vendor/materializeicon/material-icons.css");
    require("./../../public/vendor/animatecss/animate.css");
    require("./../../public/vendor/swiper/css/swiper.min.css");
    require("./../../public/vendor/bootstrap-daterangepicker-master/daterangepicker.css");
    require("./../../public/vendor/footable-bootstrap/css/footable.bootstrap.min.css");
    require("./../../public/vendor/bootstrap_tour/css/bootstrap-tour-standalone.css");
    require("./../../public/vendor/jquery-jvectormap/jquery-jvectormap-2.0.3.css");
    require("./../../public/css/purplesidebar.css");
}


require('./../../public/assets/js/vendor/jquery-3.3.1.min.js')
require('./../../public/assets/js/bootstrap.min.js')
require('./../../public/assets/js/owl.carousel.min.js')
if(router.currentRoute.meta.layout === 'pages') {
    require('./../../public/assets/js/jquery.magnific-popup.min.js')
    require('./../../public/assets/js/isotope.pkgd.min.js')
    require('./../../public/assets/js/imagesloaded.pkgd.min.js')
    require('./../../public/assets/js/menu.js')
    require('./../../public/assets/js/script.js')
}else {

    require('./../../public/js/popper.min.js')
    require('./../../public/vendor/cookie/jquery.cookie.js')
    require('./../../public/vendor/sparklines/jquery.sparkline.min.js')
    require('./../../public/vendor/swiper/js/swiper.min.js')
    require('./../../public/vendor/chartjs/Chart.bundle.min.js')
    require('./../../public/vendor/chartjs/utils.js')
    require('./../../public/vendor/footable-bootstrap/js/footable.min.js')
// require('./../../public/vendor/bootstrap-daterangepicker-master/moment.js')
    require('./../../public/vendor/jquery-jvectormap/jquery-jvectormap.js')
    require('./../../public/vendor/jquery-jvectormap/jquery-jvectormap-world-mill-en.js')
    require('./../../public/vendor/bootstrap_tour/js/bootstrap-tour-standalone.min.js')
    require('./../../public/vendor/jquery-toast-plugin-master/dist/jquery.toast.min.js')
    require('./../../public/js/main.js')
    require('./../../public/js/dashboard.js')
}