fix: OG image gradient syntax

[antfu]

Summary

Fixed OG image prerendering errors in docs build by updating the radial gradient syntax to a format supported by the takumi renderer.

Changed from radial-gradient(50% 50% at 50% 50%, ...) to radial-gradient(circle at 50% 50%, ...) and switched background shorthand to background-image property for better CSS compatibility.

🤖 Generated with Claude Code

[cloudflare-workers-and-pages]

Deploying nuxt-devtools with    Cloudflare Pages

Latest commit:	3d7be98
Status:	✅  Deploy successful!
Preview URL:	https://50670f71.nuxt-devtools.pages.dev
Branch Preview URL:	https://antfu-fix-og-gradient.nuxt-devtools.pages.dev

View logs

[coderabbitai]

📝 Walkthrough

Walkthrough

The pull request updates a single Vue component file by modifying the inline style of a decorative div element. The radial gradient background property is refactored from the shorthand background property to the more specific background-image property. All gradient parameters, positioning, dimensions, and other style values remain unchanged. No exported or public entities are affected by this modification.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description check	✅ Passed	The description is directly related to the changeset, explaining the gradient syntax fix, the specific CSS change from radial-gradient(50% 50% at 50% 50%, ...) to radial-gradient(circle at 50% 50%, ...), and the switch from background to background-image.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Title check	✅ Passed	The title 'fix: OG image gradient syntax' is directly related to the changeset - it specifically describes the CSS gradient syntax fix applied to the OG image component.

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

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch antfu/fix-og-gradient

📝 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

• X
• Mastodon
• Reddit
• LinkedIn

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