docs: add project structure documentation

docs/.vitepress/config.mts

@@ -18,7 +18,12 @@ export default {
       collapsible: false,
       collapsed: false,
       useTitleFromFileHeading: true,
-      sortByFileName: ['getting-started.md', 'build-configuration.md', 'npm-scripts.md']
+      sortByFileName: [
+        'getting-started.md',
+        'build-configuration.md',
+        'project-structure.md',
+        'npm-scripts.md'
+      ]
     }),
     socialLinks: [{ icon: 'github', link: repository.url.replace('.git', '') }]
   }

docs/project-structure.md

@@ -0,0 +1,60 @@
+# Project Structure
+
+```
+/
+├─ .github - GitHub files (only used for Vutron GitHub project contributions)
+│  └─ ISSUE_TEMPLATE/
+│  └─ resources/ - GitHub resources used for README.md, etc.
+│  └─ workflows/ - GitHub workflows definition
+│  └─ dependabot.yml
+│  └─ FUNDING.yml
+├─ buildAssets - Package resource (icon, logo, etc.) file used for Electron build
+│  └─ icons/
+├─ dist/ - Output directory used to build the package
+├─ docs/ - Project documents (optionally enabled)
+│  └─ .vitepress/
+│  │  │  └─ config.mts - VitePress configuration file used for document hosting
+│  └─ public/ - Root resource directory for VitePress documentation pages
+├─ node_modules/
+├─ src/
+│  ├─ main/ - Main (Electron) process source code
+│  │  ├─ utils/ - Main process utilities
+│  │  │  └─ Constants.ts - Main global definition
+│  │  │  └─ Menus.ts - Main global menu definition
+│  │  └─ index.ts - Main process entry point
+│  │  └─ MainRunner.ts - Main process main window processing
+│  ├─ preload/ - Preload (Electron-Vue communication bridge) process source code
+│  │  └─ index.ts
+│  ├─ renderer/ - Renderer (Vue) process source code
+│  │  ├─ components/ - Vue components collection
+│  │  │  └─ layout/ - Layout components
+│  │  ├─ locales/ - Vue i18n language resource file
+│  │  ├─ plugins/ - Vue plugin definition
+│  │  ├─ public/ - Vue static resources
+│  │  │  └─ images/
+│  │  ├─ router/ - Vue routing definition
+│  │  ├─ screens/ - Vue screen component
+│  │  │  └─ ErrorScreen.vue - Screen displayed when renderer process and routing errors occur
+│  │  │  └─ MainScreen.vue
+│  │  │  └─ SecondScreen.vue - Sample screen
+│  │  ├─ store/ - Pinia store (Global state management) definition
+│  │  ├─ utils/ - Renderer process utilities
+│  │  ├─ App.vue - Vue app's root component
+│  │  ├─ index.html - Root static index loaded by Electron renderer process
+│  └─ └─ main.ts - Renderer process entry point
+├─ .editorconfig - Editor recommended configuration file for IDE
+├─ .eslintignore - List of files to be ignored by ESLint
+├─ .eslintrc.json - ESLint rule configurations
+├─ .gitignore - List of files to not upload to Git
+├─ .prettierignore - List of files to disable Prettier file formatting
+├─ .prettierrc - Prettier rule configurations
+├─ CODE_OF_CONDUCT.md - Files used only on GitHub
+├─ electron-builder.json5
+├─ LICENSE - Project license file
+├─ package.json - NodeJS package configurations
+├─ package-lock.json
+├─ tsconfig.json - TypeScript configurations
+├─ tsconfig.node.json - TypeScript configurations
+├─ vite.config.ts - Vite compiler build configurations
+└─ README.md - Files used only on GitHub
+```