chore(security-vue): prevent DOM XSS by sanitizing HTML

[selemondev]

Summary by CodeRabbit

• Bug Fixes
  • Strengthened security in code block rendering through enhanced HTML content sanitization. This change prevents potential cross-site scripting (XSS) vulnerabilities when displaying code with dynamic or user-generated content. Code blocks now safely process and sanitize all HTML content before rendering to the interface.

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

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

Adds dompurify ^3.3.1 as a runtime dependency in packages/vue/package.json. Updates CodeBlock.vue component to import DOMPurify and sanitize HTML content using DOMPurify.sanitize() before binding to v-html directive.

Changes

Cohort / File(s)	Summary
Dependencies packages/vue/package.json	Added dompurify ^3.3.1 as runtime dependency
Code Block Sanitization packages/vue/src/components/CodeBlock.vue	Imported DOMPurify and wrapped HTML content with DOMPurify.sanitize() before v-html binding

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Possibly related PRs

• chore(security-react): prevent DOM XSS by sanitising HTML #41: Implements the same security fix (adding dompurify and sanitizing HTML in CodeBlock) for the React variant.

Poem

🐰 Hoppy times! A guardian arrives,
DOMPurify keeps our code alive,
No sneaky scripts shall slip on through—
Sanitized safety, tried and true! ✨

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch chore(security-vue)

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 18e56df and e72151d.

📒 Files selected for processing (2)

• packages/vue/package.json
• packages/vue/src/components/CodeBlock.vue

---

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