Enforcing props destructuring

[Ericlm]

Please describe what the rule should do:
The role of this rule would be to suggest props destructuring. It could also warns on its usage if necessary.

What category should the rule belong to?

[X] Enforces code style (layout)
[ ] Warns about a potential error (problem)
[ ] Suggests an alternate way of doing something (suggestion)
[ ] Other (please specify:)

Provide 2-3 code examples that this rule should warn about:

// vue/prefer-props-destructuring

const props = defineProps<>({...}) // 🚨

const {...} = defineProps<>({...}) // 👍

Additional context

[markbrockhoff]

I agree that a rule to enforce a default style for declaring props (especially with defaults) should be provided. At the moment there are two ways for defining default values on props:

const { foo = "bar" } = defineProps<{ foo?: string }>(); // Destructuring with default assignment

const props = withDefaults(defineProps<{ foo?: string }>(), { foo: "bar" }); // Wrapping defineProps with withDefaults

I'd suggest creating a configurable rule allowing the project to decide which style to use for concistency. So either destructuring should be prefered or the opposite, where props should not be destructured and withDefaults be used.

[mrleblanc101]

Since reactive props destructuring has been added in Vue 3.5, I think a rule for this is important for code consistency !
I see that @waynzh has worked pushed some commit about props destructuring on main

[waynzh]

This is certainly a useful rule. It's pretty straightforward, given that a function already exists to identify usage of prop destructuring.