Add microdata to group and project list items
What does this MR do and why?
Related to #566401 (closed) and &13790 (closed)
We are working to migrate group and project lists to shared Vue components. This will give us consistent UX across the product and help reduce technical debit. Currently we are working on group overview in &13790 (closed).
In the legacy components we have microdata based on https://schema.org/. This MR adds the same microdata support to the new shared Vue components.
Validated with https://validator.schema.org/
Note: There is a bug in GlAvatarLabeled where attributes are added to the root element and the avatar. This is causing duplicate attributes in the schema. I have gitlab-org/gitlab-services/design.gitlab.com!5104 (merged) open to fix this bug. Since this is behind a feature flag I think we can merge this before the GitLab UI MR is merged.
References
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
- Go to
/rails/featuresand enablegroups_overview_shared_vue_componentsfeature flag - Go to a group that has subgroups and projects
- Expand all subgroups and projects
- Open up dev tools and copy the entire source
- Paste into https://validator.schema.org/
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.