Project Overview
Bimble Chat Vue follows Vue 3 and Vite best practices for project organization.
Root Directory
bimble-chat-vue
- 15kb
index.html
Main HTML entry point
package.json
Dependencies and scripts
vite.config.js
Vite configuration
tsconfig.json
TypeScript configuration
public
Static assets
documentation
Project docs
src
Application source code
Source Directory (src/)
src
App.vue
Root Vue component
main.js
Application entry point
assets
Images, logos, static files
layouts
Layout components
blank
BlankLayout.vue
full
FullLayout.vue
views
Page components
auth
Login, Register pages
main
Chat, Calls, Contacts
common
Shared page components
stores
Pinia state management
router
Vue Router configuration
scss
Global styles and themes
utils
Utility functions
mockApis
Mock API data
Key Directories
layouts/
Reusable layout components (FullLayout, BlankLayout)
views/
Page components organized by features (auth, main, common)
stores/
Pinia state management (chat, settings, colorScheme)
scss/
Global styles, themes, and Vuetify overrides
Naming Conventions
Vue Components
PascalCase
ChatMessage.vue
UserProfile.vue
Directories
lowercase / kebab-case
components/
video-call/
Store Files
camelCase + Store
chatStore.ts
settingsStore.ts
Style Files
kebab-case
_variables.scss
_override.scss