refactor(devtools): streamline SERP preview component and improve character limit handling

abedshaaban · abedshaaban · commit 1b7fdc3fe386 · 2026-03-07T23:43:47.000+02:00
This commit refines the SERP preview component by enhancing the character limit handling for titles and descriptions. It simplifies the component structure, removing redundant elements, and improves the overall readability and maintainability of the code. Additionally, it ensures consistent behavior across different display scenarios.
diff --git a/.changeset/vast-apes-attend.md b/.changeset/vast-apes-attend.md
@@ -0,0 +1,5 @@
+---
+'@tanstack/devtools': patch
+---
+
+Implemented a new SERP (Search Engine Results Page) section in the SEO tab. This update introduces desktop and mobile preview of search results. It displays the current site's favicon, title and description while displaying errors and issues when they are not found or they exceed the character limit.

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@tanstack/devtools': patch
 +---
++
 +Implemented a new SERP (Search Engine Results Page) section in the SEO tab. This update introduces desktop and mobile preview of search results. It displays the current site's favicon, title and description while displaying errors and issues when they are not found or they exceed the character limit.