import Vue from 'vue';
import Vuex from 'vuex';
import {VatScenarioController} from "./kms/attributes/vatScenarioController";
import Initializer from "../../vendor/komma/kms/resources/js/entity/initializer";
import PaginatorPerPageController from "./kms/paginatorPerPageController";
import StatusController from "./kms/statusController";

import { register as shopVueRegisterKms, boot as shopVueBootKms } from './shopVueRegistrationsKms';

document.addEventListener('DOMContentLoaded', function () {

    Vue.use(Vuex);

    let attributeInitializer = new Initializer('#entity-form');

    attributeInitializer.bindSelectorToCallback('.js-vat-scenario', function (initializer, htmlElement) {
        new VatScenarioController(htmlElement);
    });

    if(document.querySelector('.js-per-page')) new PaginatorPerPageController();
    if(document.querySelector('.js-status')) new PaginatorPerPageController();

    new StatusController();

    //Create a Vuex store to centralize data for vue components.
    let store = new Vuex.Store({ namespaced: true });

    shopVueBootKms(store)
    shopVueRegisterKms(store)
});