This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3, Vite, Tailwind css and Fontawesome 6.

• @ path is defined as ./src
• ~ path is defined as ./node_modules
• § path is defined as ./fontawesome
• npm run dev : launch development environment and serve it to https://localhost:5173
• npm run build : compile, optimize and minify to dist/ directory
• npm run preview : serve dist/ directory to https://localhost:4173

• Simply copy this repo with "Use this template" or fork it
• Clone your new repo
• issue "npm i" in your local clone
• decompress _sensitive_datas with PROJECT_ROOT=pwd ./_sensitive_datas/restore_sensitive_datas
• issue "./launch-serve-azure"
• browser https://localhost:8788

• Tailwind is embedded with my default theme in tailwindcss.config.cjs
• All classes are availables in development environment (usefull for UI debug with devtools)
• Built css is parsed by Purgecss for removing all unused classes, take a look to postcss.config.cjs

• Fontawesome 6 Free is embedded
• Please use fas, fal, fab… classes rather thant fa-solid, fa-light… (see §/fontawesome/fontawesomeminify.ts)
• When you build your app, §/fontawesome/fontawesomeminify.ts is run for subsetting roughly all Fontawesome fonts.
• The main idea is to scan the produced css files, extract all unicode codes and try to subsetting all fa-*.ttf fonts with this unicode list. When done woff/woff2 are derived from the minifyied Truetype font.
• It is very usefull if you use a few icon and probably divide by 30 your Fontawesome fonts size. (remove the task in package.json if you don't want)

• VS Code + Volar

• MIT for my work
• others are under their own license