Компонент для создания полей ввода с автоматическим форматированием данных по заданному шаблону в реальном времени.

Mask обеспечивает структурированный ввод с поддержкой различных форматов (телефоны, банковские карты, даты, валюты, числа). Компонент автоматически добавляет разделители и литеральные символы во время набора, ограничивает ввод только допустимыми символами, поддерживает множественные шаблоны с автоматическим выбором наиболее подходящего, работает совместно с системой валидации через `pattern` и `check`, и предоставляет встроенные типы масок для распространенных форматов данных.

**Основные возможности:**

- Автоматическое форматирование с добавлением разделителей
- Гибкие шаблоны с поддержкой одиночных и множественных масок
- Встроенные типы: text, number, number-format, currency, date, time
- Настраиваемые специальные символы через свойство `special`
- Предотвращение ошибок ввода с ограничением символов
- Интеграция с системой валидации через `pattern` и `check`
- Поддержка выравнивания (left/right) и направления (ltr/rtl)
- Резиновые группы с динамической длиной
- Управление видимостью незаполненных символов

**Типичные сценарии использования:**

- Поля ввода телефонных номеров
- Номера банковских карт и CVV-кодов
- Даты и время в различных форматах
- Почтовые индексы и коды
- Валютные суммы с форматированием
- Числовые значения с разделителями

```html
<script setup>
import { ref } from 'vue'

const phone = ref('')
const cardNumber = ref('')
const date = ref('')
const amount = ref('')

const handleInput = (value) => {
  console.log('Введено значение:', value)
}
</script>

<template>
  <!-- Российский телефон -->
  <Mask
    v-model="phone"
    mask="+7 *** *** ** **"
    placeholder="Введите номер телефона"
    @input="handleInput"
  />

  <!-- Банковская карта -->
  <Mask
    v-model="cardNumber"
    mask="**** **** **** ****"
    placeholder="0000 0000 0000 0000"
  />

  <!-- Множественные форматы телефонов -->
  <Mask
    v-model="phone"
    :mask="['+7 *** *** ** **', '8 *** *** ** **']"
  />

  <!-- Дата с встроенным типом -->
  <Mask
    v-model="date"
    type="date"
    pattern="DD.MM.YYYY"
  />

  <!-- Валюта -->
  <Mask
    v-model="amount"
    type="currency"
    currency="RUB"
  />
</template>
```
