-
๐ File based routing
-
๐ Layout system
-
๐ฒ PWA
-
๐ I18n ready
-
๐จ Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
-
๐ฅ Use the new
<script setup>
syntax -
๐ฅ APIs auto importing - use Composition API and others directly
-
๐จ Server-side generation (SSG) via vite-ssg
-
๐ฆ Critical CSS via critters
-
๐ฆพ TypeScript, of course
- Iconify - use icons from any icon sets
unplugin-icons
- icons as Vue components
- Vue Router
vite-plugin-pages
- file system based routingvite-plugin-vue-layouts
- layouts for pages
- Pinia - Intuitive, type safe, light and flexible Store for Vue using the composition api
unplugin-vue-components
- components auto importunplugin-auto-import
- Directly use Vue Composition API and others without importing- VueUse - collection of useful composition APIs
@vueuse/head
- manipulate document head reactively- Vue I18n - Internationalization
vite-plugin-vue-i18n
- Vite plugin for Vue I18n
vite-plugin-pwa
- PWA
- Use Composition API with
<script setup>
SFC syntax
- TypeScript
- yarn - package manager
vite-ssg
- Server-side generation- critters - Critical CSS
- VS Code Extensions
- Vite - Fire up Vite server automatically
- Volar - Vue 3
<script setup>
IDE support - Iconify IntelliSense - Icon inline display and autocomplete
- TailwindCSS Intellisense - IDE support for Tailwind CSS
- i18n Ally - All in one i18n support
Create a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
npx degit zynth17/vitailse my-vitailse-app
cd my-vitailse-app
yarn i # If you don't have yarn installed, run: npm install -g yarn
Just run and visit http://localhost:3000
yarn dev
Just run and visit https://localhost
yarn build && yarn run https-preview
To build the App, run
yarn build
And you will see the generated file in dist
that ready to be served.