Skip to content

docs(blog): add nuxt hints 1.0 announcement#2216

Open
huang-julien wants to merge 4 commits intomainfrom
blog/nuxt-hints-1.0
Open

docs(blog): add nuxt hints 1.0 announcement#2216
huang-julien wants to merge 4 commits intomainfrom
blog/nuxt-hints-1.0

Conversation

@huang-julien
Copy link
Member

🔗 Linked issue

📚 Description

It's... better late than never 🤣
Who generates the picture of the blog post ? 👀

@huang-julien huang-julien requested a review from atinux as a code owner March 19, 2026 21:16
@vercel
Copy link
Contributor

vercel bot commented Mar 19, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
nuxt Ready Ready Preview, Comment Mar 19, 2026 9:45pm

@coderabbitai
Copy link

coderabbitai bot commented Mar 19, 2026

Warning

Rate limit exceeded

@huang-julien has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 13 minutes and 38 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 9a0d1681-6332-46e6-86d1-7708fe16c783

📥 Commits

Reviewing files that changed from the base of the PR and between 1509d33 and fd5af03.

📒 Files selected for processing (1)
  • content/blog/44.nuxt-hints-v1.md
📝 Walkthrough

Walkthrough

Added a new Markdown blog post content/blog/44.nuxt-hints-v1.md announcing the release of @nuxt/hints v1.0.0. The post includes installation instructions (npx nuxt module add hints) and documents runtime detection and reporting features exposed via Nuxt DevTools and the browser console, including hydration mismatch debugging, server-side HTML validation, Web Vitals monitoring, third-party script auditing, and unused component detection. Examples show per-feature configuration in nuxt.config.ts. This change is content-only (no code or public API changes).

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly summarizes the main change: adding a blog post announcing nuxt hints 1.0 release.
Description check ✅ Passed The description is related to the changeset, mentioning the blog post addition and expressing the author's sentiment about timing.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch blog/nuxt-hints-1.0
📝 Coding Plan
  • Generate coding plan for human review comments

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 4

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@content/blog/44.nuxt-hints-v1.md`:
- Around line 52-55: The two unlabeled fenced code blocks in the markdown (the
blocks containing the Nuxt hint texts such as "[`@nuxt/hints`:performance] LCP
Element should not have `loading=\"lazy\"`" and the third-party script
crossorigin hint) should be updated to include a language identifier (e.g., add
```text) at the start of each block; locate the fenced blocks in
content/blog/44.nuxt-hints-v1.md and change the opening backticks from ``` to
```text for both instances so markdownlint MD040 is satisfied.
- Around line 129-133: The closing paragraph contains grammatical pluralization
errors: replace "feedbacks" with the uncountable noun "feedback" in the sentence
"Your ideas and feedbacks are always welcomed..." and change "this modules" to
the singular "this module" in "this modules wouldn't be what it is currently";
also adjust surrounding articles/verbs if needed so the sentences read naturally
(e.g., "Your ideas and feedback are always welcome" and "without whom this
module wouldn't be what it is today").
- Line 121: Fix the grammar in the "Production hints" paragraph by replacing the
sentence starting "Nuxt Hints will continue on providing more informations to
developers." with a corrected version: use "continue to provide" instead of
"continue on providing", change "informations" to the singular "information",
hyphenate "dev-only" or replace with "development-only", and replace "give you
the possibility to report" with "allow you to report" or "give you the ability
to report" so the paragraph reads clearly (e.g., "Nuxt Hints will continue to
provide more information to developers. At the moment, it is a dev-only module.
In the future, Nuxt Hints will allow you to report bad metrics in runtime
applications.").
- Around line 14-16: Update the announcement header and the sentence mentioning
the package so naming and version formatting match the title/frontmatter: change
“Nuxt hints” to “Nuxt Hints” and change “version 1.0” to “1.0.0” (the strings to
edit appear in the header "We are very excited to move Nuxt hints from alpha
stage to 1.0.0 !" and the sentence containing `@nuxt/hints` and "version 1.0");
ensure all occurrences in this document use the same casing "Nuxt Hints" and the
same version format "1.0.0".
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 87a5172f-550f-4e15-a343-19ee446fe97d

📥 Commits

Reviewing files that changed from the base of the PR and between 655bb5b and 642e49e.

📒 Files selected for processing (1)
  • content/blog/44.nuxt-hints-v1.md

Comment on lines +14 to +16
## We are very excited to move Nuxt hints from alpha stage to 1.0.0 !

Last week at [VueJS Amsterdam](https://vuejs.amsterdam/), `@nuxt/hints` has been released in version 1.0.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Use consistent naming/version wording in the announcement header.

Line 14 says “Nuxt hints” while title/frontmatter use “Nuxt Hints”, and Line 16 says “version 1.0” while intro says “1.0.0”. Align casing and version format for consistency.

Suggested patch
-## We are very excited to move Nuxt hints from alpha stage to 1.0.0 !
+## We are very excited to move Nuxt Hints from alpha stage to 1.0.0!
@@
-Last week at [VueJS Amsterdam](https://vuejs.amsterdam/), `@nuxt/hints` has been released in version 1.0.
+Last week at [VueJS Amsterdam](https://vuejs.amsterdam/), `@nuxt/hints` was released as version 1.0.0.
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
## We are very excited to move Nuxt hints from alpha stage to 1.0.0 !
Last week at [VueJS Amsterdam](https://vuejs.amsterdam/), `@nuxt/hints` has been released in version 1.0.
## We are very excited to move Nuxt Hints from alpha stage to 1.0.0!
Last week at [VueJS Amsterdam](https://vuejs.amsterdam/), `@nuxt/hints` was released as version 1.0.0.
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@content/blog/44.nuxt-hints-v1.md` around lines 14 - 16, Update the
announcement header and the sentence mentioning the package so naming and
version formatting match the title/frontmatter: change “Nuxt hints” to “Nuxt
Hints” and change “version 1.0” to “1.0.0” (the strings to edit appear in the
header "We are very excited to move Nuxt hints from alpha stage to 1.0.0 !" and
the sentence containing `@nuxt/hints` and "version 1.0"); ensure all occurrences
in this document use the same casing "Nuxt Hints" and the same version format
"1.0.0".

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

♻️ Duplicate comments (3)
content/blog/44.nuxt-hints-v1.md (3)

52-55: ⚠️ Potential issue | 🟡 Minor

Add language identifiers to fenced code blocks (MD040).

The fenced blocks at Line 52 and Line 63 are unlabeled and will trigger markdownlint MD040.

Suggested patch
-```
+```text
 [`@nuxt/hints`:performance] LCP Element should not have `loading="lazy"`
 Learn more: https://web.dev/optimize-lcp/#optimize-the-priority-the-resource-is-given

- +text
[@nuxt/hints] Third-party script "https://cdn.example.com/script.js" is missing crossorigin attribute.
Consider adding crossorigin="anonymous" for better security and error reporting.

Also applies to: 63-66

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@content/blog/44.nuxt-hints-v1.md` around lines 52 - 55, The unlabeled fenced
code blocks containing the lines starting with "[`@nuxt/hints`:performance] LCP
Element..." and "[`@nuxt/hints`] Third-party script..." are triggering
markdownlint MD040; add a language identifier (e.g., ```text) to each opening
fence so the blocks become ```text ... ```; update the two blocks that contain
those exact strings accordingly to remove the lint warning.

14-16: ⚠️ Potential issue | 🟡 Minor

Align product naming, version formatting, and release phrasing.

Line 14 uses “Nuxt hints” (lowercase), and Line 16 uses “version 1.0” with awkward tense. Please keep naming/version wording consistent with the post title and package release wording.

Suggested patch
-## We are very excited to move Nuxt hints from alpha stage to 1.0.0 !
+## We are very excited to move Nuxt Hints from alpha stage to 1.0.0!

-Last week at [VueJS Amsterdam](https://vuejs.amsterdam/), `@nuxt/hints` has been released in version 1.0.
+Last week at [VueJS Amsterdam](https://vuejs.amsterdam/), `@nuxt/hints` was released as version 1.0.0.
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@content/blog/44.nuxt-hints-v1.md` around lines 14 - 16, Update the post to
use consistent product naming and release phrasing: change the phrase "Nuxt
hints" to "Nuxt Hints" to match the title/capitalization, and replace
"`@nuxt/hints` has been released in version 1.0." with "`@nuxt/hints` was
released as v1.0.0." so the package name remains the same but the tense and
version formatting are consistent.

121-121: ⚠️ Potential issue | 🟡 Minor

Polish grammar in the “Production hints” paragraph.

Line 121 has a few grammar issues (“continue on providing”, “informations”, “dev only”, “give you the possibility”). Tightening this sentence improves editorial quality.

Suggested patch
-Nuxt Hints will continue on providing more informations to developers. At the moment, it is a dev only module. In the future, Nuxt Hints will give you the possibility to report bad metrics in runtime applications.
+Nuxt Hints will continue to provide more information to developers. At the moment, it is a dev-only module. In the future, Nuxt Hints will allow you to report poor metrics in runtime applications.
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@content/blog/44.nuxt-hints-v1.md` at line 121, Edit the "Production hints"
paragraph: replace the incorrect phrases "continue on providing",
"informations", "dev only", and "give you the possibility" with grammatically
correct alternatives so the sentence reads clearly (e.g., "Nuxt Hints will
continue providing more information to developers. Currently, it is a dev-only
module. In the future, Nuxt Hints will allow you to report bad metrics in
runtime applications."). Locate this text in the "Production hints" paragraph
and update it accordingly.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Duplicate comments:
In `@content/blog/44.nuxt-hints-v1.md`:
- Around line 52-55: The unlabeled fenced code blocks containing the lines
starting with "[`@nuxt/hints`:performance] LCP Element..." and "[`@nuxt/hints`]
Third-party script..." are triggering markdownlint MD040; add a language
identifier (e.g., ```text) to each opening fence so the blocks become ```text
... ```; update the two blocks that contain those exact strings accordingly to
remove the lint warning.
- Around line 14-16: Update the post to use consistent product naming and
release phrasing: change the phrase "Nuxt hints" to "Nuxt Hints" to match the
title/capitalization, and replace "`@nuxt/hints` has been released in version
1.0." with "`@nuxt/hints` was released as v1.0.0." so the package name remains
the same but the tense and version formatting are consistent.
- Line 121: Edit the "Production hints" paragraph: replace the incorrect phrases
"continue on providing", "informations", "dev only", and "give you the
possibility" with grammatically correct alternatives so the sentence reads
clearly (e.g., "Nuxt Hints will continue providing more information to
developers. Currently, it is a dev-only module. In the future, Nuxt Hints will
allow you to report bad metrics in runtime applications."). Locate this text in
the "Production hints" paragraph and update it accordingly.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: ab9b1e22-6c89-4a37-8e01-410ab99684f9

📥 Commits

Reviewing files that changed from the base of the PR and between 642e49e and 1509d33.

📒 Files selected for processing (1)
  • content/blog/44.nuxt-hints-v1.md

@HugoRCD
Copy link
Member

HugoRCD commented Mar 19, 2026

@huang-julien Do you need an illustration / OG Image?

@danielroe
Copy link
Member

yes!! @HugoRCD is the goat here

@huang-julien
Copy link
Member Author

@HugoRCD yes please !

@huang-julien
Copy link
Member Author

@danielroe feel free to make changes, i'm not really good at writing blog posts

@HugoRCD
Copy link
Member

HugoRCD commented Mar 20, 2026

@HugoRCD yes please !

I've started working on the module's branding, would something like this work? Do you have anything specific in mind? (Maybe something simpler?)
nuxt-hints
CleanShot 2026-03-20 at 10 10 49@2x

@huang-julien
Copy link
Member Author

Something simple will do :) like the ones for nuxt script 1,0 or nuxt icon 1,0
Thanks a lot !

@HugoRCD
Copy link
Member

HugoRCD commented Mar 20, 2026

Something simple will do :) like the ones for nuxt script 1,0 or nuxt icon 1,0 Thanks a lot !

Like that?
nuxt-hints-1 0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants