Page MenuHomePhabricator

Set up VitePress for component development
Closed, ResolvedPublic


To improve the developer experience and assist design, product, and QA in the development cycle, this task proposes to implement VitePress to display GrowthExperiments components.

In the short term, that means that we want to set this up for the Impact module components.

Note: The Codex project uses VitePress for the demo page of its components. But we cannot readily reuse what they have. It would be nice to have a generic solution that any extension could use, but the scope of this task is to have something that we can use with our extension with a minimal amount of effort.

Acceptance Criteria

  1. Should be able to visit to see and interact with the Vue components we create in our extension
  2. The components we display in VitePress use the same code as the components that are displayed in production in MediaWiki
Completion checklist


  • The patches have been code reviewed and merged
  • The task passes its acceptance criteria


  • There are existing and passing unit/integration tests
  • Tests for every involved patch should pass
  • Coverage for every involved project should have improved or stayed the same

Design & QA

  • If the task is UX/Design related: it must be reviewed and approved by the UX/Design team
  • Must be reviewed and approved by Quality Assurance.


  • Related and updated documentation done where necessary

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
kostajh changed the task status from Open to Stalled.Jun 16 2022, 10:08 AM
kostajh added subscribers: mewoph, Sgs.

Marking as stalled, as I'd like to get consensus on this from @mewoph and @Sgs before we move forward on it.

Sgs claimed this task.

This issue seems out of date since the work has already been done in the context of T328125. Tentative resolving.