Nested routes click to parent problem about svelte-spa-router HOT 3 CLOSED

<script>
  import Router, { push } from 'svelte-spa-router'
  import CallEditView from './CallEditView.svelte'
  import { onMount } from 'svelte'

  const routes = {
    '/call/edit/:id': CallEditView
  }

  onMount(async () => {
	console.log('mounted')
  })

  // this is only called one time, when the page load, but not wenn you push the button
  // (onMount / async stuff fake)
  setTimeout( () => {
    push('/call/edit/1')
  }, 1000)
</script>

<button on:click={() => push('/call/') }>Go to /call/</button><br>

<Router {routes}></Router>

<script>
  import Router, {push, location} from 'svelte-spa-router'
  import CallEditView from './CallEditView.svelte'
  import {onDestroy} from 'svelte'

  const routes = {
    '/call/edit/:id': CallEditView
  }

  const unsubscribe = location.subscribe((val) => {
    setTimeout( () => {
        console.log('pushing')
        push('/call/edit/1')
    }, 1000)
  })

  onDestroy(async () => {
	unsubscribe()
  })
</script>

<button on:click={() => push('/call/') }>Go to /call/</button><br>

<Router {routes}></Router>