feat(nuxt): wrap #components client exports with createClientOnly

[huang-julien]

🔗 Linked issue

resolvenuxt/nuxt#14755 , related nuxt/nuxt#14868

❓ 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

hi ! i'm not sure if this should be considered as bug fix or feature. This PR allow importing .client component as client only components when using explicit imports from #components. It also adds ServerPlaceholder as the .client server-side fallback if there's no .server component to avoid hydration issues.

📝 Checklist

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

[netlify]

✅ Deploy Preview for nuxt3-docs ready!

Name	Link
🔨 Latest commit	94c6f28
🔍 Latest deploy log	https://app.netlify.com/sites/nuxt3-docs/deploys/634578f4f75bf8000885eec8
😎 Deploy Preview	https://deploy-preview-7412--nuxt3-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[huang-julien]

convert to draft due to lazy loaded client components not being lazy loaded

[huang-julien]

Hi 👋 @danielroe@pi0
Importing from "#components" automatically break the tests due to BreakServer being exported in components.server.mjs.
It happens also on the edge channel.
Do you have any tips or solution to test this ? Maybe renaming BreakServer to BreakServer.client ? this shouldn't break the test of /client since the import is done with it's path.

[danielroe]

I'd be happy with renaming BreaksServer 👍 Would you confirm that this still preserve the integrity of the test? (That is, that if you set experimental.treeshakeClientOnly to false, the test breaks.)

[huang-julien]

setting treeshakeClientOnly to false does not break the tests 👍 (might need to rerun the ci juste to be sure but this does not throw any error locally). let me know what you think of this 🙂 .