---
description: >
  Это правило предназначено для управления поведением AI при работе с компонентами Vue.js.
  Оно учитывает специфику работы с Vue и помогает поддерживать единообразие в проекте.
globs:
  - '**/*.vue' # Применять ко всем Vue файлам
  - '!node_modules/**' # Исключить node_modules
---

# Правила для компонентов Vue.js

- Следуйте соглашениям об именовании компонентов (PascalCase для имен файлов и компонентов).
- Используйте шаблоны, скрипты и стили в одном файле для каждого компонента.
- Обеспечивайте реактивность данных с помощью Vue Composition API или Options API.
- Используйте директивы Vue (v-if, v-for, v-bind и т.д.) для управления отображением.
- Поддерживайте чистоту и читаемость кода, используя комментарии для сложных участков.

# Ссылки на файлы

- @file ../components/ExampleComponent.vue
- @file ../views/ExampleView.vue

# Дополнительные указания

- Объясняйте концепции Vue.js простым и понятным языком.
- Предлагайте оптимизации, если код можно улучшить по производительности или безопасности.
- Учитывайте лучшие практики Vue.js при предложении изменений.