vue/prefer-prop-type-boolean-first

enforce Boolean comes first in component prop types

• 💡 Some problems reported by this rule are manually fixable by editor suggestions.

📖 Rule Details

When declaring types of a property in component, we can use array style to accept multiple types.

When using components in template, we can use shorthand-style property if its value is true.

However, if a property allows Boolean or String and we use it with shorthand form in somewhere else, different types order can introduce different behaviors: If Boolean comes first, it will be true; if String comes first, it will be "" (empty string).

See this demo.

Now loading...

👫 Related Rules

• vue/prefer-true-attribute-shorthand

🚀 Version

This rule was introduced in eslint-plugin-vue v8.6.0

🔍 Implementation

• Rule source
• Test source