YouExtractor
Vue 3 · Vite · Pinia
Extract Vue Code from YouTube Tutorials
Vue tutorials split the app across `.vue` files, a router, and a store the instructor created off-screen. YouExtractor rebuilds the Vue 3 project so you can run it with Vite instead of pausing on `<script setup>`.
What you get
- Vue 3 + Vite layouts when that is the lesson
- Router and Pinia files if they were part of the tutorial
SFCs are awkward to copy from video
Template, script, and style in one file looks easy until there are twelve of them. A reconstructed Vue tree is the point of this page.
Frequently asked questions
Nuxt videos?
Treat Nuxt as a Vue-family tutorial and extract it. File-based routing is exactly the kind of tree that is painful to transcribe.