Folder Structure
Modernize Nuxtjs 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
Modernize Nuxt Dashboard
📦
│── 📁 package > Main package directory
│ │── 📁 components > Reusable components
│ │ │── 📁 auth > Authentication components
│ │ │── 📁 dashboard > Dashboard-specific components
│ │ │── 📁 layout > Layout components
│ │ │── 📁 shared > Shared components
│ │ └── 📁 style-components > Style-related components
│ │── 📁 data > Data handling and mock APIs
│ │ └── 📁 dashboard > Dashboard data files
│ │── 📁 layouts > Layout views
│ │ │── 📄 blank.vue > Blank layout
│ │ └── 📄 default.vue > Default layout
│ │── 📁 pages > Page components
│ │ │── 📁 auth > Authentication pages
│ │ │── 📁 ui > UI elements
│ │ │── 📄 icons.vue > Icons page
│ │ │── 📄 sample-page.vue > Sample page
│ │ └── 📄 index.vue > Home page
│ │── 📁 plugins > Plugins for the project
│ │ └── 📄 vuetify.ts > Vuetify plugin configuration
│ │── 📁 public > Public assets
│ │ └── 📁 images > Image assets
│ │── 📁 scss > SCSS stylesheets
│ │── 📁 theme > Theme configurations
│ │── 📁 types > TypeScript types
│── 📄 .gitignore > Git ignore file
│── 📄 .npmrc > NPM configuration
│── 📄 README.md > Project information
│── 📄 app.vue > Main application file
│── 📄 error.vue > Error page
│── 📄 nuxt.config.ts > Nuxt configuration
│── 📄 package.json > Project dependencies
│── 📄 tsconfig.json > TypeScript configuration