Home / Cursor rules / Vue 3 Nuxt 3 Typescript

Vue 3 Nuxt 3 Typescript

Cursor rules for Vue 3 development with TypeScript integration.

Cursor rules (.mdc)Public domain (CC0)

–unranked

Install

mkdir -p .cursor/rules && curl -sL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/b044f956f021b6e8877f16781bcfc466a6a120e9/rules/vue-3-nuxt-3-typescript-cursorrules-prompt-file.mdc -o .cursor/rules/vue-3-nuxt-3-typescript.mdc

Downloads the file at commit b044f956f021 into .cursor/rules/.

To remove it later:

rm .cursor/rules/vue-3-nuxt-3-typescript.mdc

Context cost: ≈188 tokens when used.

Rules file

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

Security

Scanned Nov 4, 2026 at commit b044f956f021, with Cisco's open-source skill-scanner.

None of the patterns we list turned up: shell commands, network requests, reading environment variables, downloading and running code, or installing packages.

A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan