import {
    defineComponent, isRef, watch
} from 'vue';
import { MicroApp } from './MicroApp';


export const MicroAppWithMemoHistory = defineComponent({
    components: {
        MicroApp
    },
    props: {
        name: {
            type: String,
            required: true
        },
        settings: Object,
        lifeCycles: Object,
        url: String
    },
    setup(props, { attrs }) {
        let microRouter;
        const onRouterInit = (router) => {
            microRouter = router;
            microRouter.push(props.url);
        };
        watch(()=>props.url, () => {
            microRouter.push(props.url);
        });
        return () => <MicroApp onRouterInit={onRouterInit} {...props} {...attrs}></MicroApp>;
    }
});