basket-service.js

import eventHub from 'services/_eventBus'; 

const cartRequestUrl = '/get/basket' // Url to our backend 

function getBasket( ) {
    eventHub.$emit('basket:loading'); // Emit loading so components can show loaders 

    // Make api call
    axios.get( cartRequestUrl ).then( ( response ) => {
        emitBasketUpdate(response.data); 
    } );
}

function emitBasketUpdate() {
    eventHub.$emit('basket:updated', {products: basketData}); // Emit updated basket and pass fetched data
}

// Subscribe on...
function init () {
    // ...first basket page load
    eventHub.$on('basketpage:loaded', () => {
        getBasket();
    });

    // ... every upcoming basket change
    eventHub.$on('basket:changed', () => {
        getBasket();
    });
}

export {init}; // And init in in your root js