fixes max props rule tests for defineProps with type-only declarion

Author: kevsommer

docs/rules/max-props.md

@@ -9,15 +9,15 @@ description: enforce maximum number of props in Vue component
 
 > enforce maximum number of props in Vue component
 
-- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> _**This rule has not been released yet.**_ </badge>
 
 ## :book: Rule Details
 
 This rule enforces a maximum number of props in a Vue SFC, in order to aid in maintainability and reduce complexity.
 
-
 ## :wrench: Options
-This rule takes an object, where you can specify the maximum number of props allowed in a Vue SFC. 
+
+This rule takes an object, where you can specify the maximum number of props allowed in a Vue SFC.
 There is one property that can be specified for the object.
 
 - `maxProps` ... Specify the maximum number of props in the `script` block.
@@ -41,7 +41,6 @@ defineProps({
 
 </eslint-code-block>
 
-
 ### `{ maxProps: 5 }`
 
 <eslint-code-block :rules="{'vue/max-props': ['error', { maxProps: 5 }]}">
@@ -57,7 +56,6 @@ defineProps({
 
 </eslint-code-block>
 
-
 Nothing.
 
 ## :mag: Implementation

lib/rules/max-props.js

@@ -56,7 +56,7 @@ module.exports = {
     }
 
     return utils.compositingVisitors(
-      utils.executeOnVueComponent(context, (obj) => {
+      utils.executeOnVue(context, (obj) => {
         checkMaxNumberOfProps(utils.getComponentPropsFromOptions(obj))
       }),
       utils.defineScriptSetupVisitor(context, {

tests/lib/rules/max-props.js

@@ -102,6 +102,24 @@ tester.run('max-props', rule, {
       </script>
       `,
       options: [{ maxProps: 5 }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+
+      </template>
+      <script setup lang="ts">
+      defineProps<{ prop1: string, prop2: string }>();
+      </script>
+      `,
+      options: [{ maxProps: 5 }],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      }
     }
   ],
   invalid: [
@@ -143,6 +161,29 @@ tester.run('max-props', rule, {
           line: 7
         }
       ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+      </template>
+      <script setup lang="ts">
+      defineProps<{ prop1: string, prop2: string, prop3: string }>();
+      </script>
+      `,
+      options: [{ maxProps: 2 }],
+      languageOptions: {
+        parser: require('vue-eslint-parser'),
+        parserOptions: {
+          parser: require.resolve('@typescript-eslint/parser')
+        }
+      },
+      errors: [
+        {
+          message: 'Component has too many props (3). Maximum allowed is 2.',
+          line: 5
+        }
+      ]
     }
   ]
 })