import Addresses from '../js/components/vue/Addresses'
import ProductGroup from '../js/components/vue/product/ProductGroup'
import {addressActions,addressState,addressGetters,addressMutations} from './store/modules/address'
import {siteUserActions,siteUserState,siteUserGetters,siteUserMutations} from './store/modules/user'
import Vue from 'vue';

/**
 * Trigger this method in your boilerplate to register site user package vue stuff.
 *
 * @param store
 */
export function boot(store) {
    store.registerModule('address', {
        namespaced: true,
        actions: addressActions,
        state: addressState,
        getters: addressGetters,
        mutations: addressMutations
    })

    store.registerModule('siteUser', {
        namespaced: true,
        actions: siteUserActions,
        state: siteUserState,
        getters: siteUserGetters,
        mutations: siteUserMutations
    });
}

/**
 * Trigger this function to register vue instances.
 *
 * @param store
 */
export function register(store) {
    if(document.querySelector('.js-addresses')) {
        new Vue({
            el: '.js-addresses',
            components: { Addresses },
            store
        });
    }

    if(document.querySelector('.product_group')) {
        store.dispatch('sites/loadCurrentSiteLanguage');
        store.dispatch('g11n/translation/loadTranslations', [
            { key: 'productable' }
        ]);

        new Vue({
            el: '.product_group',
            components: { ProductGroup },
            store
        });

    }
}