Way to use material-web on Svelte

[mond210]

at the /routes/layout.svelte (sample)

<script lang="ts">
    import { onMount } from 'svelte';
    import { browser } from '$app/environment';
    import type { MdTabs } from '@material/web/all';

    const MaterialWebTabComponent = browser ? import('@material/web/all') : new Promise(() => {});

    $: tabIndex = 0;

    async function handleChange(event: any) {
        tabIndex = event.target.activeTabIndex;
    }
    let tabs:MdTabs;
    onMount(()=>{
        // Can access tabs value
    })

</script>
{#await MaterialWebTabComponent}
    <p>Loading...</p>
{:then component}
    <div>
        <md-tabs bind:this={tabs} on:change={handleChange}>
            <md-primary-tab active={tabIndex === 0}>A</md-primary-tab>
            <md-primary-tab active={tabIndex === 1}>B</md-primary-tab>
            <md-primary-tab active={tabIndex === 2}>C</md-primary-tab>
        </md-tabs>
    </div>
{:catch error}
    <p>Something went wrong: {error.message}</p>
{/await}