> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/vue/directory-structure.md).

# Directory Structure

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

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

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

{% endtab %}
{% endtabs %}