How to use component in different framework

[tavisca-nilesh]

I want to use components built in svelte in microfrontend application. i have following questions
How can we use these components in angular?
how to generate bundle or npm package so that I can use it in any framework? npm run publish not working
could you please add some descriptions and roles of each file in the template?

[YogliB]

First off, when using Svelte components outside a Svelte app you'll need to compile them, so this template isn't the best choice and I think you should check out the official template which uses Rollup for the job.

after compiling and publishing, you can consume your components like so:

import SvelteComponent from 'my-svelte-component';

// Angular specific
@ViewChild('myDiv') myDiv: ElementRef<HTMLDivElement>; 

// This will work only after AfterViewInit was called (or inside it)
const myComponent = new SvelteComponent({
    target: myDiv,
    props: {
    // assuming SvelteComponent.svelte contains something like
    // `export let answer`:
        answer: 42
    }
})

you can see the full API here.

For publishing a component, have a look here.

Hope this helps!

[tavisca-nilesh]

Got it. Thanks a lot.