Hola a todos, ¡gracias por apoyarme con estas cosas!

Tengo un caso de uso en el que tengo 2 hosts ejecutados en el mismo proyecto, por ejemplo: host1: " sale.app.com ", host2: " hr.app.com ". En mi proyecto tengo muchos re-usable components usan en muchas páginas ( , ,...), por lo que en el caso de " hr.app.com ", no quiero mostrar esos componentes, quiero deshabilitarlos en " hr.app.com "

=> El primer enfoque que puedo inventar es: puedo verificar un solo componente con routes.name . Pero esos componentes se usan en muchos lugares de mi aplicación, habrá un gran código de duplicación. Así que no uso este enfoque. No quiero este enfoque como el siguiente.

 <project v-if="['app.sale'].indexOf($route.name) > -1"></project>

Entonces, ¿tiene algún enfoque para mi caso de uso? Algo así como mecanismo vue-router o algo que no sé. Por favor, háganme saber si tienen alguna recomendación para este caso de uso.

 Thank you guy so so much !!