Project structure

Folder / File name	Description
Finder / ( job , ** )	Folder contains all template source and production files.
job / public	Favicon files.
job / src	All code File and Folders.
job / src / assets	Folder contains fonts , img , json , scss in `assets` .
job / src / componants	This folder contains all common componants files.
job / src / layout	This folder contains all main layout files.
job / src / mixins	This folder contains mixins bootstrap.ts files.
job / src / router	This folder contains router for landing.
job / src / views	This folder contains all .vue file.
job / src / App.vue	This is .vue main file.
job / src / main.ts	This is .ts main file.
job / env.d.ts	This is env.d.ts main file.
job / index.html	This is .html main file.
job / package.json	In This file all packages.
job / tsconfig.app.json	In This file tsconfig.app.json.
job / tsconfig.json	In This file tsconfig.json.
job / tsconfig.node.json	In This file tsconfig.node.json.
job / tsconfig.vitest.json	In This file tsconfig.vitest.json.
job / vite.config.json	In This file vite.config.json.

Note: if you do not use Pro Front-End setup with vue.js and node.js and want directly edit .vue / Scss / ts files you should be looking into dist folder.

Whether you work with Node.js and Vue.js or not you can still take advantage of preprocessors for Vue and .
In this case you might want to learn how to use Vue and Sass.