Creating the CQA
To wrap it all up, we’re going to create the client app as a Vuetify project in our projects’ root folder. Let’s navigate to the root folder by using the terminal and typing npm create vuetify
to begin the installation. We’ll use the following settings:
app
as the project’s name- For the preset, we’ll choose the default of
Base (
Vuetify, VueRouter)
- We’ll select TypeScript
- To install dependencies, we’ll select
npm
Once the installation completes, we can open the folder in our IDE to start editing.
First, we’ll make some changes to the vite.config.ts
file, which helps our app to work in our multi-app environment. We’ll add a new property called clearScreen
with a value of false
. This will prevent the process from clearing the logs (which will also contain our servers’ logs). We can simply add it at the bottom of the file.
Next, we’ll locate the server
and...