docs(code-editor): fix bug and UI in composite example

[paulinewahle]

Summary by CodeRabbit

• Bug Fixes
  • Fixed the code editor component's validation behavior to trigger only on value changes, improving efficiency. Also resolved a minor rendering issue in the component template.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

Review:

• Commits are atomic
• Commits have the correct type for the changes made
• Commits with breaking changes are marked as such

Browsers tested:

(Check any that applies, it's ok to leave boxes unchecked if testing something didn't seem relevant.)

Windows:

• Chrome
• Edge
• Firefox

Linux:

• Chrome
• Firefox

macOS:

• Chrome
• Firefox
• Safari

Mobile:

• Chrome on Android
• iOS

[coderabbitai]

Important

Review skipped

Auto incremental reviews are disabled on this repository.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

📝 Walkthrough

Walkthrough

Removed an extraneous comma from JSX rendering and eliminated the @Watch('required') decorator from the checkValidity method in the code editor composite example, leaving only the @Watch('value') decorator to trigger validation on value changes alone.

Changes

Cohort / File(s)	Summary
Code editor example cleanup src/components/code-editor/examples/code-editor-composite.tsx	Removed trailing comma between JSX elements and @Watch('required') decorator from checkValidity method

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

• Code editor input props #3765: This PR modified the same example component, introducing the @Watch('required') decorator that is now being removed by this change.

Suggested labels

docs

Suggested reviewers

• Kiarokh
• jgroth

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'docs(code-editor): fix bug and UI in composite example' clearly summarizes the main changes: fixing a bug and UI issues in the code-editor composite example documentation.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

---

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.}

[github-actions]

Documentation has been published to https://lundalogik.github.io/lime-elements/versions/PR-3770/

[LucyChyzhova]

great! Just please change the commit message, something to "separate invalid and required logic"