Установить активный класс в роутере-ссылка вю, когда дополнительный param в родительский маршрут

У меня есть необязательный lang.

Когда я использую маршрут foo в /:lang?/foo, проходящем <a/>param, он совпадает с этим маршрутом и правильно добавляет a langкласс для .router-link-active.

Однако во многих местах моего проекта я не передавал никаких параметров в <a/>, и в global router navigation guard router-linkя устанавливаю beforeEachparam, если никто не передается. В этом случае langне будет добавлять активный класс, так как он не соответствует маршруту, потому что отсутствует param в router-linkprop.

Как я могу заставить логику сопоставления игнорировать этот необязательный параметр для всех маршрутов, поэтому у меня есть langи .router-link-active классы добавил?

Вот jsfiddle, с которым я играл, где я хочу, чтобы первая ссылка была красной.

Ниже приведены соответствующие части:

.router-link-exact-active

  <router-link :to="{name: 'foo'}">/foo</router-link>
  <router-link :to="{name: 'foo', params: {lang: 'en'}}">/en/foo</router-link>