Directory Structure

A simple and intuitive folder structure makes it easy for you to find what you want.

Under the able-pro-vuetify-vue/ directory, You will find the following folder structure.

Directory Structure

able-pro-vuetify-vue
..

├── public
├── src
│   ├── _mockApis                 -> Mock JSON data to be used for apps
│   ├── assets
│   │   ├── images
│   ├── components
│   ├── composables
│   ├── data
│   ├── layouts
│   │   ├── blank
│   │   ├── component
│   │   ├── dashboard
│   ├── plugins
│   │   ├── vuetify.ts            -> Contains theme style and theme
│   ├── router                    -> Different route based on layouts
│   ├── SCSS                      -> Theme overrides styles
│   ├── stores                    -> Getters and Actions
│   ├── types                     -> Types for TypeScript
│   ├── utils
│   │   ├── locales               -> Languages .json files
│   │   ├── helpers    
│   ├── pages                    -> All Pages
│   ├── App.vue                   -> Starting point of application
│   ├── config.ts                 -> Template const value & live customizer
│   ├── main.ts                   -> Application root ts file
├── tsconfig.vite-config.json
├── vite.config.ts              -> Main configuration file for Vite
├── tsconfig.json
├── eslint.config.js
├── typed-router.d.ts    -->  Auto-generated routes should not be manually edited
├── index.html             
├── package.json