The arrangement below describes our file structure.

• Cork
  • dist
    • all the production build files generated here
  • public
    • index.html - project startup file
  • src
    • assets
      • base
        • all the base css files including sass color variables and utilities
      • images
        • all the image files
      • sass
        • all the css files and folders
    • components
      • all the vue js components
    • layouts
      • all the app layouts
    • locales
      • all the locale files for multilangual
    • router
      • vuejs router file
    • store
      • vuejs store file
    • views
      • all the app pages
    • app-setting.js - custom app setting configuration file for layout, menu and theme
    • App.vue - vuejs project startup file
    • i18n.js - multilangual configuration file
    • main.js - vuejs entry point file
    • static
      • all static files
  • .editorconfig
  • .gitignore
  • .prettierrc
  • babel.config.js
  • jsconfig.json
  • package.json
  • theme.config.js
  • vue.config.js

The arrangement below describes our file structure.

• Cork
  • routes
    • all laravel routes files
  • public
    • css
      • all build css will be saved here
    • images
      • all webpack processed images will be saved here
    • fonts
      • all build fonts will be saved here
    • js
      • all build js will be saved here
    • favicon.png
  • resources
    • views
      • app.blade.php
    • js
      • theme.config.js
      • jsconfig.json
      • src
        • assets
          • base
            • all the base css files including sass color variables and utilities
          • images
            • all the image files
          • sass
            • all the css files and folders
        • components
          • all the vue js components
        • layouts
          • all the app layouts
        • locales
          • all the locale files for multilangual
        • router
          • vuejs router file
        • store
          • vuejs store file
        • views
          • all the app pages
        • app-setting.js - custom app setting configuration file for layout, menu and theme
        • App.vue - vuejs project startup file
        • i18n.js - multilangual configuration file
        • main.js - vuejs entry point file