Nuxt module
DevTools
The "SEO" tab in Nuxt DevTools re-checks the page live and shows issues, links, outline, meta and JSON-LD.
An iframe Vue app, self-contained ~166 KB bundle (Vue runtime, level-1 checks and zod are inlined). Works live: re-checks on navigation and DOM mutations (MutationObserver, 400 ms debounce / 2 s max-wait). The DevTools panel's own DOM is stripped before analysis.
- Issues — 17 page-scope Level 1 rules (no network, no ssrHtml); clicking an issue scrolls to the element with a 1.6 s highlight.
- Links — on-demand check: same-origin links are deduplicated, HEAD with a pool of 5 workers (405 → GET retry), broken ones listed. Zone-aware: the panel pulls zones from
ranklint.config.tsvia the dev endpoint/__ranklint/devtools-zones— links into foreign zones go into a yellow group with azone: namebadge instead of red "broken". - Outline — the h1–h6 tree with problems, click scrolls.
- Meta — a table of all meta on the current page.
- JSON-LD — blocks with schema validation; invalid ones show path and message.
What the panel does not do (use the CLI): site-scope rules (duplicates, orphans, sitemap, robots), indexability:ssr-content, redirect chains, TTFB, Lighthouse. The tab only works with a built @ranklint/devtools — otherwise the module warns and skips registration.