ESLint Vue Demo

Minimal repository demonstrating the vue/define-props-destructuring rule from eslint-plugin-vue.

Setup

npm install

Run ESLint

npm run lint

Files

• NoTypeNoError.vue - ✅ Passes the rule (uses destructuring with defineProps, plain JavaScript)
• NoTypeCorrectError.vue - ✅ Reports violating the rule (doesn't use destructuring, plain JavaScript)
• UsingTypeCorrectError.vue - ✅ Reports violating the rule (doesn't use destructuring, TypeScript with inline interface)
• UsingImportedTypeMissingError.vue - ❌ Doesn't report violating the rule (doesn't use destructuring, TypeScript with imported type)

Rule

The vue/define-props-destructuring rule enforces the use of destructuring assignment when using defineProps() in Vue 3 setup scripts.