A Vue.js filter that formats a phone number.

index.html

<input type="text"
       name="home_phone"
       class="form-control"
       v-model="homePhone | phone"
       lazy>

vuejs-filters-phone.js

/**
 * Formats a phone number.
 * Example: 610-401-4565 => (610) 401-4565
 *
 * @param {String} phone
 * @return {Void}
 */
Vue.filter('phone', function (phone) {
    return phone.replace(/[^0-9]/g, '')
                .replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
});