feat(linter/jsx-a11y/anchor-has-content): add options to match eslint (#24571)

## Description

Eslint supports [a `components`
option](https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/anchor-has-content.md)
for `jsx-a11y/anchor-has-content` that specified additional components
to treat as anchor elements. This adds equivalent support for that
option.

Note: I am not certain if this is something that should instead be read
off of
[`settings.jsx-a11y.components`](https://oxc.rs/docs/guide/usage/linter/config-file-reference.html#settings-jsx-a11y-components),
as that could list `{ MyAnchor: 'a' }`. Doing that would enable implicit
application of rules to custom components based on rendered entity, but
that may be the wrong use case, as the custom component definition
itself could be responsible for rendering required children.

## AI disclosure

I used GPT 5.6 Sol to assist in implementation of this fix. I've
reviewed all generated code and test coverage.

---------

Signed-off-by: Cameron <cameron.clark@hey.com>
Co-authored-by: Cameron <cameron.clark@hey.com>

Author: cellison-figma

apps/oxlint/src-js/package/config.generated.ts

@@ -1047,7 +1047,7 @@ export interface DummyRuleMap {
   "jsdoc/require-yields-type"?: RuleNoConfig;
   "jsx-a11y/alt-text"?: RuleNoConfig | [AllowWarnDeny, AltTextConfigSchema];
   "jsx-a11y/anchor-ambiguous-text"?: RuleNoConfig | [AllowWarnDeny, AnchorAmbiguousTextConfig];
-  "jsx-a11y/anchor-has-content"?: RuleNoConfig;
+  "jsx-a11y/anchor-has-content"?: RuleNoConfig | [AllowWarnDeny, AnchorHasContentConfig];
   "jsx-a11y/anchor-is-valid"?: RuleNoConfig | [AllowWarnDeny, AnchorIsValidConfig];
   "jsx-a11y/aria-activedescendant-has-tabindex"?: RuleNoConfig;
   "jsx-a11y/aria-props"?: RuleNoConfig;
@@ -2709,6 +2709,12 @@ export interface AnchorAmbiguousTextConfig {
    */
   words?: string[];
 }
+export interface AnchorHasContentConfig {
+  /**
+   * Additional custom component names to treat as anchor elements.
+   */
+  components?: string[];
+}
 export interface AnchorIsValidConfig {
   /**
    * Sub-rule aspects to run.

crates/oxc_linter/src/rules/jsx_a11y/anchor_has_content.rs

@@ -1,16 +1,20 @@
+use schemars::JsonSchema;
+use serde::Deserialize;
+
 use oxc_ast::{
     AstKind,
     ast::{JSXAttributeItem, JSXChild, JSXElement},
 };
 use oxc_diagnostics::OxcDiagnostic;
 use oxc_macros::declare_oxc_lint;
 use oxc_span::Span;
+use oxc_str::CompactStr;
 
 use crate::{
     AstNode,
     context::LintContext,
     fixer::{Fix, RuleFix},
-    rule::Rule,
+    rule::{DefaultRuleConfig, Rule},
     utils::{
         get_element_type, has_jsx_prop_ignore_case, is_hidden_from_screen_reader,
         object_has_accessible_child,
@@ -23,8 +27,23 @@ fn missing_content(span: Span) -> OxcDiagnostic {
         .with_label(span)
 }
 
-#[derive(Debug, Default, Clone)]
-pub struct AnchorHasContent;
+#[derive(Debug, Default, Clone, Deserialize)]
+pub struct AnchorHasContent(Box<AnchorHasContentConfig>);
+
+#[derive(Debug, Default, Clone, JsonSchema, Deserialize)]
+#[serde(rename_all = "camelCase", default, deny_unknown_fields)]
+pub struct AnchorHasContentConfig {
+    /// Additional custom component names to treat as anchor elements.
+    components: Vec<CompactStr>,
+}
+
+impl std::ops::Deref for AnchorHasContent {
+    type Target = AnchorHasContentConfig;
+
+    fn deref(&self) -> &Self::Target {
+        &self.0
+    }
+}
 
 declare_oxc_lint!(
     /// ### What it does
@@ -58,17 +77,22 @@ declare_oxc_lint!(
     AnchorHasContent,
     jsx_a11y,
     correctness,
+    config = AnchorHasContentConfig,
     conditional_suggestion,
     version = "0.0.18",
     short_description = "Enforce that anchors have content and that the content is accessible to screen readers.",
 );
 
 impl Rule for AnchorHasContent {
+    fn from_configuration(value: serde_json::Value) -> Result<Self, serde_json::error::Error> {
+        serde_json::from_value::<DefaultRuleConfig<Self>>(value).map(DefaultRuleConfig::into_inner)
+    }
+
     fn run<'a>(&self, node: &AstNode<'a>, ctx: &LintContext<'a>) {
         if let AstKind::JSXElement(jsx_el) = node.kind() {
             let name = get_element_type(ctx, &jsx_el.opening_element);
 
-            if name == "a" {
+            if name == "a" || self.components.iter().any(|component| component == name.as_ref()) {
                 if is_hidden_from_screen_reader(ctx, &jsx_el.opening_element) {
                     return;
                 }
@@ -124,6 +148,12 @@ fn remove_hidden_attributes(element: &JSXElement<'_>) -> RuleFix {
 fn test() {
     use crate::tester::Tester;
 
+    fn components() -> serde_json::Value {
+        serde_json::json!([{
+            "components": ["Anchor", "Link"],
+        }])
+    }
+
     // https://raw.githubusercontent.com/jsx-eslint/eslint-plugin-jsx-a11y/main/__tests__/src/rules/anchor-has-content-test.js
     let pass = vec![
         (r"<div />;", None, None),
@@ -134,6 +164,11 @@ fn test() {
         (r#"<a dangerouslySetInnerHTML={{ __html: "foo" }} />"#, None, None),
         (r"<a children={children} />", None, None),
         (r"<Link />", None, None),
+        (r"<Anchor>Anchor Content!</Anchor>", Some(components()), None),
+        (r"<Anchor><TextWrapper /></Anchor>", Some(components()), None),
+        (r#"<Anchor dangerouslySetInnerHTML={{ __html: "foo" }} />"#, Some(components()), None),
+        (r"<Anchor title='foo' />", Some(components()), None),
+        (r"<Anchor aria-label='foo' />", Some(components()), None),
         (
             r"<Link>foo</Link>",
             None,
@@ -166,6 +201,8 @@ fn test() {
         (r#"<a><input type="hidden" /></a>"#, None, None),
         (r"<a>{undefined}</a>", None, None),
         (r"<a>{null}</a>", None, None),
+        (r"<Anchor />", Some(components()), None),
+        (r"<Anchor><TextWrapper aria-hidden /></Anchor>", Some(components()), None),
         (
             r"<Link />",
             None,

crates/oxc_linter/src/snapshots/jsx_a11y_anchor_has_content.snap

@@ -44,6 +44,20 @@ source: crates/oxc_linter/src/tester.rs
    ╰────
   help: Provide screen reader accessible content when using `a` elements.
 
+  ⚠ jsx-a11y(anchor-has-content): Missing accessible content when using `a` elements.
+   ╭─[anchor_has_content.tsx:1:1]
+ 1 │ <Anchor />
+   · ──────────
+   ╰────
+  help: Provide screen reader accessible content when using `a` elements.
+
+  ⚠ jsx-a11y(anchor-has-content): Missing accessible content when using `a` elements.
+   ╭─[anchor_has_content.tsx:1:1]
+ 1 │ <Anchor><TextWrapper aria-hidden /></Anchor>
+   · ────────────────────────────────────────────
+   ╰────
+  help: Provide screen reader accessible content when using `a` elements.
+
   ⚠ jsx-a11y(anchor-has-content): Missing accessible content when using `a` elements.
    ╭─[anchor_has_content.tsx:1:1]
  1 │ <Link />

npm/oxlint/configuration_schema.json

@@ -672,6 +672,21 @@
       },
       "additionalProperties": false
     },
+    "AnchorHasContentConfig": {
+      "type": "object",
+      "properties": {
+        "components": {
+          "description": "Additional custom component names to treat as anchor elements.",
+          "default": [],
+          "type": "array",
+          "items": {
+            "type": "string"
+          },
+          "markdownDescription": "Additional custom component names to treat as anchor elements."
+        }
+      },
+      "additionalProperties": false
+    },
     "AnchorIsValidAspect": {
       "type": "string",
       "enum": [
@@ -3757,7 +3772,24 @@
           ]
         },
         "jsx-a11y/anchor-has-content": {
-          "$ref": "#/definitions/RuleNoConfig"
+          "anyOf": [
+            {
+              "$ref": "#/definitions/RuleNoConfig"
+            },
+            {
+              "type": "array",
+              "items": [
+                {
+                  "$ref": "#/definitions/AllowWarnDeny"
+                },
+                {
+                  "$ref": "#/definitions/AnchorHasContentConfig"
+                }
+              ],
+              "maxItems": 2,
+              "minItems": 2
+            }
+          ]
         },
         "jsx-a11y/anchor-is-valid": {
           "anyOf": [