refactor: use isMAtchingElement

Author: gavmck

Diff for: src/rules/form-control-has-label.ts

@@ -11,8 +11,8 @@ import {
   getElementType,
   hasAriaLabel,
   isAriaHidden,
+  isMatchingElement,
   makeDocsURL,
-  makeKebabCase,
 } from "../utils";
 
 function isLabelElement(
@@ -23,8 +23,8 @@ function isLabelElement(
     | AST.VExpressionContainer,
   { labelComponents = [] }: FormControlHasLabelOptions
 ) {
-  const allLabelComponents = labelComponents.map(makeKebabCase).concat("label");
-  return node.type === "VElement" && allLabelComponents.includes(getElementType(node));
+  const allLabelComponents = labelComponents.concat("label");
+  return isMatchingElement(node, allLabelComponents);
 }
 
 function hasLabelElement(node: AST.VElement, options: FormControlHasLabelOptions): boolean {

Diff for: src/utils.ts

@@ -14,6 +14,7 @@ export { default as isAriaHidden } from "./utils/isAriaHidden";
 export { default as isAttribute } from "./utils/isAttribute";
 export { default as isHiddenFromScreenReader } from "./utils/isHiddenFromScreenReader";
 export { default as isInteractiveElement } from "./utils/isInteractiveElement";
+export { default as isMatchingElement } from "./utils/isMatchingElement";
 export { default as isPresentationRole } from "./utils/isPresentationRole";
 export { default as makeDocsURL } from "./utils/makeDocsURL";
 export { default as makeKebabCase } from "./utils/makeKebabCase";

Diff for: src/utils/isMatchingElement.ts

@@ -0,0 +1,23 @@
+import type { AST } from "vue-eslint-parser";
+
+import getElementType from "./getElementType";
+import makeKebabCase from "./makeKebabCase";
+
+function isMatchingElement(
+  node:
+  | AST.VElement
+  | AST.VDocumentFragment
+  | AST.VText
+  | AST.VExpressionContainer, 
+  searchArray: string[]
+) {
+  if (!(node.type === "VElement")) return false;
+
+  const elementType = getElementType(node);
+  
+  return searchArray.some((item: string) => {
+    return makeKebabCase(item) === elementType;
+  });
+}
+
+export default isMatchingElement;