From 25f78cc3002a13ffa330b4c0c1f38abed2f907dd Mon Sep 17 00:00:00 2001
From: Xevion <xevioni@yandex.com>
Date: Sun, 22 May 2022 18:19:32 -0500
Subject: [PATCH] Fix clickable unlinked area around navbar items

---
 src/App.vue | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 70c6971..48f564e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,21 +16,15 @@
                 </b-navbar-brand>
                 <b-collapse id="nav-collapse" is-nav>
                     <b-navbar-nav>
-                        <b-nav-item href="#">
-                            <router-link :to="{ name: 'Home' }" class="no-link">
-                                Home
-                            </router-link>
-                        </b-nav-item>
-                        <b-nav-item href="#">
-                            <router-link :to="{ name: 'About' }" class="no-link">
-                                About
-                            </router-link>
-                        </b-nav-item>
-                        <b-nav-item href="#">
-                            <router-link :to="{ name: 'Characters' }" class="no-link">
-                                Characters
-                            </router-link>
-                        </b-nav-item>
+                        <router-link :to="{ name: 'Home' }" class="nav-link no-link">
+                            Home
+                        </router-link>
+                        <router-link :to="{ name: 'About' }" class="nav-link no-link">
+                            About
+                        </router-link>
+                        <router-link :to="{ name: 'Characters' }" class="nav-link no-link">
+                            Characters
+                        </router-link>
                     </b-navbar-nav>
                 </b-collapse>
             </b-navbar>