├── .gitignore ├── LICENSE ├── README.md ├── index.html ├── netlify.toml ├── package.json ├── postcss.config.js ├── public ├── headshot.jpg ├── highlighted-listbox-composition-api-organized-by-logical-concern.png ├── highlighted-listbox-composition-api-organized-by-options.png └── highlighted-listbox-options-api.png ├── src ├── App.vue ├── components │ ├── IconCheck.vue │ ├── IconGitHub.vue │ ├── ImageWtfsOverTimeLogicalConcerns.vue │ ├── ImageWtfsOverTimeOptions.vue │ ├── ListboxBonus.vue │ ├── ListboxCompositionApiOrganizedByLogicalConcern.vue │ ├── ListboxCompositionApiOrganizedByOptions.vue │ ├── ListboxOptionsApi.vue │ ├── PageNotes.vue │ ├── PageSlides.vue │ ├── SlideEnd.vue │ ├── SlideHighlightedCode.vue │ ├── SlideListboxBonus.vue │ ├── SlideListboxes.vue │ ├── SlideMe.vue │ ├── SlideOrganizationHow.vue │ ├── SlideOrganizationWhat.vue │ ├── SlideOrganizationWhy.vue │ ├── SlideTactics.vue │ ├── SlideTitle.vue │ ├── Slides.vue │ └── ToastListboxKeystrokes.vue ├── composition │ ├── index.ts │ ├── useFadeIn.ts │ ├── useFadeOut.ts │ └── useY.ts ├── entry.ts ├── index.css └── state │ └── options.ts ├── tailwind.config.js ├── tsconfig.json └── vite.config.ts /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | *.local 5 | lib 6 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/README.md -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/index.html -------------------------------------------------------------------------------- /netlify.toml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/netlify.toml -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/postcss.config.js -------------------------------------------------------------------------------- /public/headshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/public/headshot.jpg -------------------------------------------------------------------------------- /public/highlighted-listbox-composition-api-organized-by-logical-concern.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/public/highlighted-listbox-composition-api-organized-by-logical-concern.png -------------------------------------------------------------------------------- /public/highlighted-listbox-composition-api-organized-by-options.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/public/highlighted-listbox-composition-api-organized-by-options.png -------------------------------------------------------------------------------- /public/highlighted-listbox-options-api.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/public/highlighted-listbox-options-api.png -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/App.vue -------------------------------------------------------------------------------- /src/components/IconCheck.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/IconCheck.vue -------------------------------------------------------------------------------- /src/components/IconGitHub.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/IconGitHub.vue -------------------------------------------------------------------------------- /src/components/ImageWtfsOverTimeLogicalConcerns.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/ImageWtfsOverTimeLogicalConcerns.vue -------------------------------------------------------------------------------- /src/components/ImageWtfsOverTimeOptions.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/ImageWtfsOverTimeOptions.vue -------------------------------------------------------------------------------- /src/components/ListboxBonus.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/ListboxBonus.vue -------------------------------------------------------------------------------- /src/components/ListboxCompositionApiOrganizedByLogicalConcern.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/ListboxCompositionApiOrganizedByLogicalConcern.vue -------------------------------------------------------------------------------- /src/components/ListboxCompositionApiOrganizedByOptions.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/ListboxCompositionApiOrganizedByOptions.vue -------------------------------------------------------------------------------- /src/components/ListboxOptionsApi.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/ListboxOptionsApi.vue -------------------------------------------------------------------------------- /src/components/PageNotes.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/PageNotes.vue -------------------------------------------------------------------------------- /src/components/PageSlides.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/PageSlides.vue -------------------------------------------------------------------------------- /src/components/SlideEnd.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/SlideEnd.vue -------------------------------------------------------------------------------- /src/components/SlideHighlightedCode.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/SlideHighlightedCode.vue -------------------------------------------------------------------------------- /src/components/SlideListboxBonus.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/SlideListboxBonus.vue -------------------------------------------------------------------------------- /src/components/SlideListboxes.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/SlideListboxes.vue -------------------------------------------------------------------------------- /src/components/SlideMe.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/SlideMe.vue -------------------------------------------------------------------------------- /src/components/SlideOrganizationHow.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/SlideOrganizationHow.vue -------------------------------------------------------------------------------- /src/components/SlideOrganizationWhat.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/SlideOrganizationWhat.vue -------------------------------------------------------------------------------- /src/components/SlideOrganizationWhy.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/SlideOrganizationWhy.vue -------------------------------------------------------------------------------- /src/components/SlideTactics.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/SlideTactics.vue -------------------------------------------------------------------------------- /src/components/SlideTitle.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/SlideTitle.vue -------------------------------------------------------------------------------- /src/components/Slides.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/Slides.vue -------------------------------------------------------------------------------- /src/components/ToastListboxKeystrokes.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/components/ToastListboxKeystrokes.vue -------------------------------------------------------------------------------- /src/composition/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/composition/index.ts -------------------------------------------------------------------------------- /src/composition/useFadeIn.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/composition/useFadeIn.ts -------------------------------------------------------------------------------- /src/composition/useFadeOut.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/composition/useFadeOut.ts -------------------------------------------------------------------------------- /src/composition/useY.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/composition/useY.ts -------------------------------------------------------------------------------- /src/entry.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/entry.ts -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/index.css -------------------------------------------------------------------------------- /src/state/options.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/src/state/options.ts -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/tailwind.config.js -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/tsconfig.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AlexVipond/organizing-code-by-logical-concern-in-vue-3/HEAD/vite.config.ts --------------------------------------------------------------------------------