Remove exact prop from router links

front/src/components/Sidebar.vue

@@ -305,8 +305,8 @@
               </router-link>
               <router-link
                 class="item"
-                :exact="true"
                 :to="{name: 'library.index'}"
+                active-class="_active"
               >
                 <i class="music icon" /><translate translate-context="Sidebar/Navigation/List item.Link/Verb">
                   Browse
@@ -376,7 +376,6 @@
             <div class="menu">
               <router-link
                 class="item"
-                :exact="true"
                 :to="{name: 'library.me'}"
               >
                 <i class="music icon" /><translate translate-context="Sidebar/Navigation/List item.Link/Verb">
@@ -444,6 +443,7 @@
               <router-link
                 class="item"
                 to="/about"
+                active-class="router-link-exact-active active"
               >
                 <i class="info icon" /><translate translate-context="Sidebar/*/List item.Link">
                   About this pod

front/src/components/library/Radios.vue

@@ -42,7 +42,6 @@
         v-if="isAuthenticated"
         class="ui success button"
         to="/library/radios/build"
-        exact
       >
         <translate translate-context="Content/Radio/Button.Label/Verb">
           Create your own radio

front/src/router/index.ts

@@ -70,6 +70,7 @@ export default createRouter({
         import('~/components/About.vue')
     },
     {
+      // TODO (wvffle): Make it a child of /about to have the active style on the sidebar link
       path: '/about/pod',
       name: 'about-pod',
       component: () =>

front/src/style/components/_sidebar.scss

@@ -84,7 +84,7 @@
                 margin: 0 0.5em 0 0;
             }
         }
-        .item.active {
+        .item.router-link-exact-active {
             border-right: 5px solid var(--vibrant-color);
             border-radius: 0 !important;
             background: var(--sidebar-active-item-background) !important;

front/src/views/auth/ProfileBase.vue

@@ -106,7 +106,6 @@
               <div class="ui secondary pointing center aligned menu">
                 <router-link
                   class="item"
-                  :exact="true"
                   :to="{name: 'profile.overview', params: routerParams}"
                 >
                   <translate translate-context="Content/Profile/Link">
@@ -115,7 +114,6 @@
                 </router-link>
                 <router-link
                   class="item"
-                  :exact="true"
                   :to="{name: 'profile.activity', params: routerParams}"
                 >
                   <translate translate-context="Content/Profile/*">

front/src/views/channels/DetailBase.vue

@@ -395,7 +395,7 @@
             <div class="ui secondary pointing center aligned menu">
               <router-link
                 class="item"
-                :exact="true"
+
                 :to="{name: 'channels.detail', params: {id: id}}"
               >
                 <translate translate-context="Content/Channels/Link">
@@ -404,7 +404,7 @@
               </router-link>
               <router-link
                 class="item"
-                :exact="true"
+
                 :to="{name: 'channels.detail.episodes', params: {id: id}}"
               >
                 <translate

front/src/views/content/libraries/Card.vue

@@ -66,7 +66,6 @@
       </router-link>
       <router-link
         :to="{name: 'library.detail', params: {id: library.uuid}}"
-        exact
         class="ui button"
       >
         <translate translate-context="Content/Library/Card.Button.Label/Noun">

front/src/views/library/DetailBase.vue

@@ -162,7 +162,7 @@
               <div class="ui secondary pointing center aligned menu">
                 <router-link
                   class="item"
-                  :exact="true"
+
                   :to="{name: 'library.detail'}"
                 >
                   <translate translate-context="*/*/*">
@@ -171,7 +171,7 @@
                 </router-link>
                 <router-link
                   class="item"
-                  :exact="true"
+
                   :to="{name: 'library.detail.albums'}"
                 >
                   <translate translate-context="*/*/*">
@@ -180,7 +180,7 @@
                 </router-link>
                 <router-link
                   class="item"
-                  :exact="true"
+
                   :to="{name: 'library.detail.tracks'}"
                 >
                   <translate translate-context="*/*/*">
@@ -190,7 +190,7 @@
                 <router-link
                   v-if="isOwner"
                   class="item"
-                  :exact="true"
+
                   :to="{name: 'library.detail.upload'}"
                 >
                   <i class="upload icon" />
@@ -201,7 +201,7 @@
                 <router-link
                   v-if="isOwner"
                   class="item"
-                  :exact="true"
+
                   :to="{name: 'library.detail.edit'}"
                 >
                   <i class="pencil icon" />

front/src/views/radios/Detail.vue

@@ -32,7 +32,6 @@
           <router-link
             class="ui icon labeled button"
             :to="{name: 'library.radios.edit', params: {id: radio.id}}"
-            exact
           >
             <i class="pencil icon" />
             Edit…
@@ -100,7 +99,6 @@
         v-if="$store.state.auth.username === radio.user.username"
         class="ui success icon labeled button"
         :to="{name: 'library.radios.edit', params: {id: radio.id}}"
-        exact
       >
         <i class="pencil icon" />
         Edit…