Route async tablet/movil about framework7 HOT 1 OPEN

<template>
<div class="page" data-name="about">
  <div class="navbar">
    <div class="navbar-bg"></div>
    <div class="navbar-inner sliding">
      <div class="left">
        <a href="#" class="link back">
          <i class="icon icon-back"></i>
          <!-- <span class="if-not-md">Back</span> -->
        </a>
      </div>
      <div class="title">${titulo_pagina}</div>
    </div>
  </div>

  <div class="page-content">
    
    <div class="list links-list list-strong inset">
      <ul>
        <li><a href="/presupuestos/${id_bod}/" data-reload-detail="true">Presupuestos</a></li>
        <li><a href="/eventos/" data-reload-detail="true">Eventos</a></li>
      </ul>
    </div>
  
  </div>

</div>  
</template>

{
    path: '/bodas-mas/:id_bod/',
    component: BodasMas,
    master: true,  // Indica que esta es la ruta maestra para el diseño master-detail
    detailRoutes: [
      {
        path: '/presupuestos/:id_bod/',
        component: Presupuestos,
      },
    ]
  },