That message actually comes from the control-has-associated-label rule. The rule is triggered by the role=”button” attribute. That turns your <i /> into a control, so it needs a text label for accessibility reasons (so screen readers know what to read out, for example). To comply with the rule, you can either give the “button” textual … Read more
I think this could also have something to do with the unexpected behaviour that you might run into from implicitly giving a lexical name to what you may expect to be an anonymous function. Say for example someone understood the arrow function: (x) => x+2; To have the regular function equivalent: function(x) { return x+2; … Read more
Update There has been some updates to eslint-plugin-vue in the past 4 years. The comments in templates can now be used to override eslint settings. For next line only <!– eslint-disable-next-line max-len –> <my-reasonably-long-component>…</my-reasonably-long-component> For multi-line purpose <!– eslint-disable max-len –> <my-reasonably-long-component> … </my-reasonably-long-component> <!– eslint-enable max-len –> In addition, as of eslint-plugin-vue v6.1.0 the … Read more