Skip to content

Fix Unknown Custom Element gl-emoji Vue Warning from Performance Bar

What does this MR do and why?

It was noticed in !150720 (closed) that the following warning from Vue was happening in the browser console:

[Vue warn]: Unknown custom element: <gl-emoji> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

The attempt to fix in !150720 (closed) made the emoji disappear, so I decided to investigate a bit further to fix it without loosing the emoji

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshot_2024-04-24_at_3_56_58_PM

Before After
Screenshot_2024-04-24_at_3.54.07_PM Screenshot_2024-04-24_at_3.53.31_PM

How to set up and validate locally

  1. Have the performance bar enabled
  2. Open Browser Console
  3. Load any page in your local gdk
Edited by Sheldon Led

Merge request reports