# Directory Structure

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

{% tabs %}
{% tab title="Directory Structure" %}

```javascript
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
```

{% endtab %}
{% endtabs %}