Lazy load components on issues list refactor page
What does this MR do and why?
This MR lazy loads components on the issues list refactor page to reduce the bundle size for the page, behind the feature flag vue_issues_list
defaulted to off.
The filtered search tokens don't need to be loaded immediately—they can be loaded only when the user uses them.
The group/project issues list page is being converted from Haml to Vue behind the feature flag vue_issues_list
(see #322755 (closed)). When the feature flag is switched on, the issues page uses the Vue refactor code; when it is off, the issues page uses the Haml code.
Screenshots or screen recordings
How to set up and validate locally
- In rails console enable the feature flag
Feature.enable(:vue_issues_list)
- Visit any group or project issues list page such as
http://127.0.0.1:3000/h5bp/html5-boilerplate/-/issues
- Test the MR
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.
Related to #322755 (closed)
Edited by Coung Ngo