Bootcamp

# Vue 3 bootcamp - 10 working days

Day 1 - Tooling: Vite, create-vue, Volar in VS Code, Vue DevTools.
Day 2 - Templates + reactivity: ref, reactive, computed, watch, watchEffect.
Day 3 - Components: props, emits, slots, scoped slots, dynamic components.
Day 4 - Composition API: <script setup>, defineProps, defineEmits, defineExpose.
Day 5 - State: provide/inject, Pinia for app-wide state.

Weekend project: a small list-detail app with Pinia store.

Day 6 - Router: vue-router v4, named routes, dynamic segments, guards.
Day 7 - Forms: v-model, validation with Zod or VeeValidate.
Day 8 - Async + Suspense: top-level await, error boundaries.
Day 9 - Composables: extract reusable logic into useFoo functions.
Day 10 - Testing + release: Vitest, Vue Test Utils, Playwright for E2E.

Capstone: ship a small Vue app to Netlify or Cloudflare Pages.

## Tips

- Always <script setup> with TypeScript
- Reach for Pinia over Vuex; for tiny apps a composable is enough
- Use VeeValidate + Zod for forms in production - the combo is hard to beat
- DevTools is non-optional; learn the timeline tab for reactivity debugging

// 30-day plan in the lesson body.