ziko-wrapper/wrappers/solid/solid-wrapper.js

integrate zikojs elements within other ui framework like vue react solidjs svelte astro ...

import {ZikoUIElement} from "ziko"
import { render } from 'solid-js/web'
import { createComponent } from 'solid-js'
function SolidWrapper(Component, props){
    let ui=new ZikoUIElement("div").setAttr({
        dataWrapper : "solid-js"
    }).style({
        display : "contents"
    })
    render(() => createComponent(Component,props), ui.element);
    Object.defineProperty(ui, 'element', {
        get() {
          return this.__ele__.firstChild;
        },
        configurable: false,
      });
    return ui
}

export{
    SolidWrapper
}