Changing language doesn't break active links

Changing languages would add trailing slashes so links didn't match
oengusio · Jan 21, 2022 · 87a8882 · 87a8882
1 parent fa4cfff
commit 87a8882
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/components/element/Link.vue b/components/element/Link.vue
@@ -22,6 +22,9 @@ import Vue from 'vue';
 import { Location } from 'vue-router';
 import { IsActive } from '~/types/components/is-active';
 
+/** Used to normalize paths to not have trailing slashes */
+const pathFixer = /\/+$/;
+
 export default Vue.extend({
   props: {
     to: {
@@ -37,7 +40,7 @@ export default Vue.extend({
   computed: {
     isActive(): IsActive {
       return {
-        'is-active': !this.noActive && ((this.isHash ? this.$route.hash : this.$route.path) === this.path),
+        'is-active': !this.noActive && ((this.isHash ? this.$route.hash : this.$route.path.replace(pathFixer, '')) === this.path),
       };
     },
     path(): string|Location {