🔥 Vue 3 + Vue Router + Vite + Typescript + SSR ✔

This starter template includes:

• Vue 3
• Vue Router v4
• Vite
• TypeScript
• Legacy Browsers Support
• Server Side Rendering

Getting Started

npx degit amoramishvili/vue-vite vite-vue
cd vite-vue

yarn
yarn run dev

Tools added:

• axios interceptor
• custom svg loader (v-icon)
• pre-defined validation rules (required|email)

global components

• v-icon

usage

// src/utils/vIcon.ts

// - import svg file
import dislike from "../../assets/icons/dislike.svg";
...

// - then "register" in components object
components: {
    dislike,
},


// finally you can use it in any component
<v-icon name="dislike" />

Browser support

vite uses native ES modules, 92.8% of modern browsers(April 2022) support <script type="module">. We have added a vite's official plugin(Check it out) to support legacy browsers as well, this means that, if your clients are visiting from older browsers, the site will still work (even in IE)

Creators / Maintainers

• @amoramishvili
• @chkhaidzebeka