AI Coding Rules
GitHub CopilotVueCode Style

Vue.js GitHub Copilot Instructions

GitHub Copilot instructions for Vue 3: Composition API, TypeScript, and modern Vue ecosystem.

.github/copilot-instructions.md
- Generate <script setup lang="ts"> components exclusively for new code
- Use defineProps with generic syntax for TypeScript-typed props
- Apply Pinia stores with Composition API syntax (defineStore with setup function)
- Use VueUse composables for common browser API abstractions
- Generate component tests with Vitest and Vue Testing Library
- Apply Vue Router 4 with typed routes using unplugin-vue-router
- Use Nuxt 3 auto-imports; avoid manual component and composable imports
- Generate accessible HTML: use semantic elements, ARIA roles, and keyboard handlers

How to use with GitHub Copilot

Create `.github/copilot-instructions.md` in your repository. GitHub Copilot uses these to customize suggestions across your whole repo.

← All GitHub Copilot rulesAll Vue rules →
#vue#nuxt#typescript#copilot#github#coding-rules

Related Rules

TypeScript GitHub Copilot Instructions

GitHub CopilotTypeScript

GitHub Copilot custom instructions for TypeScript: strict types, modern patterns, and team conventions.

Code Style
typescript · copilotCopy Ready

React GitHub Copilot Instructions

GitHub CopilotReact

GitHub Copilot instructions for React: hooks, patterns, and best practices for modern React apps.

Code Style
react · copilotCopy Ready

Next.js GitHub Copilot Instructions

GitHub CopilotNext.js

GitHub Copilot custom instructions for Next.js App Router projects.

Architecture
nextjs · copilotCopy Ready

Java GitHub Copilot Instructions

GitHub CopilotJava

GitHub Copilot instructions for Java 21: virtual threads, records, sealed types, and modern Spring Boot patterns.

Code Style
java · springCopy Ready