A dynamic UI rendering component library for Vue 3
npm install zxui-tudingA dynamic UI rendering component library for Vue 3 applications.
``bash`
npm install zxui-tuding
`js
import { ZxRenderer, createZxRegistry, zxBuiltinComponents } from 'zxui-tuding';
// Create a registry with built-in components
const registry = createZxRegistry(zxBuiltinComponents());
// Define your UI schema
const schema = {
type: 'zx-div',
props: { style: { padding: '20px' } },
slots: {
default: 'Hello, World!'
}
};
// Use in your Vue component
export default {
components: { ZxRenderer },
data() {
return {
schema,
registry,
model: {}
}
},
template:
:model="model"
:registry="registry"
/>
``
}
MIT