Folder Structure
Use below velzon structure for modify and better understand the Velzon.
1. Velzon Vue Folders
Folder | Path | Uses |
---|---|---|
assets |
src/ |
All Assets files here. |
common |
src/ |
All Application Data here. you can add your custom data also |
components |
src/ |
All Components here. you can add your custom components also |
helpers |
src/ |
All Helper files. you can add your custom helper also |
lang |
src/ |
All Language related files. you can add your required language also |
layouts |
src/ |
All Layouts files here. |
routes |
src/ |
You can add new route in src/router/routes.js . |
state |
src/ |
All Application state here. you can added other state also. |
views |
src/ |
All View components here. you can added your components also. |
authUtils.js |
/ |
Firebase Authentication related Code. if you don't have knowledge about this then don't modify it. |
i18n.js |
/ |
Localization related Code. if you don't have knowledge about this then don't modify it. |
App.vue |
/ |
App File of Application. if you don't have knowledge about this then don't modify it. |
main.js |
/ |
Main File of Application. if you don't have knowledge about this then don't modify it. |
2. Velzon Vue Layout Files
File | Path | Uses |
---|---|---|
horizontal.vue |
src/layouts |
Horizontal Layout related code. |
main.vue |
src/layouts |
Main Layout related code. |
twocolumn.vue |
src/layouts |
Twocolumn Layout related code. |
vertical.vue |
src/layouts |
Vertical Layout related code. |
3. Velzon Vue Component Files
File | Path | Uses |
---|---|---|
page-header.vue |
src/components |
Page title component, you can easily customize it. |
footer.vue |
src/components |
Footer component, you can easily customize it. |
menu.vue |
src/components |
Menu component, you can easily customize it. |
nav-bar.vue |
src/components |
Navbar component, you can easily customize it. |
right-bar.vue |
src/components |
Right Sidebar component, you can easily customize it. |
4. Velzon Vue Auth Files
File | Path | Uses |
---|---|---|
login.vue |
src/views/account |
Login view page code, if you need to customize login you can do from this. |
register.vue |
src/views/account |
Registration page view code. |
forgot-password.vue |
src/views/account |
Forget password page view code. |