Vue3 + Vite + Tailwind4 (Starterkit)

vue3-vite-tailwind4-starterkit.sh

# Init Project
npm init -y vite@latest <your_project_name>

# Select a framework:
#  ● Vue

# Select a variant:
#  ● Official Vue Starter (npm create vue@latest)

# Select features to include in your project:
#  ◼ Router (SPA development)
#  ◼ Pinia (state management)
#  ◼ Vitest (unit testing)
#  ◼ End-to-End Testing
#  ◼ Prettier (code formatting)

# Select an End-to-End testing framework:
#  ● Cypress (https://www.cypress.io/)

# Enter inside project dir
cd <your_project_name>

# Add command "check" into package.json
# "scripts": {
#   ...
#   "check": "prettier --check src/"
# }

# Install dependencies
npm install

# Install Tailwind 4
npm install tailwindcss @tailwindcss/vite

# (optional) Install Tailwind forms
npm install -D @tailwindcss/forms

# Install additional packages
npm install vue-i18n
npm install lucide-vue-next
npm install @kyvg/vue3-notification
npm install @vuepic/vue-datepicker

# (optional) check formatted code
npm run check

# (optional) format code before commit
npm run format

# Run project in dev mode
npm run dev