fix(ProsePre): get code from DOM if code prop is missing

[farnabaz]

🔗 Linked issue

❓ 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)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

📝 Checklist

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

[coderabbitai]

📝 Walkthrough

Walkthrough

The Pre.vue component's copy button handler was refactored: it now calls a new copyCode() function instead of directly invoking copy(props.code || ''). copyCode() attempts to copy props.code first; if absent it falls back to the rendered <pre> element's textContent via a template ref (baseRef created using useTemplateRef), and finally uses an empty string if neither source is available. The <pre> element is bound with ref="baseRef".

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Description check	❓ Inconclusive	The description is largely empty with only template content and unchecked checklist items, providing no meaningful information about the changeset despite being an enhancement.	Add a description explaining why this fallback mechanism was needed and how it improves the component's functionality.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Title check	✅ Passed	The title accurately and concisely summarizes the main change: implementing a fallback mechanism to obtain code from the DOM when the prop is missing.

_{✏️ 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 fix/pre-copy-from-dom

---

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

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@src/runtime/components/prose/Pre.vue`:
- Line 75: The <pre> template in Pre.vue (the element using ref "preTemplateRef"
and class computed via ui.base with uiProp?.base and props.class) is missing the
required slot marker; add the attribute data-slot="default" (or the appropriate
slot name) to that <pre> element so it includes the slot identification per the
project's slot convention. Ensure the attribute is added to the same element
that has ref="preTemplateRef" and v-bind="$attrs" so slot tooling can detect it.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: bb7e1f7c-6648-4b82-957a-fe0cb0c4c0e8

📥 Commits

Reviewing files that changed from the base of the PR and between aae5378 and fdf7958.

📒 Files selected for processing (1)

• src/runtime/components/prose/Pre.vue

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@6333

commit: a719825