vue-3-nuxt-3-typescript-cursorrules-prompt-file — правило для Cursor
Правило для Cursor задаёт агенту стиль кода на Vue 3 и Nuxt 3: Composition API, TypeScript-интерфейсы, конвенции Nuxt. Пригодится, когда проект уже на этом стеке и не хочется каждый раз объяснять структуру.
.cursor/rules/vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdcЧто делает vue-3-nuxt-3-typescript-cursorrules-prompt-file
Файл описывает, как писать код в проекте на Vue 3 и Nuxt 3. Компоненты строятся на Composition API с <script setup> и чёткими границами. Формы объектов описываются через TypeScript-интерфейсы, а общие типы держатся рядом с той фичей, которой принадлежат.
Отдельно прописаны конвенции Nuxt: маршрутизация, layouts, composables, плагины, серверные роуты и runtime config. Для стилей правило требует адаптивности и доступности в Tailwind CSS, согласованности с дизайн-системой проекта. Утилиты VueUse разрешены там, где они упрощают реактивность и не прячут важные переходы состояния.
Сборку Vite и Nuxt правило советует оптимизировать через ленивую загрузку, динамические импорты, оптимизацию изображений и просмотр бандла. Установка — это просто файл в каталоге правил Cursor, никаких зависимостей он не тянет. Но правило не привязано к конкретному проекту: globs стоит как **/*, поэтому его текст будет подмешиваться в контекст по всем файлам репозитория. Если в проекте есть код не на Vue, это лишний шум — тогда лучше сузить globs вручную.
Какие задачи решает
- задать агенту единый стиль компонентов на Composition API
- описать формы объектов через TypeScript-интерфейсы вместо
any - разложить код по конвенциям Nuxt: layouts, composables, серверные роуты
- удержать Tailwind CSS в рамках дизайн-системы проекта
- подсказать агенту, где уместны утилиты VueUse
Примеры запросов агенту
- добавь новый composable для загрузки профиля пользователя по конвенциям Nuxt
- отрефактори этот компонент на
<script setup>и вынеси типы пропсов в интерфейс - проверь сборку: где можно добавить динамический импорт и ленивую загрузку
Как установить vue-3-nuxt-3-typescript-cursorrules-prompt-file
Вручную: положить файлы
.cursor/rules/vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdcВо frontmatter: description, globs, alwaysApply
Вручную: положить файлы
.claude/rules/vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdПоле paths во frontmatter ограничивает файлы: globs из источника → paths
AGENTS.md
Codex читает AGENTS.md: вставьте текст правила туда
Вручную: положить файлы
.github/instructions/vue-3-nuxt-3-typescript-cursorrules-prompt-file.instructions.mdПоле applyTo задаёт, к каким файлам применять: globs из источника → applyTo
Вручную: положить файлы
.devin/rules/vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdВручную: положить файлы
.clinerules/vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdПо шагам, с командами для каждой платформы: Cursor rules: файлы .mdc, четыре режима и замена .cursorrules
Вопросы о vue-3-nuxt-3-typescript-cursorrules-prompt-file
Как установить vue-3-nuxt-3-typescript-cursorrules-prompt-file в Cursor?
Создайте файл .cursor/rules/vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdc в корне проекта и вставьте в него содержимое правила.
Что делает это правило?
Описывает, как Cursor должен писать код на Vue 3 и Nuxt 3: Composition API, TypeScript-интерфейсы, конвенции Nuxt, Tailwind CSS, VueUse и оптимизация сборки.
Правило применяется ко всем файлам проекта?
Да, в нём указан globs: **/*, то есть текст подмешивается по всему репозиторию. Если Vue-код лежит не везде, сузьте globs под свои каталоги.
Исходный текст
vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdc · CC0-1.0
--- description: "Cursor rules for Vue 3 development with TypeScript integration." globs: **/* alwaysApply: false --- Vue 3 Nuxt 3 TypeScript Guidelines - Use Vue 3 Composition API patterns with `<script setup>` and clear component boundaries. - Prefer TypeScript interfaces for object shapes and keep shared types close to the feature that owns them. - Use Nuxt conventions for routing, layouts, composables, plugins, server routes, and runtime config. - Keep Tailwind CSS usage responsive, accessible, and consistent with the project design system. - Use VueUse utilities where they simplify reactivity without hiding important state transitions. - Optimize Vite/Nuxt builds with lazy loading, dynamic imports, image optimization, and bundle review.
© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules
