Skip to content


enforce props with default values to be optional

  • 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.
  • 💡 Some problems reported by this rule are manually fixable by editor suggestions.

📖 Rule Details

If a prop is declared with a default value, whether it is required or not, we can always skip it in actual use. In that situation, the default value would be applied. So, a required prop with a default value is essentially the same as an optional prop. This rule enforces all props with default values to be optional.

Now loading...
Now loading...

🔧 Options

  "vue/no-required-prop-with-default": ["error", {
    "autofix": false,
  • "autofix" ... If true, enable autofix. (Default: false)

🚀 Version

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

🔍 Implementation