Nested routes and refresh problem

Hi! I am having trouble with nested routes. My issue looks very similar to the #86

I’m using version 3.1.2.

When I refresh the page only the top most router handles the event, nested tag route handlers are not called.

Example:

<app>
  <router>
    <route path="path/foo"><inner-tag /></route>
  </router>
</app>

<inner-tag>
  <p>{ name }</p>
  <script>
    this.name = 'loading';
    var r    = route.create()

    r('path/foo',    changeName   )

    function changeName(){
        self.update({
            name:  "Greg"
        })
    }
  </script>
</inner-tag>

When using links, history or pasting url I can only see ‘loading’. However if I manually remove ‘o’ and press enter, and then add ‘o’ and press enter ‘changeName’ gets called.

Calling inside ‘inner-tag’

route.exec();

seems to solve the problem, but it feels that something wrong.

Bug or rtfm ?

[virtuald]

This is still pretty lightly tested, but I reworked the tag routing stuff so that it works correctly recursively. You can also put multiple child routers on a tag, and they’ll all get triggered correctly. It’s very much a break from how the current router tags behave, but it seems to work pretty well and is more intuitive to me.

I don’t have much time to clean it up or PR it, but hopefully someone finds this useful:

https://gist.github.com/virtuald/ac2fabcc37aeb00ecfe7a94e29035c72

[GianlucaGuarini]

Fixed in riot-route@3.1.4 many thanks to @aadilhasan