├── .DS_Store ├── .gitignore ├── Class1 ├── .gitignore ├── .vscode │ └── extensions.json ├── README.md ├── index.html ├── package.json ├── public │ └── favicon.ico ├── src │ ├── App.vue │ ├── assets │ │ ├── base.css │ │ ├── logo.svg │ │ └── main.css │ ├── components │ │ ├── Bookings.vue │ │ ├── Color.vue │ │ ├── ColorPickerGame.vue │ │ ├── CustomFetch.vue │ │ ├── Nav.vue │ │ ├── Recap_01_02_2023.vue │ │ └── WelcomeBox.vue │ ├── composables │ │ └── book-manager.js │ ├── layouts │ │ ├── Auth.vue │ │ └── Dashboard.vue │ ├── main.js │ ├── pages │ │ ├── About.vue │ │ ├── Home.vue │ │ ├── Login.vue │ │ ├── Notfound.vue │ │ ├── Post.vue │ │ └── Posts.vue │ └── router │ │ └── index.js ├── vite.config.js └── yarn.lock └── Class2 ├── .gitignore ├── README.md ├── index.html ├── node_modules ├── .bin │ ├── esbuild │ ├── nanoid │ ├── parser │ ├── rollup │ └── vite ├── .vite │ └── deps │ │ ├── _metadata.json │ │ ├── package.json │ │ ├── vue.js │ │ └── vue.js.map ├── @babel │ └── parser │ │ ├── CHANGELOG.md │ │ ├── LICENSE │ │ ├── README.md │ │ ├── bin │ │ └── babel-parser.js │ │ ├── index.cjs │ │ ├── lib │ │ ├── index.js │ │ └── index.js.map │ │ ├── package.json │ │ └── typings │ │ └── babel-parser.d.ts ├── @esbuild │ └── darwin-x64 │ │ ├── README.md │ │ ├── bin │ │ └── esbuild │ │ └── package.json ├── @jridgewell │ └── sourcemap-codec │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ ├── sourcemap-codec.mjs │ │ ├── sourcemap-codec.mjs.map │ │ ├── sourcemap-codec.umd.js │ │ ├── sourcemap-codec.umd.js.map │ │ └── types │ │ │ └── sourcemap-codec.d.ts │ │ └── package.json ├── @vitejs │ └── plugin-vue │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ ├── index.cjs │ │ ├── index.d.cts │ │ ├── index.d.mts │ │ ├── index.d.ts │ │ └── index.mjs │ │ └── package.json ├── @vue │ ├── compiler-core │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ │ ├── compiler-core.cjs.js │ │ │ ├── compiler-core.cjs.prod.js │ │ │ ├── compiler-core.d.ts │ │ │ └── compiler-core.esm-bundler.js │ │ ├── index.js │ │ └── package.json │ ├── compiler-dom │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ │ ├── compiler-dom.cjs.js │ │ │ ├── compiler-dom.cjs.prod.js │ │ │ ├── compiler-dom.d.ts │ │ │ ├── compiler-dom.esm-browser.js │ │ │ ├── compiler-dom.esm-browser.prod.js │ │ │ ├── compiler-dom.esm-bundler.js │ │ │ ├── compiler-dom.global.js │ │ │ └── compiler-dom.global.prod.js │ │ ├── index.js │ │ └── package.json │ ├── compiler-sfc │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ │ ├── compiler-sfc.cjs.js │ │ │ ├── compiler-sfc.d.ts │ │ │ └── compiler-sfc.esm-browser.js │ │ └── package.json │ ├── compiler-ssr │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ │ ├── compiler-ssr.cjs.js │ │ │ └── compiler-ssr.d.ts │ │ └── package.json │ ├── reactivity-transform │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ │ ├── reactivity-transform.cjs.js │ │ │ └── reactivity-transform.d.ts │ │ └── package.json │ ├── reactivity │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ │ ├── reactivity.cjs.js │ │ │ ├── reactivity.cjs.prod.js │ │ │ ├── reactivity.d.ts │ │ │ ├── reactivity.esm-browser.js │ │ │ ├── reactivity.esm-browser.prod.js │ │ │ ├── reactivity.esm-bundler.js │ │ │ ├── reactivity.global.js │ │ │ └── reactivity.global.prod.js │ │ ├── index.js │ │ └── package.json │ ├── runtime-core │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ │ ├── runtime-core.cjs.js │ │ │ ├── runtime-core.cjs.prod.js │ │ │ ├── runtime-core.d.ts │ │ │ └── runtime-core.esm-bundler.js │ │ ├── index.js │ │ └── package.json │ ├── runtime-dom │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ │ ├── runtime-dom.cjs.js │ │ │ ├── runtime-dom.cjs.prod.js │ │ │ ├── runtime-dom.d.ts │ │ │ ├── runtime-dom.esm-browser.js │ │ │ ├── runtime-dom.esm-browser.prod.js │ │ │ ├── runtime-dom.esm-bundler.js │ │ │ ├── runtime-dom.global.js │ │ │ └── runtime-dom.global.prod.js │ │ ├── index.js │ │ └── package.json │ ├── server-renderer │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ │ ├── server-renderer.cjs.js │ │ │ ├── server-renderer.cjs.prod.js │ │ │ ├── server-renderer.d.ts │ │ │ ├── server-renderer.esm-browser.js │ │ │ ├── server-renderer.esm-browser.prod.js │ │ │ └── server-renderer.esm-bundler.js │ │ ├── index.js │ │ └── package.json │ └── shared │ │ ├── LICENSE │ │ ├── README.md │ │ ├── dist │ │ ├── shared.cjs.js │ │ ├── shared.cjs.prod.js │ │ ├── shared.d.ts │ │ └── shared.esm-bundler.js │ │ ├── index.js │ │ └── package.json ├── csstype │ ├── LICENSE │ ├── README.md │ ├── index.d.ts │ ├── index.js.flow │ └── package.json ├── esbuild │ ├── LICENSE.md │ ├── README.md │ ├── bin │ │ └── esbuild │ ├── install.js │ ├── lib │ │ ├── main.d.ts │ │ └── main.js │ └── package.json ├── estree-walker │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── dist │ │ ├── esm │ │ │ ├── estree-walker.js │ │ │ └── package.json │ │ └── umd │ │ │ └── estree-walker.js │ ├── package.json │ ├── src │ │ ├── async.js │ │ ├── index.js │ │ ├── package.json │ │ ├── sync.js │ │ └── walker.js │ └── types │ │ ├── async.d.ts │ │ ├── index.d.ts │ │ ├── sync.d.ts │ │ ├── tsconfig.tsbuildinfo │ │ └── walker.d.ts ├── fsevents │ ├── LICENSE │ ├── README.md │ ├── fsevents.d.ts │ ├── fsevents.js │ ├── fsevents.node │ └── package.json ├── magic-string │ ├── LICENSE │ ├── README.md │ ├── dist │ │ ├── magic-string.cjs.d.ts │ │ ├── magic-string.cjs.js │ │ ├── magic-string.cjs.js.map │ │ ├── magic-string.es.d.mts │ │ ├── magic-string.es.mjs │ │ ├── magic-string.es.mjs.map │ │ ├── magic-string.umd.js │ │ └── magic-string.umd.js.map │ └── package.json ├── nanoid │ ├── LICENSE │ ├── README.md │ ├── async │ │ ├── index.browser.cjs │ │ ├── index.browser.js │ │ ├── index.cjs │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.native.js │ │ └── package.json │ ├── bin │ │ └── nanoid.cjs │ ├── index.browser.cjs │ ├── index.browser.js │ ├── index.cjs │ ├── index.d.cts │ ├── index.d.ts │ ├── index.js │ ├── nanoid.js │ ├── non-secure │ │ ├── index.cjs │ │ ├── index.d.ts │ │ ├── index.js │ │ └── package.json │ ├── package.json │ └── url-alphabet │ │ ├── index.cjs │ │ ├── index.js │ │ └── package.json ├── picocolors │ ├── LICENSE │ ├── README.md │ ├── package.json │ ├── picocolors.browser.js │ ├── picocolors.d.ts │ ├── picocolors.js │ └── types.ts ├── postcss │ ├── LICENSE │ ├── README.md │ ├── lib │ │ ├── at-rule.d.ts │ │ ├── at-rule.js │ │ ├── comment.d.ts │ │ ├── comment.js │ │ ├── container.d.ts │ │ ├── container.js │ │ ├── css-syntax-error.d.ts │ │ ├── css-syntax-error.js │ │ ├── declaration.d.ts │ │ ├── declaration.js │ │ ├── document.d.ts │ │ ├── document.js │ │ ├── fromJSON.d.ts │ │ ├── fromJSON.js │ │ ├── input.d.ts │ │ ├── input.js │ │ ├── lazy-result.d.ts │ │ ├── lazy-result.js │ │ ├── list.d.ts │ │ ├── list.js │ │ ├── map-generator.js │ │ ├── no-work-result.d.ts │ │ ├── no-work-result.js │ │ ├── node.d.ts │ │ ├── node.js │ │ ├── parse.d.ts │ │ ├── parse.js │ │ ├── parser.js │ │ ├── postcss.d.mts │ │ ├── postcss.d.ts │ │ ├── postcss.js │ │ ├── postcss.mjs │ │ ├── previous-map.d.ts │ │ ├── previous-map.js │ │ ├── processor.d.ts │ │ ├── processor.js │ │ ├── result.d.ts │ │ ├── result.js │ │ ├── root.d.ts │ │ ├── root.js │ │ ├── rule.d.ts │ │ ├── rule.js │ │ ├── stringifier.d.ts │ │ ├── stringifier.js │ │ ├── stringify.d.ts │ │ ├── stringify.js │ │ ├── symbols.js │ │ ├── terminal-highlight.js │ │ ├── tokenize.js │ │ ├── warn-once.js │ │ ├── warning.d.ts │ │ └── warning.js │ └── package.json ├── rollup │ ├── LICENSE.md │ ├── README.md │ ├── dist │ │ ├── bin │ │ │ └── rollup │ │ ├── es │ │ │ ├── getLogFilter.js │ │ │ ├── package.json │ │ │ ├── rollup.js │ │ │ └── shared │ │ │ │ ├── node-entry.js │ │ │ │ └── watch.js │ │ ├── getLogFilter.d.ts │ │ ├── getLogFilter.js │ │ ├── loadConfigFile.d.ts │ │ ├── loadConfigFile.js │ │ ├── rollup.d.ts │ │ ├── rollup.js │ │ └── shared │ │ │ ├── fsevents-importer.js │ │ │ ├── index.js │ │ │ ├── loadConfigFile.js │ │ │ ├── rollup.js │ │ │ ├── watch-cli.js │ │ │ ├── watch-proxy.js │ │ │ └── watch.js │ └── package.json ├── source-map-js │ ├── CHANGELOG.md │ ├── LICENSE │ ├── README.md │ ├── lib │ │ ├── array-set.js │ │ ├── base64-vlq.js │ │ ├── base64.js │ │ ├── binary-search.js │ │ ├── mapping-list.js │ │ ├── quick-sort.js │ │ ├── source-map-consumer.js │ │ ├── source-map-generator.js │ │ ├── source-node.js │ │ └── util.js │ ├── package.json │ ├── source-map.d.ts │ └── source-map.js ├── vite │ ├── LICENSE.md │ ├── README.md │ ├── bin │ │ ├── openChrome.applescript │ │ └── vite.js │ ├── client.d.ts │ ├── dist │ │ ├── client │ │ │ ├── client.mjs │ │ │ ├── client.mjs.map │ │ │ ├── env.mjs │ │ │ └── env.mjs.map │ │ ├── node-cjs │ │ │ └── publicUtils.cjs │ │ └── node │ │ │ ├── chunks │ │ │ ├── dep-98d4beff.js │ │ │ ├── dep-bb8a8339.js │ │ │ ├── dep-c423598f.js │ │ │ ├── dep-e4a495ce.js │ │ │ └── dep-f0c7dae0.js │ │ │ ├── cli.js │ │ │ ├── constants.js │ │ │ ├── index.d.ts │ │ │ └── index.js │ ├── index.cjs │ ├── package.json │ └── types │ │ ├── customEvent.d.ts │ │ ├── hmrPayload.d.ts │ │ ├── hot.d.ts │ │ ├── importGlob.d.ts │ │ ├── importMeta.d.ts │ │ ├── metadata.d.ts │ │ └── package.json └── vue │ ├── LICENSE │ ├── README.md │ ├── compiler-sfc │ ├── index.browser.js │ ├── index.browser.mjs │ ├── index.d.mts │ ├── index.d.ts │ ├── index.js │ ├── index.mjs │ ├── package.json │ └── register-ts.js │ ├── dist │ ├── vue.cjs.js │ ├── vue.cjs.prod.js │ ├── vue.d.mts │ ├── vue.d.ts │ ├── vue.esm-browser.js │ ├── vue.esm-browser.prod.js │ ├── vue.esm-bundler.js │ ├── vue.global.js │ ├── vue.global.prod.js │ ├── vue.runtime.esm-browser.js │ ├── vue.runtime.esm-browser.prod.js │ ├── vue.runtime.esm-bundler.js │ ├── vue.runtime.global.js │ └── vue.runtime.global.prod.js │ ├── index.js │ ├── index.mjs │ ├── jsx-runtime │ ├── index.d.ts │ ├── index.js │ ├── index.mjs │ └── package.json │ ├── jsx.d.ts │ ├── macros-global.d.ts │ ├── macros.d.ts │ ├── package.json │ ├── ref-macros.d.ts │ └── server-renderer │ ├── index.d.mts │ ├── index.d.ts │ ├── index.js │ ├── index.mjs │ └── package.json ├── package-lock.json ├── package.json ├── postcss.config.js ├── public └── vite.svg ├── src ├── App.vue ├── assets │ ├── main.css │ └── vue.svg ├── components │ ├── AnimalCard.vue │ ├── Child.vue │ ├── Counter.vue │ ├── Emits │ │ ├── Child.vue │ │ └── Parent.vue │ ├── GrandParent.vue │ ├── Inputs.vue │ ├── Parent.vue │ ├── Projects │ │ └── PokemonApiExample │ │ │ ├── composables │ │ │ ├── usePokemon.js │ │ │ └── useTodos.js │ │ │ └── index.vue │ ├── TwoWayBinding.vue │ ├── VueDirectives.vue │ ├── VueInstanceHooks.vue │ └── VueSlots.vue ├── main.js ├── pages │ ├── About.vue │ ├── Home.vue │ ├── NotFound.vue │ ├── User.vue │ ├── UserGeneric.vue │ └── Users.vue └── router │ └── index.js ├── tailwind.config.js ├── vite.config.js └── yarn.lock /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iykeevans/altschool-class-of-vue/fc9b71d650a6d898f1e0b36b5fed970d4c77bea2/.DS_Store -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules -------------------------------------------------------------------------------- /Class1/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | .DS_Store 12 | dist 13 | dist-ssr 14 | coverage 15 | *.local 16 | 17 | /cypress/videos/ 18 | /cypress/screenshots/ 19 | 20 | # Editor directories and files 21 | .vscode/* 22 | !.vscode/extensions.json 23 | .idea 24 | *.suo 25 | *.ntvs* 26 | *.njsproj 27 | *.sln 28 | *.sw? 29 | -------------------------------------------------------------------------------- /Class1/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"] 3 | } 4 | -------------------------------------------------------------------------------- /Class1/README.md: -------------------------------------------------------------------------------- 1 | # alt-school-vue3 2 | 3 | This template should help get you started developing with Vue 3 in Vite. 4 | 5 | ## Recommended IDE Setup 6 | 7 | [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin). 8 | 9 | ## Customize configuration 10 | 11 | See [Vite Configuration Reference](https://vitejs.dev/config/). 12 | 13 | ## Project Setup 14 | 15 | ```sh 16 | npm install 17 | ``` 18 | 19 | ### Compile and Hot-Reload for Development 20 | 21 | ```sh 22 | npm run dev 23 | ``` 24 | 25 | ### Compile and Minify for Production 26 | 27 | ```sh 28 | npm run build 29 | ``` 30 | -------------------------------------------------------------------------------- /Class1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 |Thank you Michael!
4 | 5 | 6 | 7 | 8 |
8 |
{{ post.body }}
4 | 5 | 6 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /Class1/src/pages/Posts.vue: -------------------------------------------------------------------------------- 1 | 2 |{{ post.body }}
14 | 15 |