{"library":"mcl-ui-framework","title":"MCL UI Framework","description":"A Vue 3 + TypeScript UI component library built on Element Plus, tailored for Chinese enterprise middle-backend systems. Current stable version is 1.0.12, released as an alpha-quality package with sparse documentation and no changelog. It offers layout components (header, sidebar, content), theme toggling (multiple colors, dark mode with localStorage persistence), and routing integration via meta properties. Compared to alternatives like Ant Design Vue or Naive UI, it provides a simpler API but lacks community adoption and maturity.","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install mcl-ui-framework"],"cli":null},"imports":["import MclUI from 'mcl-ui-framework'","import 'mcl-ui-framework' // then use <mcl-layout> globally","import 'mcl-ui-framework/dist/mcl-ui-framework.css'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import { createApp } from 'vue';\nimport App from './App.vue';\nimport router from './router';\nimport MclUI from 'mcl-ui-framework';\nimport 'mcl-ui-framework/dist/mcl-ui-framework.css';\n\nconst app = createApp(App);\napp.use(router);\napp.use(MclUI);\napp.mount('#app');\n\n// Vue component template:\n// <template>\n//   <mcl-layout :routes=\"router.options.routes\" :use-external-routes=\"true\" :router=\"router\">\n//     <router-view />\n//   </mcl-layout>\n// </template>","lang":"typescript","description":"Full setup: install plugin, import CSS, and use layout component with Vue Router.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}