ziko-wrapper/wrappers/svelte/svelte-wrapper.js

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

import { UIElement } from "ziko";
import { mount } from "svelte";
function SvelteWrapper(Component, props = {}){
    let ui = new UIElement("div").setAttr({
        dataWrapper : "svelte"
    })
    mount(Component,{
        target : ui.element,
        props
    })
    Object.defineProperty(ui, 'element', {
        get() {
          return this.__ele__.firstChild;
        },
        configurable: false,
      });
    return ui 
}
export {SvelteWrapper}