From a saved flag to a service another developer can maintain.
Twelve weeks#
The first seven weeks inherit and complete a Vue 2 reader. Week 8 is the migration seam; week 9 builds the editorial desk. The final three weeks make domain assumptions explicit with TypeScript and tests.
Phase 01 · Weeks 01–07
Inherit
Vue 2 · Own the state before adding another layer.- W01
22 February 2027
Thinking in Vue
Who changes the interface when the state changes?
BuildA reactive interview profile
- W02
1 March 2027
Directives, Events and Forms
Why did editing one article change the wrong row?
BuildAn editable interview shortlist
- W03
8 March 2027
Derived State and Application Timing
Should this value be stored, computed or watched?
BuildA searchable article feed with honest states
- W04
15 March 2027
Components and Data Flow
Which component is allowed to change this article?
BuildA componentised article reader
- W05
22 March 2027
Component Interfaces and Reusable UI
Can a second caller use this component without opening its source?
BuildA reusable reader UI kit
- W06
29 March 2027
Routing, APIs and Mobile Applications
Can a reader open this article directly, then recover from a failed request?
BuildA routed mobile article browser
- W07
5 April 2027
Shared State with Vuex
What should happen everywhere when the reader logs out?
BuildOne identity and collection store
Phase 02 · Weeks 08–09
Migrate
Vue 3 · Preserve behaviour, reorganise responsibility.- W08
12 April 2027
Moving to Vue 3
What must stay the same when the implementation changes?
BuildA behaviour-preserving Vue 3 migration
- W09
19 April 2027
Vue 3 Application Architecture
Where does an expired session get handled once?
BuildAn editorial dashboard with one request boundary
Phase 03 · Weeks 10–12
Type and verify
Vue 3 + TypeScript · Make assumptions explicit.- W10
26 April 2027
TypeScript for Vue Developers
Which impossible state does this JavaScript object allow?
BuildA typed consultation state model
- W11
3 May 2027
Vue 3 with TypeScript
Can the component contract reject an invalid consultation?
BuildA typed consultation form workflow
- W12
10 May 2027
Production Vue
Could another developer safely change this tomorrow?
BuildA consultation service handover