CLI based dynamic component or page generation for Vue.js. No HTML or CSS just JSON to create UI.

Installation

Glameow is available as an npm package.

``sh
npm install glameow -g
`

Usage as command

`sh


generate component and page

glameow generate

generate component

glameow generate component

generate page

glameow generate page

help

glameow generate --help

or skip installation and use via npx

usage options

-p, --filepath File path url for component or page
-d, --destination Destination path url
-o, --overwrite Overwrite existing files or default is false
-c, --cwd Set base working directory or default to 'process.cwd()'
-w, --watch Watch for file changes and update component/page instantaneously
-sr, --skipRegister Skip writing to globally registered components or default is false
-h, --help Output usage information
`

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.

Contributing

We'd greatly appreciate any contribution you make. :D

License

This project is licensed under the terms of the
MIT license.