Walkthrough

This pull request refactors the Mention component's prop system by replacing runtime prop objects and ExtractPropTypes with explicit TypeScript interfaces. The changes apply the same migration pattern across four files: converting defineProps() calls to defineProps<Interface>() with withDefaults(), introducing new public interfaces, and deprecating old type exports.

Changes

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• refactor(components): [autocomplete] use type-based definitions #23410: Performs identical refactor pattern—replace ExtractPropTypes-based public prop types with explicit interfaces extending InputProps, add deprecated aliases, and switch to defineProps<Props>() with withDefaults() including inputPropsDefaults
• refactor(components): [input] use type-based definitions #23366: Applies same code-level refactor across different components—replacing ExtractPropTypes exports with explicit exported interfaces and updating component files to use defineProps<Interface>() with withDefaults()
• refactor(components): [backtop] use type-based definitions #23435: Uses identical refactor approach—switching component prop definitions from runtime objects to explicit TypeScript interfaces and updating defineProps(...) to defineProps<Type>() with withDefaults()

Suggested labels

Contribution::Community

Suggested reviewers

• rzzf
• btea
• keeplearning66

Poem

🐰 A mention dropdown hops with grace,
Props refined in their new place,
Interfaces typed, defaults so clear,
The old way fades, the new draws near!
With TypeScript's blessing, structured and right,
Our refactor shines ever bright! ✨

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

• 📝 Generate docstrings

• X
• Mastodon
• Reddit
• LinkedIn