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

Skeleton обеспечивает плавный переход между состоянием загрузки и отображением реального контента. Компонент автоматически управляет видимостью дочерних элементов через свойство `active` и поддерживает систему CSS-классов для создания различных типов заглушек.

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

- Автоматическое управление видимостью контента
- Поддержка специальных CSS-классов для заглушек
- Работа с компонентами через флаг `isSkeleton`
- Гибкая настройка типов заглушек (текст, фон, границы)
- Анимированные эффекты загрузки

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

- Заглушки карточек товаров и пользователей
- Скелетоны списков и таблиц
- Заглушки изображений и аватаров
- Текстовые блоки во время загрузки
- Сложные формы с множественными полями

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

const isLoading = ref(true)

setTimeout(() => {
  isLoading.value = false
}, 2000)
</script>

<template>
  <Skeleton :active="isLoading">
    <!-- Заглушки, видимые во время загрузки -->
    <div class="skeleton__background avatar"></div>
    <div class="skeleton__text title"></div>
    <div class="skeleton__textVariant subtitle"></div>

    <!-- Реальный контент -->
    <img src="/avatar.jpg" alt="Аватар пользователя" />
    <h3>{{ user.name }}</h3>
    <p>{{ user.description }}</p>
  </Skeleton>
</template>
```
