The upcoming positive reinforcement features will require to intensively re-work at least the UI of the impact module, see feature summary. Looking at the figma designs it seems that we will be reusing very few or none components from Codex library. We can think of implementing the module with Vue 3 custom components and styles ( pulling Codex design.tokens if needed or convenient ).
Mind that this task is subject to the outcome of T301128: research: Understand how current and new users of Growth features would be affected by switching to Vue
Acceptance criteria
- The Impact module uses Vue 3
- The Impact module renders an intial HTML document with significant content before any JS or Vue loads
- The Impact module works for both desktop and mobile
- [Nice to have] The Impact module uses a Mustache template similar to the components in Vue
- ...