From 5552a244e30e8f7bae4e5fb4830df551abb5cccc Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Fri, 31 Aug 2018 10:47:46 -0700
Subject: [PATCH] Set the default active class for router links

This makes the selected region in the Splatfest history dropdown appear correctly.
---
 src/web/components/splatoon/SplatfestHistoryDialog.vue | 2 +-
 src/web/router.js                                      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/web/components/splatoon/SplatfestHistoryDialog.vue b/src/web/components/splatoon/SplatfestHistoryDialog.vue
index 81a619a..309316e 100644
--- a/src/web/components/splatoon/SplatfestHistoryDialog.vue
+++ b/src/web/components/splatoon/SplatfestHistoryDialog.vue
@@ -14,7 +14,7 @@
                             class="font-splatoon2 is-right-tablet"
                             trigger-class="button is-clear font-splatoon2"
                             >
-                            <router-link v-for="region in regions" class="dropdown-item" :key="region.key" :to="region.route">
+                            <router-link v-for="region in regions" class="dropdown-item" :key="region.key" :to="region.route" exact>
                                 {{ region.name }}
                             </router-link>
                         </DropdownBase>
diff --git a/src/web/router.js b/src/web/router.js
index 6f50b0a..996b090 100644
--- a/src/web/router.js
+++ b/src/web/router.js
@@ -61,6 +61,7 @@ const routes = [
 
 const router = new VueRouter({
     mode: 'history',
+    linkActiveClass: 'is-active',
     routes,
 });