Goal
Show the app's package version (currently 3.0.0) at the bottom of the side navigation menu, so it's easy to confirm which build is deployed.
Where
- Side menu renders in
src/App/AppTemplate.tsx (items from src/App/menuItems.ts). Add a small version label at the bottom of the drawer, below the nav links.
How (version source)
- Inject
package.json version at build time via Vite define in vite.config.ts (e.g. __APP_VERSION__ = JSON.stringify(pkg.version)), so the value is baked into the bundle. Avoid importing package.json directly into client code.
Display
- Small, muted text (e.g.
v3.0.0) anchored at the bottom of the side menu; unobtrusive, consistent with the nav styling.
- Updates automatically with each version bump (no manual editing).
Scope
Frontend only. Small. Mirror of CollegeLutheran#709.
Goal
Show the app's package version (currently
3.0.0) at the bottom of the side navigation menu, so it's easy to confirm which build is deployed.Where
src/App/AppTemplate.tsx(items fromsrc/App/menuItems.ts). Add a small version label at the bottom of the drawer, below the nav links.How (version source)
package.jsonversionat build time via Vitedefineinvite.config.ts(e.g.__APP_VERSION__=JSON.stringify(pkg.version)), so the value is baked into the bundle. Avoid importingpackage.jsondirectly into client code.Display
v3.0.0) anchored at the bottom of the side menu; unobtrusive, consistent with the nav styling.Scope
Frontend only. Small. Mirror of CollegeLutheran#709.