JS.VUE.NO.BOOLEAN.DEFAULT

The rule prevents Boolean props from having a default value.

Rule Details

The rule is to enforce the HTML standard of always defaulting boolean attributes to false.

{'vue/no-boolean-default': ['error']}

<script>
export default {
  props: {
    foo: {
      type: Boolean,
      default: true
    },
    bar: {
      type: Boolean
    }
  }
}
</script>

Options

• 'no-default' (default) allows a prop definition object, but enforces that the default property not be defined.
• 'default-false' enforces that the default can be set but must be set to false.

  "vue/no-boolean-default": ["error", "no-default|default-false"]