Dynamic routes using x-handler

[yazalulloa]

Hi, I'm trying to setup a routing solution where the routes are loaded from an api, a path and id, etc, If I setup the x-handler inside a template with x-for it fails with this error. Don't know if this is a bug or limitation

<template x-for="page in pages">
        <a x-bind:id="page.Id"
           x-bind:href="page.Path">
          <template
              x-bind:x-route="page.Path"
              x-handler="[(ctx) => callFunction($el) ]"
          >
          </template>
        </a>
        
      </template>

[rehhouari]

This is a limitation, x-handler here is running immediately while x-route only loads when the pages are loaded and a page is bound to the attribute so it can't detect any route and fails.
Have you considered adding routes programmatically after the routes loaded from the api see the linked example

[yazalulloa]

Yeah I saw how to add them programmatically but since I must set a templateTargetId it does not work with my use case, I ended up rendering the routes in the server and adding them to the DOM.

Thanks for the answer