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

# Directory Structure

Under th&#x65;**`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
│   ├── layouts
│   │   ├── blank
│   │   ├── full
│   ├── plugins
│   ├── router                    -> Different route based on layouts
│   ├── SCSS                      -> Theme overrides styles
│   ├── stores                    -> Getters and Actions
│   ├── theme                     -> Contains theme style and theme
│   │   ├── DarkTheme.  
│   │   ├── LightTheme.ts
│   ├── types                     -> Types for TypeScript
│   ├── utils
│   │   ├── locales               -> Languages .json files
│   │   ├── helpers    
│   ├── views                     -> All Page views
│   ├── App.vue                   -> Starting point of application
│   ├── config.ts                 -> Template const value & live customizer
│   ├── index.ts                  -> Application root ts file
├── tsconfig.vite-config.json
├── tsconfig.json
├── index.html             
├── package.json
```
{% endtab %}
{% endtabs %}
