File Structure

A basic Dashboard usually looks something like this:

.
├── assets
├── components
|   ├── dashboard
|   ├── helper
|   ├── material
|   ├── shared
|   └── index.js
├── helper
|   └── errorHandler.js
├── Layouts
|   ├── Partials
|   | 	└── navBar.vue
|   └── Main.vue
├── router
|   └── index.js
├── store
|   ├── modules
|   | 	└── app.js
|   | 	└── profile.js
|   | 	└── user.js
|   ├── getter.js
|   └── index.js
├── styles
|   ├── material-dasbboard
|   └── index.scss
├── app.js
└── bootstrap.js

An overview of what each of these does:

File / Directory	Description
assets	Use to store statis files.
components	Contain Reuseabe view component for dashboard , shared , material design e.t.c
helper	This consists helper for error handing during api call.
router	Consists of all the router available in the dashboard . This is also used for rendering nav bar .
store	This is used to manage vuex store element.
style	Consists style for material design
app.js	Main js file where instant of vue is loaded
bootstrap.js	Load extra js library for laravel . This is optional