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

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

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

- Отображение текущего количества введенных символов
- Автоматический показ максимального лимита при его наличии
- Гибкие шаблоны форматирования с плейсхолдерами [c] и [m]
- Автоматическое определение формата (50 / 100 или просто 50)
- Поддержка строковых и числовых значений counter и maxlength
- Умное управление видимостью через свойство counterShow
- Компактное отображение для экономии пространства

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

- Текстовые поля с ограничением по количеству символов
- Многострочные текстовые области (textarea) для описаний
- Поля ввода комментариев с лимитами
- Формы с требованиями к минимальной/максимальной длине
- SMS-редакторы с подсчетом символов

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

const message = ref('')
const bio = ref('')
</script>

<template>
  <!-- Только счетчик без лимита -->
  <FieldCounter :counter="message.length" />

  <!-- Счетчик с максимальным лимитом (формат: 50 / 200) -->
  <FieldCounter
    :counter="message.length"
    :maxlength="200"
  />

  <!-- Кастомный шаблон отображения -->
  <FieldCounter
    :counter="bio.length"
    :maxlength="500"
    template="Символов: [c] из [m]"
  />

  <!-- HTML в шаблоне для стилизации -->
  <FieldCounter
    :counter="message.length"
    :maxlength="160"
    template="<b>[c]</b> / [m] символов"
  />

  <!-- Условное отображение через counterShow -->
  <FieldCounter
    :counter="message.length"
    :maxlength="100"
    :counterShow="message.length > 0"
  />
</template>
```
