feat(vite-node): clear console when rendering error get fixed

[antfu]

🔗 Linked issue

fixnuxt/nuxt#13914

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[netlify]

✅ Deploy Preview for nuxt3-docs canceled.

Name	Link
🔨 Latest commit	5a8e9d1
🔍 Latest deploy log	https://app.netlify.com/sites/nuxt3-docs/deploys/62e8f540be6efc0008f103d2

[atinux]

How do you test it locally?

[antfu]

You can add a throw new Error in <script setup> to trigger SSR error and then remove it.

[pi0]

Nice idea to only clear console when there are errors but i think we can do it with main consola instance wrapping console in nuxi to catch all sources of warning and error.

As for this PR, can we show a message when we detect vite-node assets are changed in next render? Currently there is no watcher and message like client-side indicating HMR happened or legacy vite builder. Do we still have a watcher with vite-node ?

[atinux]

I may do something wrong but I don't see the clear (also got the server stuck at one point):

Screenshot.2022-08-02.at.17.12.17.mp4

[pi0]

This doesn't works to clear screen. consola.clear was legacy name for consola. removeReporter.

Also we probably shouldn't clear screen from runtime.

[pi0]

Thanks to #6343, we can now show accurate message on HMR. Moving log enhancenment to #6351. And lets track clear on rebuild experience in nuxt/nuxt#13914. I think we could handle it on nuxi level.