4b826567b8
The rail was on the right. It now leads the row instead, so the section menu reads as a conventional left-hand navigation column. Which side it lands on was never a stylesheet decision: `.app-body` is a flex row and the aside is simply its first child now, with `.app-main` after it. The only style change that had to follow is the rail's separator, which moves from its left edge to its right, plus the collapse tooltip's placement. The global shell contract in base.css now says this explicitly, so the next person to move the rail knows the side comes from DOM order rather than from a rule in that file.
frontend
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
pnpm install
Compile and Hot-Reload for Development
pnpm dev
Type-Check, Compile and Minify for Production
pnpm build