Alpine Mask

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

Install from NPM

Install the Alpine Js library from command prompt from the root directory of the project:

npm i @fullcalendar/vue3

How to import Mask package in main.ts

import FullCalendar from "@fullcalendar/vue3";
app.component("FullCalendar", FullCalendar);

To apply mask in the vue template

<script setup lang="ts">
import FullCalendar from '@fullcalendar/vue3'
import dayGridPlugin from '@fullcalendar/daygrid'
import interactionPlugin from '@fullcalendar/interaction';

const calendarOptions: object = {
    plugins: [dayGridPlugin, interactionPlugin,],
    editable: true,

    events: events.value,
    eventContent: (info: any) => {
        return { html: `
${info.event.title}
` };
    },
}

</scritp>
<template>
    <FullCalendar :options="calendarOptions" />            
</template>