Folder Structure

MatDash VueJs Dashboard

                    
📦  
├── 📂 docs                                  > Documentation for the theme  
├── 📂 packages  
│   ├── 📂 main                              > Main demo package  
│   │   ├── 📂 _mockApis                     > Mock API data for testing  
│   │   ├── 📂 assets                        > All assets used in the theme  
│   │   │   ├── 📂 scss                      > SCSS stylesheets for theme styling  
│   │   ├── 📂 components                    > All reusable components  
│   │   │   ├── 📂 apps                      > App-specific components  
│   │   │   ├── 📂 auth                      > Authentication-related components  
│   │   │   ├── 📂 forms                     > All form components  
│   │   │   ├── 📂 landingpage               > Landing page components  
│   │   │   ├── 📂 lc                        > Localization-related components  
│   │   │   ├── 📂 pages                     > Page-level components  
│   │   │   ├── 📂 shared                    > Common components used across the app  
│   │   │   ├── 📂 style-components          > Styled components for UI customization  
│   │   │   ├── 📂 table                     > Table components for data display  
│   │   │   ├── 📂 ui-components             > UI elements like buttons, modals, etc.  
│   │   │   ├── 📂 widgets                   > Dashboard widgets and UI elements  
│   │   ├── 📂 layouts                       > Page layout components  
│   │   │   ├── 📄 blank.vue                 > Blank layout (used for authentication)  
│   │   │   ├── 📄 default.vue               > Default layout for main pages  
│   │   ├── 📂 pages                         > All pages of the theme  
│   │   │   ├── 📂 apps                      > App-related pages  
│   │   │   ├── 📂 auth                      > Authentication pages  
│   │   │   ├── 📂 charts                    > Chart pages for data visualization  
│   │   │   ├── 📂 dashboard                 > Dashboard pages  
│   │   │   ├── 📂 forms                     > Form-related pages  
│   │   │   ├── 📂 theme-pages               > Theme customization pages  
│   │   │   ├── 📂 tables                    > Table-related pages  
│   │   │   ├── 📂 ui-components             > UI components demo pages  
│   │   │   ├── 📂 widgets                   > Widget pages  
│   │   │   ├── 📄 index.vue                 > Main entry page for routing  
│   │   ├── 📂 plugins                       > Additional plugins used in the theme  
│   │   │   ├── 📄 vuetify.ts                 > Vuetify plugin configuration  
│   │   ├── 📂 public                        > Publicly accessible assets  
│   │   │   ├── 📂 images                    > All images used in the theme  
│   │   ├── 📂 router                        > Vue router configuration for navigation  
│   │   ├── 📂 store                         > Vuex store for managing app state  
│   │   │   ├── 📂 apps                      > Store modules for apps  
│   │   │   ├── 📄 auth.ts                   > Authentication state management  
│   │   │   ├── 📄 authUser.ts               > User authentication state  
│   │   │   ├── 📄 customizer.ts             > Theme and layout customizations  
│   │   ├── 📂 theme                         > Theme-level settings and configurations  
│   │   ├── 📂 types                         > TypeScript types for app consistency  
│   │   │   ├── 📂 apps                      > Types related to apps  
│   │   │   ├── 📂 components                > Types for components  
│   │   │   ├── 📂 customers                 > Customer-related types  
│   │   │   ├── 📂 landingpage               > Landing page types  
│   │   │   ├── 📂 themeTypes                > Types for theme settings  
│   │   ├── 📂 utils                         > Utility functions and helpers  
│   │   │   ├── 📂 helpers                   > Helper functions  
│   │   │   ├── 📂 locals                    > Localization utilities  
│   │   │   ├── 📄 axios.ts                  > Axios HTTP client configuration  
│   │   ├── 📄 app.vue                       > Root Vue app component  
│   │   ├── 📄 config.ts                     > Configuration settings for the app  
│   │   ├── 📄 error.vue                     > Error page component  
│   │   ├── 📄 nuxt.config.ts                > Nuxt.js configuration file  
│   │   ├── 📄 package.json                  > Project dependencies and scripts  
│   │   ├── 📄 tsconfig.json                 > TypeScript configuration  
│   ├── 📂 dark                              > Dark mode demo  
│   ├── 📂 horizontal                        > Horizontal layout demo  
│   ├── 📂 minisidebar                       > Mini sidebar layout demo  
│   ├── 📂 rtl                               > Right-to-left (RTL) layout demo  
│   ├── 📂 starterkit                        > Starter template with basic features  
                     
                                    
                  

MatDash VueJs Dashboard

                    
📦
├── 📂 package                    > Main project directory
│   ├── 📂 components             > Reusable UI components
│   │   ├── 📂 auth               > Authentication components
│   │   ├── 📂 dashboard          > Dashboard components
│   │   ├── 📂 layout             > Layout components
│   │   ├── 📂 shared             > Shared components used across pages
│   │   ├── 📂 style-components   > Styled components
│   ├── 📂 data                   > Data-related files
│   │   ├── 📂 dashboard          > Dashboard data
│   ├── 📂 layouts                > Page layout components
│   │   ├── 📄 blank.vue          > Blank layout for authentication pages
│   │   ├── 📄 default.vue        > Default layout for general pages
│   ├── 📂 pages                  > All application pages
│   │   ├── 📂 auth               > Authentication pages
│   │   ├── 📂 ui                 > UI-related pages
│   │   ├── 📄 icons.vue          > Icons page
│   │   ├── 📄 sample-page.vue    > Sample page
│   │   ├── 📄 index.vue          > Main index page
│   ├── 📂 plugins                > Plugins used in the project
│   │   ├── 📄 vuetify.ts         > Vuetify setup file
│   ├── 📂 public                 > Public assets such as images
│   │   ├── 📂 images             > Image assets
│   ├── 📂 scss                   > SCSS styling files
│   ├── 📂 theme                  > Theme configuration files
│   ├── 📂 types                  > TypeScript type definitions
│   ├── 📄 .gitignore             > Git ignore file
│   ├── 📄 .npmrc                 > NPM configuration file
│   ├── 📄 README.md              > Project documentation
│   ├── 📄 app.vue                > Root Vue component
│   ├── 📄 error.vue              > Error page component
│   ├── 📄 nuxt.config.ts         > Nuxt.js configuration file
│   ├── 📄 package.json           > Project dependencies and scripts
│   ├── 📄 tsconfig.json          > TypeScript configuration