TypeScript Vue.js

Vue-3-Regel mit Composition API und TypeScript — verhindert versehentliche React-Patterns.

Original-Beschreibung der Autoren: Cursor rules for TypeScript development with Vue.js integration.

Die Regel

---
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

So nutzt du sie

Die Regel kopieren (Button oben) oder als Datei herunterladen und im Projekt unter .cursor/rules/ ablegen — Cursor lädt sie beim nächsten Start automatisch. Ältere Cursor-Versionen lesen alternativ eine einzelne .cursorrules-Datei im Projektstamm; dort einfach den Regel-Text ohne den Kopfblock zwischen den ----Zeilen einfügen.

Der Regel-Text ist englisch — Cursor versteht ihn unabhängig von der Sprache, in der Sie mit dem Editor chatten.

Im Detail

Pendant zu den React-Regeln für Vue.js-Projekte mit TypeScript. Legt Konventionen für die Composition API, typisierte Props/Emits und Single-File-Components fest, damit generierter Code dem üblichen Vue-3-Stil entspricht statt versehentlich React-Patterns zu mischen. Relevant für Teams, die bewusst Vue statt React einsetzen — etwa aus bestehenden Projektentscheidungen oder wegen der aus ihrer Sicht einfacheren Reaktivität. Die Regel bringt der KI vor allem bei, nicht automatisch React-Idiome (JSX, useState) zu verwenden, sondern Vue-typische Muster wie ref/reactive und script setup. Für Options-API-Altprojekte ist sie nur bedingt geeignet, da sie auf die Composition API ausgelegt ist.

Praxis-Tipp

Explizit ‚mit script setup und Composition API‘ im Prompt erwähnen, falls das Projekt noch auf die klassische Options API setzt und ihr das beibehalten wollt.

Lizenz & Quelle

• Lizenz: CC0 1.0
• Quelle: PatrickJS/awesome-cursorrules (GitHub)

Lade …