Justin Visser
8a2a28864e
Turn the Explainer placeholder into the real method + sources page the proposal's Proof of Concept promises, so the demo's results can be examined and reproduced rather than taken on trust. Two parts in MethodPage.vue: - How the model works, structured loosely on the ODD protocol for agent-based models (purpose; entities, state, scale; the Holme-Kim friendship network; the independent-cascade spread; the additive forwarding composite; the education lever and the three strategies; determinism from seeds; parameters as low/medium/high sensitivity ranges rather than fitted values). Cites Holme & Kim 2002 and Kempe, Kleinberg & Tardos 2003. - Sources behind each parameter: a table mapping every lever, live and reserved, to the project team's open-access literature review (S1-S11), with the full reference list below it. App.vue routes explainer to MethodPage; Findings and Guides stay placeholders. Matches the existing visual tokens and card system, carries the "illustrative, not validated" disclaimer, scrolls its table inside an overflow container at 390px, and stays keyboard reachable and reduced-motion friendly. Verified in light, dark, and at 390px against a local prod build with the embedded frontend. No Go types changed, so the type-drift guard stays clean. |
||
|---|---|---|
| .. | ||
| .vscode | ||
| public | ||
| src | ||
| .editorconfig | ||
| .gitattributes | ||
| .gitignore | ||
| .oxlintrc.json | ||
| .prettierignore | ||
| .prettierrc.json | ||
| env.d.ts | ||
| eslint.config.ts | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| tsconfig.vitest.json | ||
| vite.config.ts | ||
| vitest.config.ts | ||
web
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VS Code + Vue (Official) (and disable Vetur).
Recommended Browser Setup
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
- Firefox:
Type Support for .vue Imports in TS
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
Customize configuration
See Vite Configuration Reference.
Project Setup
npm install
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build
Run Unit Tests with Vitest
npm run test:unit
Lint with ESLint
npm run lint