How kuankuan2007/scale works
Scale is a Vue-based website for self-guided psychological questionnaire assessments, presented for personal reference rather than clinical use. Users can browse the scale catalog, open a questionnaire, submit answers, and view its scale-specific interpretation and score visualizations; results can also be printed. The repository includes many independently defined scales and informational pages, plus theme controls. The route setup and assessment view are sampled; catalog internals and some view-to-data wiring are not, so those relationships are shown only where supported by the available evidence.
Main entry points: ScaleView.vue Assessment page · index.ts Route selection · App.vue Application shell · PageHeader.vue Page header
Components 17
Application shell
- App bootstrap
src/main.ts - Application shell
src/App.vue - Route selection
src/router/index.ts - Page header
src/components/PageHeader.vue
Scale discovery
- Home page
src/views/HomeView.vue - Scale catalog
src/views/ScaleIndexView.vue - About page
src/views/AboutView.vue
Assessment flow
- Assessment page
src/views/ScaleView.vue - Scale definitions
src/scales - Questionnaire form
src/components/FormConfigView.vue - Choice input
src/components/form/FormChoice.vue - Scale and result types
src/types/form.ts
Results and display
- Result display
src/components/ResultScores.vue - Score visualizations
src/components/score - Theme controls
src/scripts/theme.ts
Other components
- Website user
- Browser print
Connections 21
- Website user → App bootstrap: opens site
- App bootstrap → Application shell: mounts
- Application shell → Route selection: renders routes
- Route selection → Home page: routes home
- Route selection → Scale catalog: routes catalog
- Route selection → Assessment page: routes scale
- Route selection → About page: routes about
- Application shell → Page header: renders header
- Website user → Scale catalog: browses scales
- Website user → Assessment page: opens assessment
- Assessment page → Scale definitions: loads scale
- Assessment page → Questionnaire form: renders questions
- Questionnaire form → Choice input: renders choices
- Scale definitions → Scale and result types: conforms to
- Assessment page → Scale definitions: scores answers
- Assessment page → Result display: shows result
- Result display → Score visualizations: renders charts
- Website user → Page header: changes theme
- Page header → Theme controls: updates setting
- Website user → Browser print: requests print
- Assessment page → Browser print: prints result