fix(PricingTable): align header elements vertically by maximepvrt · Pull Request #6111 · nuxt/ui
📝 Walkthrough
Walkthrough
The PricingTable component's template was refactored to introduce a top-level tierWrapper container per tier and to flatten previously nested slot structure. Title, badge, description, price, discount, billing, and button areas were reorganized into distinct wrapper paths with dynamic slot names (e.g., ${tier.id}-title, ${tier.id}-badge, ${tier.id}-description, ${tier.id}-price, ${tier.id}-discount, ${tier.id}-button). Conditional rendering for badge, discount, billing, and button was preserved and adapted to the new wrappers. The theme file adds a tierWrapper slot class and updates tier and tierButton slot class strings.
Estimated code review effort
🎯 3 (Moderate) | ⏱️ ~25 minutes
🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
| Check name | Status | Explanation |
|---|---|---|
| Description check | ✅ Passed | The description is related to the changeset, explaining the purpose of the tierWrapper addition and including before/after screenshots demonstrating the visual improvement. |
| Docstring Coverage | ✅ Passed | No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. |
| Title check | ✅ Passed | The title 'fix(PricingTable): align header elements vertically' accurately describes the main change—fixing vertical alignment of header elements in the pricing table component using a new tierWrapper structure. |
✏️ Tip: You can configure your own custom pre-merge checks in the settings.
✨ Finishing Touches
🧪 Generate unit tests (beta)
- Create PR with unit tests
- Post copyable unit tests in a comment
Tip
Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.
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.
Comment @coderabbitai help to get the list of available commands and usage tips.