Directory Structure

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

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

berry-vuetify-vue
..

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

Last updated