Folder Structure

Modernize VueJs Dashboard

              
📦
│
├── 📂 docs                                > Documentation for the Theme
├── 📂 figma-file
├── 📂 packages
│   ├── 📂 main                            > Demo
│   │   ├── 📂 public
│   │   ├── 📂 src
│   │   │   ├── 📂 _mockApis                > Mock API data
│   │   │   │   ├── 📂 apps
│   │   │   │   ├── 📂 components
│   │   │   │   ├── 📂 front-pages
│   │   │   │   ├── 📂 landingpage
│   │   │   ├── 📂 assets
│   │   │   │   ├── 📂 images              > All images used in the theme
│   │   │   ├── 📂 components              > App components
│   │   │   │   ├── 📂 apps                > All app components
│   │   │   │   ├── 📂 auth                > Authentication components
│   │   │   │   ├── 📂 dashboards          > All dashboard components
│   │   │   │   ├── 📂 forms               > All form components
│   │   │   │   ├── 📂 frontpages          > Front page components
│   │   │   │   ├── 📂 landingpage         > Landing page components
│   │   │   │   ├── 📂 pages               > All page components
│   │   │   │   ├── 📂 shared              > Common components used across the theme
│   │   │   │   ├── 📂 style-components    > Style/animation components
│   │   │   │   ├── 📂 table               > All table components
│   │   │   │   ├── 📂 ui-components       > All UI components
│   │   │   │   ├── 📂 widgets             > All widget components
│   │   │   ├── 📂 layouts
│   │   │   │   ├── 📂 blank               > Blank layout for auth pages
│   │   │   │   ├── 📂 full                > Full layout for inner pages
│   │   │   ├── 📂 plugins                 > Vue plugins
│   │   │   ├── 📂 router                  > Page routing
│   │   │   ├── 📂 scss                    > Theme SCSS files
│   │   │   │   ├── 📂 components
│   │   │   │   ├── 📂 front
│   │   │   │   ├── 📂 landingpage
│   │   │   │   ├── 📂 layout
│   │   │   │   ├── 📂 pages
│   │   │   │   ├── 📂 theme
│   │   │   ├── 📂 stores                  > Pinia stores
│   │   │   │   ├── 📂 apps
│   │   │   ├── 📂 theme                   > Theme-level customization
│   │   │   ├── 📂 types                   > Define TypeScript types
│   │   │   │   ├── 📂 apps
│   │   │   │   ├── 📂 components
│   │   │   │   ├── 📂 customers
│   │   │   │   ├── 📂 landingpage
│   │   │   │   ├── 📂 themeTypes
│   │   │   ├── 📂 utils
│   │   │   │   ├── 📂 helpers
│   │   │   │   ├── 📂 locales             > Language settings
│   │   │   ├── 📂 views                   > All pages
│   │   │   │   ├── 📂 apps
│   │   │   │   ├── 📂 authentication
│   │   │   │   ├── 📂 charts
│   │   │   │   ├── 📂 dashboard
│   │   │   │   ├── 📂 forms
│   │   │   │   ├── 📂 pages
│   │   │   │   ├── 📂 style-animation
│   │   │   │   ├── 📂 tables
│   │   │   │   ├── 📂 ui-elements
│   │   │   │   ├── 📂 widgets
│   │   │   ├── 📄 App.vue
│   │   │   ├── 📄 config.ts
│   │   │   ├── 📄 main.ts
│   │   ├── 📄 package.json
│   ├── 📂 minisidebar                     > Demo
│   ├── 📂 dark                            > Demo
│   ├── 📂 horizontal                      > Demo
│   ├── 📂 rtl                             > Demo
│   ├── 📂 starterkit                      > Demo