All databases

Cursor rule

Vue 3 Nuxt 3 Typescript Cursorrules Prompt File

Cursor rules for Vue 3 development with TypeScript integration.

Frontend

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.

More Frontend rules

Frequently asked questions

What is the Vue 3 Nuxt 3 Typescript Cursorrules Prompt File Cursor rule?

Cursor rules for Vue 3 development with TypeScript integration. It is a Frontend rule, stored as vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdc.

How do I use the Vue 3 Nuxt 3 Typescript Cursorrules Prompt File rule in Cursor?

Copy the rule from this page and save it as vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdc in your project's .cursor/rules folder, or paste it into Cursor's project rules settings.