Estoy usando los botones de la biblioteca de cordones en mi barra de menú y debajo está mi código para resaltar un menú específico cuando se selecciona:

 <sl-button slot="trigger" variant="text" size="large" caret class=${classMap({ 'nav-button': true, current__route: this.route === '/mysite/root/', nav__open: this.about, })} ><a class="link" href="/mysite/root/">About</a></sl-button> <sl-menu> <sl-menu-item value="/mysite/root/firstpage/" ><a href="/mysite/root/firstpage/" >First Page</a ></sl-menu-item > <sl-menu-item value="/mysite/root/secondpage/"> <a href="/mysite/root/secondpage/" >Second Page</a > </sl-menu-item> </sl-menu>

De acuerdo con el código anterior, cuando hago clic en el menú "Acerca de", se asigna la clase. Sin embargo, me gustaría resaltar el menú "Acerca de" cuando se hace clic en los elementos del menú "Primera página" o "Segunda página". para eso tengo que comparar las rutas URL en:

 current__route: this.route === '/mysite/root/'

¿Alguien puede guiarme sobre cómo usar comodines para buscar URL o usar la clase 'en' para verificar múltiples rutas de URL? Probé la siguiente opción y no funcionó:

 current__route: this.route in ['/mysite/root/','/mysite/root/firstpage/','/mysite/root/secondpage/']

¿alguna ayuda?