v1.0.0-alpha.2

🚀 Enhancements

• hydration: Improve diff UI (#131)

🔥 Performance

• Use transform filter hook (#145)

🩹 Fixes

• third-party: Ignore extensions third-party (#140)

🏡 Chore

• Add issue templates (#130)
• Remove unused file (#132)
• Restructure module (#133)
• Getting started section for README (#134)

🤖 CI

• Run tests (#143)

❤️ Contributors

• Julien Huang (@huang-julien)
• Alexander Lichter (@TheAlexLichter)

v1.0.0-alpha.1

@nuxt/hints 1.0.0 alpha 1

We’re excited to introduce the first alpha release of @nuxt/hints, a new Nuxt module that gives developers actionable performance insights right inside their projects.

@nuxt/hints automatically analyzes your Nuxt app at runtime to highlight issues that could impact performance, security, or hydration — and guides you with clear, contextual hints.

Key features

🚀 Performance Analysis

• LCP Optimization: Detects images that could benefit from better formats (WebP, AVIF), sizing, and preload priority
• CLS Detection: Warns about layout shifts caused by images without defined dimensions
• Loading Performance: Tracks elements that take longer than 2.5s to load
• Image Best Practices: Validates width, height, loading, and fetchPriority attributes

📦 Third-Party Script Monitoring

• Automatic Script Detection: Finds external scripts on your pages
• Performance Tracking: Measures load time and timing breakdowns for third-party scripts
• Security Recommendations: Suggests adding crossorigin="anonymous"
• Integration with @nuxt/scripts: Discover and improve management of third-party scripts

💧 Hydration Insights

• Detects SSR/client mismatches to help debug hydration issues early

Future ideas and roadmap

While this is an alpha release, we are still figuring out the best way to improve the developer experience for you. Any ideas and recommandations are welcomed in the ideas section of the discussions.