Site Builder

With this you can build an website with just a json object, i also include some components.

Demo

Recommended Installation

Add library:

npm install @scratchuz4k/site-builder

Add to vue:

import { components } from "@scratchuz4k/site-builder";
import "@scratchuz4k/site-builder/dist/style.css";

app.use(components).mount("#app");

List of current Components

• Forms
  • Form
  • FormButton
  • InputText
• Layout
  • Column
  • Row
  • Content
• Misc
  • Tree

Example

<script setup>
const items = [
  {
    component: 'content',
    class: ['mt-10'],
    children: [
      {
        component: 'form',
        class: ['mt-10'],
        children: [
          {
            component: 'row',
            children: [
              {
                component: 'column',
                children: [{  configs: { label: 'Nome Completo' },  component: 'input',}
                ]
              },

            ],
          },
          {
            component: 'row',
            children: [
              {
                component: 'column',
                children: [{  configs: { label: 'Username' },  component: 'input',}
                ]
              },
              {
                component: 'column',
                children: [ { configs: { label: 'Password' }, component: 'input',}
                ]
              }

            ],
          },
          {
            component: 'form-buttons',
          }
        ]
      }
    ]
  }

]
</script>

<template>
  <builder :object="{}" :design="items"></builder>
</template>