Skip to main content
affpapa.org
RU EN
rule

typescript-vuejs-cursorrules-prompt-file

A Cursor rule that tells the agent how to write TypeScript inside Vue.js projects. Useful when you want edits across components to follow the same conventions.

Install into Cursor · Manually: put the files in place All methods and platforms ↓ 
.cursor/rules/typescript-vuejs-cursorrules-prompt-file.mdc
Open on GitHub

What typescript-vuejs-cursorrules-prompt-file does

The file is split into sections: naming conventions, TypeScript usage, syntax and formatting, error handling and validation, UI and styling, performance. A closing block on key conventions points the agent at the Vue.js docs where that makes sense.

Scope is set with globs: **/*, so it covers every file in the project. But alwaysApply: false means it does not ride along with each request on its own — you pull it in yourself or let a matching scope trigger it. Worth knowing before you assume Cursor silently follows these conventions in every edit.

Setup is one file: .cursor/rules/typescript-vuejs-cursorrules-prompt-file.mdc at the project root. Nothing else to install or configure.

What it helps with

  • settle on one naming style for components and composables
  • spell out how props and return values should be typed
  • keep template and script formatting consistent across a Vue codebase
  • describe error handling and input validation for the agent
  • check debatable choices against the Vue.js documentation

Example prompts for the agent

  • Build a product card component in TypeScript following .cursor/rules/typescript-vuejs-cursorrules-prompt-file.mdc
  • Refactor this component so names and types match the rule
  • Review the error handling in this request and fix it per the rule

How to install typescript-vuejs-cursorrules-prompt-file

Manually: put the files in place

.cursor/rules/typescript-vuejs-cursorrules-prompt-file.mdc

Frontmatter: description, globs, alwaysApply

Step by step, with commands for each platform: Cursor rules: .mdc files, four modes and what replaced .cursorrules

Questions about typescript-vuejs-cursorrules-prompt-file

How do I install typescript-vuejs-cursorrules-prompt-file in Cursor?

Create .cursor/rules/typescript-vuejs-cursorrules-prompt-file.mdc at the root of your project and paste the rule contents into it.

What does typescript-vuejs-cursorrules-prompt-file do?

It gives the Cursor agent conventions for TypeScript code in Vue.js projects: naming, typing, formatting, error handling, styling and performance.

Does the rule apply to every file automatically?

Its scope is globs: **/*, yet alwaysApply: false means it is not attached to each edit by default — you have to request it or enable it yourself.

Source text

typescript-vuejs-cursorrules-prompt-file.mdc · CC0-1.0 
---
description: "Cursor rules for TypeScript development with Vue.js integration."
globs: **/*
alwaysApply: false
---
Code Style and Structure:

Naming Conventions:

TypeScript Usage:

Syntax and Formatting:

Error Handling and Validation:

UI and Styling:

Performance Optimization:

Key Conventions:
Follow Vue.js docs for where makes sense

© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules

Similar IDE rules

All IDE rules for Frontend and UI →
winui3 official github This rule guides GitHub Copilot on WinUI 3 and Windows App SDK patterns, from XAML bindings to window management. Use it when working on a Windows desktop app. ★ 40,451repo stars vue official github A Copilot instruction file that sets Vue 3 conventions: Composition API, <script setup>, reactivity, Pinia and Vue Router. Useful when the agent writes components your way. ★ 40,451repo stars tanstack-start-shadcn-tailwind official github A Copilot instruction file that pins the stack to TanStack Start, Shadcn/ui and Tailwind CSS, with Zod validating every external payload. ★ 40,451repo stars tailwind-v4-vite official github This rule guides GitHub Copilot through setting up Tailwind CSS v4 in a Vite project with the official Vite plugin. It also covers migration from v3. ★ 40,451repo stars svelte official github Guides GitHub Copilot on Svelte 5 and SvelteKit 2 standards, enforcing runes reactivity, TypeScript props, and safe SSR data loading. ★ 40,451repo stars power-bi-custom-visuals-development official github A GitHub Copilot rule that gives the agent patterns for building Power BI custom visuals with React, D3.js and TypeScript. ★ 40,451repo stars

From the same set210

vitest-unit-testing-cursorrules-prompt-file A Cursor rule that turns the agent into a Vitest and TypeScript test writer: it targets business logic and utilities, mocking dependencies with vi.mock. ★ 41,024repo stars vercel-deployment-cursorrules-prompt-file This rule guides an agent through Vercel deployment choices, from environment variables and serverless functions to caching and CI/CD. Use it when preparing a project for deployment. ★ 41,024repo stars unity-cursor-ai-c-cursorrules-prompt-file A Cursor rule that briefs the assistant on a Unity game project in C#: modular code, responsive mechanics, real-time performance. ★ 41,024repo stars typescript A Cursor rule that pins down how the agent writes TypeScript: types, naming, error handling. Useful when several people touch the same codebase. ★ 41,024repo stars typescript-vite-tailwind-cursorrules-prompt-file A Cursor rule that pins down TypeScript code style for Vue projects built with Vite and styled with Tailwind. Useful when you want the agent's output to stay predictable. ★ 41,024repo stars typescript-react-nextui-supabase-cursorrules-promp This rule gives an agent context for a TypeScript app built with React, NextUI, and Supabase. Use it when working on the UI, user dashboard, or authentication flows. ★ 41,024repo stars typescript-react-nextjs-cloudflare-cursorrules-pro A Cursor rule that points the agent at TypeScript, Next.js App Router, React and Cloudflare tooling. Useful when your project already runs on that stack. ★ 41,024repo stars typescript-nodejs-react-vite-cursorrules-prompt-fi This rule sets TypeScript conventions for Node.js, React, and Vite projects, with guidance for TanStack Query, TanStack Router, and Tailwind. Use it to keep agent edits aligned with your codebase’s existing style. ★ 41,024repo stars

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor