Add vue router to commits list app

Chaoyue Zhaorequested to merge
561042-commit-list-router into master

What does this MR do and why?

This is part of a bigger effort to refactor the repository Commit list. All changes are behind the FF `project_commits_refactor`. Specifically, this is a refactor to wrap the entire app with a vue router and update to use router to calculate breadcrumb path.

References

See !200847 (comment 2682687378) for more details

Screenshots or screen recordings

No visual changes

How to set up and validate locally

Enable project_commits_refactor feature flag.

To test commits page for a blob (file):

  • Go to a file inside a repository
  • Click History in the last commit block

To test commits page for the root path:

  • Select Code > Commits from left nav

⚠️ the list of commits uses mock data and would not change when file path gets updated. to validate this change, i confirm the link generated from the new breadcrumb matches the existing one (before this change) 👍

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.

Related to #561042 (closed)

Edited by Ammar Alakkad

Merge request reports