Adding Vuesax to the application

In the following steps, we will cover how to add the Vuesax UI library to your Vue application. Follow these instructions to do it correctly:

1. Open Terminal (macOS or Linux) or Command Prompt/PowerShell (Windows) and execute the following command:

> npm install --save vuesax material-icons

2. Create a file called style.css in the src folder and open it.
3. Import the vuesax, material-icon, and Open Sans font stylesheets:

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,
    800i&display=swap');
@import url('~vuesax/dist/vuesax.css');
@import url('~material-icons/iconfont/material-icons.css');

* {
  font-family: 'Open Sans', sans-serif;
}

4. Open the main.js file in the src folder.
5. Import the style.css file and Vuesax. After that, you need to inform Vue to use Vuesax:

import './server/server';
import Vue from 'vue';
import App from './App.vue...