How to call javascript function in magento 2

<div class="block social-login-authentication-channel account-social-login">
            <div class="block-content"> 
                <div class="actions-toolbar social-btn social-btn-actions-toolbar facebook-login"> 
                    <a class="btn btn-block btn-social btn-facebook" data-mage-init='{"socialProvider": {"url": "http://island.importers/sociallogin/social/login/type/facebook/", "label": "Login By Facebook"}}'> <span class="fa fa-facebook"></span> Sign in with Facebook </a> 
                </div> 
            </div> 
        </div>

data-mage-init desnt work in my Magento_Customer/web/template/authentication-popup.html

how should i use data-mage-init

this is my pub/static/frontent/vendor/theme/requirejs-config.js

var config = {
paths: {
    socialProvider: 'Mageplaza_SocialLogin/js/provider',
    socialPopupForm: 'Mageplaza_SocialLogin/js/popup'
},
map: {
    '*': {
        'Magento_Checkout/js/proceed-to-checkout': 'Mageplaza_SocialLogin/js/proceed-to-checkout'
    }
}

};

socialProvider is mapped to provider.js

how to use this with data-mage-init