[v5] Integrate a routable page in a popup

I’m using F7v5 for the moment. I plan to migrate soon.

Following my question :

And resources here like that :

I would like to put the page in popup rather than displaying it as a standalone page. But now, when I call the page, there are parameters.

In my case, the requested page is that of an article linked to an id.

How to display the popup with the correct article each time?

HTML :

<a class="popup-open" href="#" data-popup=".popup-article">
    // ... call page /article/0XNLY1
</a>

[...]

<!-- Popup article-->
<div class="popup popup-article">
  <div class="view">
    <div class="page">
      <div class="page-content text-align-center">
        <div class="row no-gutters">
          <div class="col align-self-center text-white text-align-center">
            <div class="block">
              <div class="col align-self-center mb-5">
                <p class="mb-5">Chargement<br><br>en cours ...</p>
              </div>
            </div>
            <div class="block">
              <div class="loaderhorizontal">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

routes.js :

{
  path: '/article/:idHashed',
  componentUrl: 'pages/article.html',
  async: function (routeTo, routeFrom, resolve, reject) {
    var router   = this;
    var app      = router.app;
    app.preloader.show();
    var idHashed = routeTo.params.idHashed;
    app.request.post(siteUrl + '/hashedPath/article/' + idHashed, (res) => {
      app.preloader.hide();
      var res = JSON.parse(res);
      if (res.status) {
        articleNotifError.open();
      } else {
        resolve(
        {
          componentUrl: 'pages/article.html',
        },
        {
          context: {
            data: res
          }
        });
      }
    });
  }
},

How to do it by taking the id parameter in the request ?