Cursor · Web framework
Cursor rules for Vue
Vue rules tell Cursor whether you're on Options API or the Composition API with <script setup>, how you organize composables, and your Pinia store conventions. Without them the model mixes Vue 2 and Vue 3 idioms in the same file.
Every .cursorrules and .mdc file below targets Vueand is quality-scored from automated signals — freshness, schema completeness, and review activity — not star counts you can game. Each listing carries its real GitHub author and SPDX license, so you know exactly what you're pasting into your repo and under what terms. That's the difference between this and an awesome-cursor-rules link dump: here a stale or broken Vue rule sinks to the bottom instead of sitting at the top because someone starred it in 2024.
Top Vue Cursor rules by quality score
Ranked by quality score, refreshed daily. 1 Vue rule on RuleSell right now.
How to install a Vue .mdc rule
1. Pick a rule above
Open the highest quality-scored Vue listing and read the preview — make sure its conventions match your stack before you copy it.
2. Choose a location
Project-wide rules go in .cursorrules at your repo root. Scoped rules go in .cursor/rules/vue.mdc and attach to file globs.
3. Paste and scope it
Drop the contents in. For a .mdc file, set the frontmatter globs (e.g. globs: "**/*.ts") so Cursor auto-attaches it only for Vue files.
4. Reload Cursor
Reload the Cursor window so the rule is loaded, then confirm it appears under Settings → Rules in your active context.
# Project-wide rule
cp vue.cursorrules ./.cursorrules
# Or a scoped .mdc rule (auto-attaches by glob):
mkdir -p .cursor/rules
cat > .cursor/rules/vue.mdc <<'EOF'
---
description: Vue project conventions
globs: "**/*"
alwaysApply: false
---
# ...paste the rule body here...
EOFVue Cursor rules — frequently asked
What's the best Cursor rule for Vue?
The best Vue Cursor rule is the one that encodes your project's conventions — not a generic one-size-fits-all file. On RuleSell, Vue rules are ranked by quality score (freshness, schema completeness, and review signals), so the top of this page is a defensible starting point. Open the highest-scored listing, then trim it to match your stack.
Where do Vue .cursorrules files go?
Put a project-wide rule in a .cursorrules file at your repo root. For scoped rules, create .cursor/rules/vue.mdc and attach it to the relevant file globs (for example **/*.ts) so Cursor only loads it when you're editing matching Vue files. Commit both to git so your whole team gets the same context.
Do these Vue rules work in Windsurf or Claude Code too?
Often, yes. A plain-markdown Vue rule frequently works as-is in Windsurf (rename to .windsurfrules) and as project context for Claude Code (paste into CLAUDE.md). RuleSell dual-tags listings that are verified compatible across environments.
Are these Vue Cursor rules free?
Yes — every listing is free to download during beta. Each Vue rule keeps its original GitHub author attribution and SPDX license, so you always know the provenance. Paid publishing with creator payouts opens after beta.