JSON based dynamic component generation
npm install glameowCLI based dynamic component or page generation for Vue.js. No HTML or CSS just JSON to create UI.
Glameow is available as an npm package.
``sh`
npm install glameow -g
`shgenerate component and page
glameow generate
Example Component
Component is a reusable block which can compose of multiple nested container or component blocks.
`json
{
"node": "component",
"element": "button",
"content": "Generated Button",
"properties": {
"style": {
"height": "60px",
"width": "200px",
"backgroundColor": "blue"
}
}
}
`Example Page
Page is a template block which composes of multiple container or component blocks.
`json
{
"node": "page",
"element": "div",
"meta": {
"title": "Home",
"description": "This is the meta description for the home page"
},
"data": {
"inputValue": "Hello World"
},
"children": [
{
"node": "container",
"element": "div",
"children": [
{
"node": "component",
"element": "input",
"properties": {
"placeholder": "Please input",
"v-model": "inputValue"
}
}
]
}
]
}
`Demo
Please refer the demo repository for sample config within
.glameow` directory. DEMO site created by glameow.We'd greatly appreciate any contribution you make. :D
This project is licensed under the terms of the
MIT license.