Setting up Vuetify

We are going to take a look at the example code inside the chapter08/vuetify/components directory. The example code demonstrates how to use the Vuetify framework. Before running the sample code, make sure you run the following command from inside the chapter08/vuetify/components directory to install all the necessary components:

npm install

Once the installation is complete, run the sample code using the following command:

npx vue-cli-service serve

Once the server is up and running, you will get an output as shown in Figure 8.1:

Figure 8.1: Output from running npx

You can access the application using the URL specified in the output – for example, http://localhost:8080. Figure 8.2 shows the output of the application:

Figure 8.2: Output from the sample app

The sample app displays the different components that are available inside Vuetify. As you can see, there are components available for...