vue/no-multiple-slot-args Restriction

🚧 An auto-fix is still under development.

What it does

Disallow passing multiple arguments to scoped slots.

Why is this bad?

Users have to use the arguments in fixed order and cannot omit the ones they don't need. e.g. if you have a slot that passes in 5 arguments but the user actually only need the last 2 of them, they will have to declare all 5 just to use the last 2.

More information can be found in vuejs/vue#9468

Examples

Examples of incorrect code for this rule:

<script>
export default {
  render(h) {
    var children = this.$scopedSlots.default(foo, bar);
    var children = this.$scopedSlots.default(...foo);
  },
};
</script>

Examples of correct code for this rule:

<script>
export default {
  render(h) {
    var children = this.$scopedSlots.default();
    var children = this.$scopedSlots.default(foo);
    var children = this.$scopedSlots.default({ foo, bar });
  },
};
</script>

How to use

To enable this rule in the CLI or using the config file, you can use:

CLI

oxlint --deny vue/no-multiple-slot-args --vue-plugin

Config (.oxlintrc.json)

{
  "plugins": ["vue"],
  "rules": {
    "vue/no-multiple-slot-args": "error"
  }
}

References

• Rule Source