// Универсальные архитектурные стандарты проекта. Правила создания новых модулей (UI/Logic) и декомпозиции существующих. Гарантирует чистоту кода через использование composables, разделение ответственности и соблюдение соглашений об именовании.
| name | architecture-standards |
| description | Универсальные архитектурные стандарты проекта. Правила создания новых модулей (UI/Logic) и декомпозиции существующих. Гарантирует чистоту кода через использование composables, разделение ответственности и соблюдение соглашений об именовании. |
Этот навык определяет, как структурировать код в проекте. Мы придерживаемся принципа разделения ответственности (Separation of Concerns): UI-компоненты отвечают за отображение, Composables — за состояние и бизнес-логику, Helpers — за чистые вычисления. Применим как для создания нового функционала, так и для рефакторинга существующего.
При создании новых фич следуйте иерархии:
src/entities/ (типы, фабрики, валидация).use-*.ts) для управления состоянием и эффектами.Если компонент или модуль становится слишком сложным (более 300 строк или более 3 обязанностей):
ref, computed, watch и хуки жизненного цикла в composables.TheHeader.vue, BlockSettings.vue).use-auth-logic.ts, canvas-tree-utils.ts).use-, экспорт функции в camelCase. Называйте файлы по ответственности (use-tree-insertion.ts).data-slot="имя-компонента-в-kebab-case" на корневом элементе каждого компонента.data-* атрибуты, используемые для тестов, прокрутки или Drag-and-Drop.src/features/editor/model/.<template>.@mysigmail/vue-email-components.p- используются корректно и стили не текут наружу.pnpm -s vue-tsc --noEmit и eslint.При выполнении задач: