IMask

There are few options on how to include/import IMask into your project:

Install from yarn

Install the imark library from command prompt from the root directory of the project:

yarn add imask --save

How to import IMask package?

import IMask from 'imask';

To apply alpine mask add the below code in the init.js file.

let phoneInput: HTMLInputElement;
onMount(() => {
    // Phone number mask
    IMask(phoneInput, {
        mask: '+{91} 00000 00000'
    });
});

<input class="form-input" 
 id="phone" bind:value={phoneNumber}
 type="text" placeholder="Enter your phone number" 
 bind:this={phoneInput}/>