Using this fabulous repo 👍 https://github.com/web2033/vite-vue3-tailwind-starter
Starting a new starter template with Vite, Vue, and TailwindCSS
- Making a Site Work Offline Using the VitePWA Plugin https://css-tricks.com/vitepwa-plugin-offline-service-worker/
- learn to use HeroIcons
- https://unpkg.com/browse/@heroicons/react/outline/
- https://github.com/tailwindlabs/heroicons#vue
- https://heroicons.com/
- https://heroicons.dev/?query=more
- learn to use HeadlessUI
- https://headlessui.dev/vue/menu
- Vite Plugin Pages File system based route generator for ⚡ Vite https://github.com/hannoeru/vite-plugin-pages
- [] vite-plugin-pages based sitemap generator https://github.com/jbaubree/vite-plugin-pages-sitemap
Trying to get the page title to reflect the current navigated page but I can't get anything to work. https://www.youtube.com/watch?v=W6qpsmkuJ8c Not even that one.
Filed an Issue with the repo maintainer 'web2033' and he replied how to fix the navigation issue I was having. Simple solution.
He also recommends this 3rd party addon:
Document head manager for Vue 3.
@vueuse/head is a Vue composition API that helps you manage <title>, and other elements inside document head, it has no dependencies and we always try to keep it as slim as possible.
Was reading about UnCSS and it was mentioned that TailwindCSS stole some of their ideas from WindiCSS.
So now I really want to switch from TailwindCSS to WindiCSS.
Also, the Lead Developer of UnoCSS is Anthony Fu, who also is a Developer of Vite (he also made Vitesse).
MIGRATION GUIDE HERE! https://windicss.org/guide/migration.html https://windicss.org/integrations/vite.html
This keeps getting fucking sweeter and sweeter!!! https://windicss.org/features/analyzer.html
OH SHIT, ICONS! https://windicss.org/posts/v31.html#icon-library-for-windi
SOLUTION!
Reddit commentor suggest axios, as it's easier to work with. So I re-followed the guide and it's working!
:D
Site is live now.
npx unlighthouse --site https://vite-vue3-tailwind-starter.netlify.app/