Page MenuHomePhabricator

Build the Card and PageList component in Vue
Closed, ResolvedPublic

Description

The Nearby feature makes use of a component in MobileFrontend in Vue.js called PageList. Note: A similar component is used to show RelatedArticles at the bottom of the page on mobile.

This component consistents of several Card components which have a thumbnail, a title, a description, meta information (in this case the distance).

For the purpose of this task ignore the watchstar Icon.

Acceptance criteria

  • It should be possible to render a Card or PageList in Vue with sensible parameters.
  • The new component should be something we can use in a component library in core (in future) for RelatedArticles if we ever decide to Vue-ify that extension as well.

Event Timeline

Change 582265 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/extensions/NearbyPages@master] First pass at Vue components

https://gerrit.wikimedia.org/r/582265

Change 582265 merged by jenkins-bot:
[mediawiki/extensions/NearbyPages@master] Nearby implemented in Vue

https://gerrit.wikimedia.org/r/582265

Jdlrobson updated the task description. (Show Details)

Tests will be covered in T252263.