chore: update useForComponent diagnostic note (#5220)

biomejs · Mar 1, 2025 · 8d9d282 · 8d9d282
1 parent 766492f
commit 8d9d282
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/crates/biome_js_analyze/src/lint/nursery/use_for_component.rs b/crates/biome_js_analyze/src/lint/nursery/use_for_component.rs
@@ -108,7 +108,7 @@ impl Rule for UseForComponent {
             "Array.prototype.map will cause DOM elements to be recreated, it is not recommended to use it in Solid here."
             },
         ).note(markup! {
-            "Use Solid's `<For />` component for efficiently rendering lists. See \
+            "Use Solid's <Emphasis>"<For />"</Emphasis> component for efficiently rendering lists. See \
             "<Hyperlink href="https://docs.solidjs.com/reference/components/for">"Solid docs"</Hyperlink>" for more details."
         }))
     }

diff --git a/crates/biome_js_analyze/tests/specs/nursery/useForComponent/invalid.tsx.snap b/crates/biome_js_analyze/tests/specs/nursery/useForComponent/invalid.tsx.snap
@@ -35,7 +35,7 @@ invalid.tsx:1:33 lint/nursery/useForComponent ━━━━━━━━━━━
     2 │ 
     3 │ let Component = (props) => <>{props.data.map(d => <li>{d.text}</li>)}</>;
   
-  i Use Solid's `<For />` component for efficiently rendering lists. See Solid docs for more details.
+  i Use Solid's <Emphasis></Emphasis> component for efficiently rendering lists. See Solid docs for more details.
   
 
 ```
@@ -52,7 +52,7 @@ invalid.tsx:3:31 lint/nursery/useForComponent ━━━━━━━━━━━
     4 │ 
     5 │ let Component = (props) => <ol>{props.data.map(d => <li key={d.id}>{d.text}</li>)}</ol>;
   
-  i Use Solid's `<For />` component for efficiently rendering lists. See Solid docs for more details.
+  i Use Solid's <Emphasis></Emphasis> component for efficiently rendering lists. See Solid docs for more details.
   
 
 ```
@@ -69,7 +69,7 @@ invalid.tsx:5:33 lint/nursery/useForComponent ━━━━━━━━━━━
     6 │ 
     7 │ function Component(props) {
   
-  i Use Solid's `<For />` component for efficiently rendering lists. See Solid docs for more details.
+  i Use Solid's <Emphasis></Emphasis> component for efficiently rendering lists. See Solid docs for more details.
   
 
 ```
@@ -85,7 +85,7 @@ invalid.tsx:8:15 lint/nursery/useForComponent ━━━━━━━━━━━
      9 │ }
     10 │ 
   
-  i Use Solid's `<For />` component for efficiently rendering lists. See Solid docs for more details.
+  i Use Solid's <Emphasis></Emphasis> component for efficiently rendering lists. See Solid docs for more details.
   
 
 ```
@@ -101,7 +101,7 @@ invalid.tsx:12:15 lint/nursery/useForComponent ━━━━━━━━━━━
     13 │ }
     14 │ 
   
-  i Use Solid's `<For />` component for efficiently rendering lists. See Solid docs for more details.
+  i Use Solid's <Emphasis></Emphasis> component for efficiently rendering lists. See Solid docs for more details.
   
 
 ```
@@ -118,7 +118,7 @@ invalid.tsx:15:33 lint/nursery/useForComponent ━━━━━━━━━━━
     16 │ 
     17 │ let Component = (props) => <ol>{props.data.map((...args) => <li>{args[0].text}</li>)}</ol>;
   
-  i Use Solid's `<For />` component for efficiently rendering lists. See Solid docs for more details.
+  i Use Solid's <Emphasis></Emphasis> component for efficiently rendering lists. See Solid docs for more details.
   
 
 ```
@@ -133,7 +133,7 @@ invalid.tsx:17:33 lint/nursery/useForComponent ━━━━━━━━━━━
   > 17 │ let Component = (props) => <ol>{props.data.map((...args) => <li>{args[0].text}</li>)}</ol>;
        │                                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   
-  i Use Solid's `<For />` component for efficiently rendering lists. See Solid docs for more details.
+  i Use Solid's <Emphasis></Emphasis> component for efficiently rendering lists. See Solid docs for more details.
   
 
 ```