searchanddisplace-core/resources/js/app.ts

import './bootstrap';
import Vue from 'vue';

/**
 * Import vendor classes
 */
import PrimeVue from 'primevue/config';
import Button from 'primevue/button';
import Panel from 'primevue/panel';
import Card from 'primevue/card';
import FileUpload from 'primevue/fileupload';
import BlockUI from 'primevue/blockui';
import Sidebar from 'primevue/sidebar';
import OrderList from 'primevue/orderlist';
import Chip from 'primevue/chip';
import Divider from 'primevue/divider';
import Listbox from 'primevue/listbox';
import Toolbar from 'primevue/toolbar';
import Skeleton from 'primevue/skeleton';
import ToastService from 'primevue/toastservice';
import Toast from 'primevue/toast';
import Fieldset from 'primevue/fieldset';


// Own components
import AppHeader from './components/layout/Header.vue';
import AppFooter from './components/layout/Footer.vue';
import Home from './components/Home.vue';
import ProcessFile from './components/ProcessFile.vue';
import Filter from './components/helpers/Filter.vue';
import SelectButton from 'primevue/selectbutton';


Vue.use(PrimeVue, {
    ripple: true,
});

Vue.use(ToastService);

Vue.component('Button', Button);
Vue.component('Panel', Panel);
Vue.component('Card', Card);
Vue.component('FileUpload', FileUpload);
Vue.component('BlockUI', BlockUI);
Vue.component('Sidebar', Sidebar);
Vue.component('OrderList', OrderList);
Vue.component('Chip', Chip);
Vue.component('Divider', Divider);
Vue.component('Listbox', Listbox);
Vue.component('Toolbar', Toolbar);
Vue.component('Skeleton', Skeleton);
Vue.component('Toast', Toast);
Vue.component('SelectButton', SelectButton);
Vue.component('Fieldset', Fieldset);

Vue.component('home', Home);
Vue.component('process-file', ProcessFile);
Vue.component('filter-view', Filter);
Vue.component('app-header', AppHeader);
Vue.component('app-footer', AppFooter);

new Vue({
    el: '#app',
});