Home › All rules › Community › Vue 3 Nuxt 3 TypeScript Cursor Rules
Vue 3 Nuxt 3 TypeScript Cursor Rules
Cursor rules for Vue 3 development with TypeScript integration.
CursorVue / NuxtCommunity (CC0)
How to use
Save this as .cursor/rules/vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdc in your project, commit it, and Cursor will load it. Review it first: community files can be opinionated or out of date.
Note: Review and test before use. Provided as is, without warranty. See Terms.
.cursor/rules/vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdcDownload ---
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.