<script>
import { fade } from 'svelte/transition'
import View1 from './Component1.svelte'
import View2 from './Component2.svelte'
const views = [View1, View2]
let viewportComponent = null
let currentView = 0
function toggleView() {
currentView = currentView == 0 ? 1 : 0
}
function updateViewportComponent() {
viewportComponent = views[currentView]
}
updateViewportComponent()
</script>
<button on:click={toggleView}>Toggle view</button>
{#if viewportComponent == views[currentView]}
<div id="viewport" on:outroend={updateViewportComponent} transition:fade>
<svelte:component this={viewportComponent}></svelte:component>
</div>
{/if}