Organizing Components

Suggested folders

• src/components/ — reusable UI pieces
• src/views/ — page-level route components
• src/router.js — route table
• Keep assets under src/assets/

Name clearly

Prefer multi-word component names such as UserCard.vue and NoteList.vue.

Pass data intentionally

Props down, events up. Introduce shared stores (Pinia) only when many distant components need the same state.

Start small

Two or three components plus one view is enough for early projects. Refactor folders when navigation gets hard.