Welcome to Vue3 Boilerplate WebPack V2 by Uraharadono

Improved version of Vue 3 boilerplate using WebPack to handle building of project.

List of components/libraries/possibilities:

Typescript 4

Prettier

Vue Router 4

Pinia 2

Vuelidate

NProgress

Datepicker

Vue Qr code

Bootstrap 5

Using only CSS modules we need, not whole bundle and not JS stuff (we are going to implement those our-self)

Axios wrapper

Wanted it to look similar to old jQuery Ajax and to support uploading files out of the box.

FontAwesome icons

I have not implemented FontAwesome using THIS WAY even though merging and combining icons seems like great idea, because I want to be able to use icons dynamically ( using string interpolation). I have used modified version of THIS to load fonts myself. Instead of what is shown in tutorial, I have installed FontAwesome from npm and imported the .scss files myself. Budle size is 1Mb bigger, and with my experience from before, after usage of ~20ish .svg icon, it bloats to almost same size.

Webpack Bundle Analyzer

Analyzes size of your build files. I am using it only when building production, since DevServer is deploying in memory, so there is nothing to analyse