// the find
sdras/intro-to-vue
Workshop Materials for my Introduction to Vue.js Workshop
Workshop companion repo for Sarah Drasner's Frontend Masters Vue 3 course. It's a flat collection of starter and solution scaffolds — one directory per exercise — meant to be used alongside video lectures, not read in isolation. Not a library, not a template; purely instructional material.
The exercise/solution pairing is well-structured: each topic (components, Vuex, animations, Nuxt) gets its own self-contained directory with a working scaffold, so students can diff starter vs. solution without hunting through a monorepo. Sarah Drasner knows Vue animations deeply, and that section of the course is notably better than most intro material. The Vue 3 migration is complete — Options API examples are clean, and the Composition API and custom directives module is present. Slides are linked directly from the README with passwords included, which removes friction for anyone revisiting after the course.
This repo hasn't been touched since March 2023, and the Vue ecosystem has moved fast — Vetur is deprecated in favor of Volar, Vue CLI is in maintenance mode replaced by Vite, and Vuex is effectively superseded by Pinia. Someone following this today will immediately hit tool mismatch. The Vuex examples use the old Vuex 4 Options-style store pattern with no mention of Pinia, which is now the official recommendation. There's also no way to use this repo without the paid Frontend Masters course — the slides are paywalled and the code is meaningless without the lecture context, so the 'open source' framing is a bit generous.