Responsive Vue.js Link For Mobile links

responsivelink-vue.js

Vue.directive('responsivelink', {
    inserted: el => {
        el.addEventListener('click', e => {
            var isMobile = window.matchMedia("screen and (max-width: 860px)");
            if (isMobile.matches) {
                e.preventDefault();
                window.location = e.currentTarget.href;
            }
        })
    }
});

//use link <a href="https://google.com" v-responsivelink target="_blank">Link</a>