How louismazel/maz-ui works
Maz UI is a Vue/Nuxt component library and toolkit. The main workflow is that an application installs the library, configures its provider/theme and optional plugins, then consumes components and supporting composables, directives, and helpers to build an interactive UI. The README also identifies themes, translations, icons, and Nuxt auto-imports as product capabilities. The supplied tree and excerpts are selective: paths and links for unsampled modules are kept broad, and unsupported implementation wiring is omitted.
Main entry points: src UI Components · main.ts Vue App · composables Composables · app.vue Nuxt Example
Components 19
App Integration
- Vue App
apps/vue-app/src/main.ts - Nuxt Example
apps/nuxt-app/src/app.vue
UI Toolkit
- UI Provider
packages/lib/src - UI Components
packages/lib/src - UI Plugins
packages/lib/src - Composables
packages/lib/src/composables - Image Directives
packages/lib/src/directives - Helpers
packages/utils/src
Shared Packages
- Icon Package
packages/icons/src/index.ts - Translations
- Display Names
packages/lib/src/composables/useDisplayNames.ts - Swipe Handler
packages/utils/src/helpers/swipeHandler.ts
Theme System
- Theme Package
packages/themes/src - Theme State
packages/themes/src/composables/useTheme.ts - Cookie Storage
packages/themes/src/utils/cookie-storage.ts
Documentation Search
- Documentation
- Unified Search
packages/mcp/src/UnifiedSearchService.ts - Search Engine
packages/mcp/src/SearchEngine.ts
Other components
- Application Developer
Connections 18
- Application Developer → Vue App: uses Vue
- Application Developer → Nuxt Example: uses Nuxt
- Vue App → UI Provider: configures
- Vue App → UI Plugins: installs
- Vue App → UI Components: renders
- Nuxt Example → UI Components: auto-imports
- UI Provider → Theme Package: configures theme
- UI Provider → Translations: configures locale
- UI Components → Composables: uses
- UI Components → Image Directives: uses
- Composables → Helpers: uses
- Theme Package → Theme State: exposes
- Theme State → Cookie Storage: persists mode
- Icon Package → UI Components: provides icons
- Composables → Display Names: includes
- Helpers → Swipe Handler: includes
- Documentation → Unified Search: searches
- Unified Search → Search Engine: indexes and queries