Add labelComponents option to form control has label

[gavmck]

We have custom label components in our app which means the form-control-has-label rule is always triggered.

I've leant on the options setup for label-has-for and implemented a similar setup where you can pass an array of custom components to be considered as label elements by the rule for validation.

In the app template:

<CustomLabel for="myInput">Label</CustomLabel>
<input type="text" id="myInput" />

Pass the label components as part of the ruleset:

"vuejs-accessibility/form-control-has-label": [
      "error",
      {
        "labelComponents": ["CustomLabel"],
      }
    ]

[vhoyer]

Correct me if I'm wrong, but i don't see tests for this feature on the diff, could you add them?

Another thing, I think we will need to ask the maintainer about this, but I think you don't need to update te version on this PR 🤔

[gavmck]

Correct me if I'm wrong, but i don't see tests for this feature on the diff, could you add them?

Another thing, I think we will need to ask the maintainer about this, but I think you don't need to update te version on this PR 🤔

Ah I missed the tests folder! Updated.

[vhoyer]

Seems good to me, wdyt @kddnewton ?

[gavmck]

Any update on this? Still throwing warnings all over the shop in our app.

[gavmck]

Fixed the conflicts, reckon this can get merged in?

[shaunkrd]

Nice addition 👍🏼 Would be great to see this added 🙏