POC use router links in new sidebar
What does this MR do and why?
Related to #389842
Now that the super sidebar has been released I've started to do some discovery into #389842. We are migrating the profile page from HAML/jQuery to Vue and currently it is setup with tabs. This is because when we started the migration effort we didn't know about the plans to move the profile tabs to the sidebar.
This MR removes the tabs in the Vue version and uses Vue Router instead. It also proposes a way to add sidebar nav items with Vue portal so we can add RouterLink
components to the sidebar.
Note: for the MVC we could keep the sidebar the same and reload the page. But it does feel snappier if we can use Vue router links in the sidebar so the page doesn't reload.
Screenshots or screen recordings
Screen_Recording_2023-05-02_at_12.08.01_PM
How to set up and validate locally
- Enable the
profile_tabs_vue
feature flag - Enable the new navigation
- Navigate to your user profile
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.