hafifierahman
100 lines
3.0 KiB
JavaScript
Vendored
100 lines
3.0 KiB
JavaScript
Vendored
/**
|
|
* 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 VueApexCharts from 'vue-apexcharts'
|
|
import Alpine from 'alpinejs'
|
|
import Vue from 'vue'
|
|
import VueCompositionAPI from '@vue/composition-api'
|
|
import VueAxios from 'vue-axios'
|
|
import axios from 'axios'
|
|
import JwPagination from 'jw-vue-pagination'
|
|
import { createPopper } from "@popperjs/core"
|
|
import Toast from "vue-toastification"
|
|
import "vue-toastification/dist/index.css"
|
|
import router from './routes'
|
|
import Vuelidate from 'vuelidate'
|
|
import datetime from 'vuejs-datetimepicker';
|
|
|
|
require('./bootstrap');
|
|
|
|
window.Vue = require('vue').default;
|
|
window.Alpine = Alpine;
|
|
|
|
|
|
const options = {
|
|
transition: "Vue-Toastification__fade",
|
|
position: "top-right",
|
|
timeout: 2000,
|
|
closeOnClick: true,
|
|
maxToasts: 20,
|
|
pauseOnHover: true,
|
|
draggable: true,
|
|
draggablePercent: 0.6,
|
|
closeButton: "button",
|
|
showCloseButtonOnHover: false,
|
|
icon: true,
|
|
newestOnTop: true
|
|
};
|
|
|
|
Vue.use(Vuelidate)
|
|
Vue.use (VueApexCharts)
|
|
Vue.use (Alpine)
|
|
Vue.use(VueCompositionAPI)
|
|
Vue.use(VueAxios, axios)
|
|
Vue.component('jw-pagination', JwPagination)
|
|
// Vue.use(createPopper)
|
|
Vue.use(Toast, options)
|
|
Vue.use(datetime)
|
|
Alpine.start()
|
|
|
|
Vue.use(require('vue-pusher'), {
|
|
api_key: 'd95a6bc6ba2885c5f267',
|
|
options: {
|
|
cluster: 'ap1',
|
|
encrypted: true,
|
|
}
|
|
});
|
|
|
|
|
|
//Chart
|
|
Vue.component('pemb-chart', require('./components/Chart/PembiayaanChart.vue').default)
|
|
Vue.component('peny-chart', require('./components/Chart/PenyelesaianChart.vue').default)
|
|
Vue.component('keun-chart', require('./components/Chart/KeuntunganChart.vue').default)
|
|
|
|
|
|
Vue.component('sidebar', require('./components/Sidebar.vue').default)
|
|
Vue.component('breadcrumb', require('./components/Breadcrumb.vue').default)
|
|
Vue.component('dashboard', require('./pages/dashboard.vue').default)
|
|
Vue.component('tunai-component', require('./components/Tunai.vue').default)
|
|
Vue.component('petibesi-component', require('./components/Petibesi.vue').default)
|
|
Vue.component('cawangan-component', require('./components/cawangan.vue').default)
|
|
Vue.component('modal-component', require('./components/util/Modal.vue').default)
|
|
Vue.component('searchpelanggan-component', require('./components/Searchpelanggan.vue').default)
|
|
Vue.component('laporanakaun-component', require('./Akaun/Laporan.vue').default)
|
|
Vue.component('online-component', require('./Online/Online.vue').default)
|
|
|
|
|
|
Vue.component('details-pelanggan', require('./pages/Detailspelanggan.vue').default)
|
|
|
|
|
|
|
|
Vue.component('apexchart', VueApexCharts)
|
|
|
|
|
|
// Vue.component('Navbar', require('./components/Navbar.vue').default);
|
|
|
|
|
|
/**
|
|
* 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.
|
|
*/
|
|
|
|
const app = new Vue({
|
|
router,
|
|
el: '#app',
|
|
});
|