Overview of the project folders and files structure.

• .github: Folder used by GitHub, containing various things.
• public: Static files, see “Static file serving.
• scripts: Scripts, contains setup script
• src: Source code of the app, described in detail below.****

What is src?

The src folder contains all the source files for your Vue app.

It’s where you should write most of your code.

Folder structure

Overview of what each folder under src is about:

• api: Contains services utility for consuming api*.*
  • resource.js : axios instance
  • handler.js : request and response handler
• assets: • Where you put any assets that are imported into your components
• common: Contains everything that cannot be categorized as a module. See documentation below.
• config: Contains stage config that we can use to change app behavior.
• layouts: Contains the layouts used by pages. See documentation below.
• mixins : The mixins are the parts of javascript code that are reused in different components. In a mixin you can put any component’s methods from Vue.js they will be merged with the ones of the component that uses it.
• modules: Contains related pieces of code (components, store, utils, services) grouped together. See documentation below.
• plugins: plugins registration and config that I use in some components, such as filters, apex-chart, and vuetify
• router: Vue router instance and router guard
• store:  Vuex instance including default root and authentication state