Fixed active class not showing correctly

frontend/src/App.vue

@@ -93,4 +93,18 @@ export default {
   .grey{
     color: #ccc;
   }
+
+  .ui.secondary.menu .router-link-exact-active{
+    box-shadow: none;
+    background: rgba(0,0,0,.05);
+    color: rgba(0,0,0,.95);
+    border-radius: .28571429rem;
+    align-self: center;
+    border: none;
+    padding: .78571429em .92857143em;
+    margin: 0 .35714286em;
+    -webkit-transition: color .1s ease;
+    transition: color .1s ease;
+    font-weight: 400;
+  }
 </style>

frontend/src/router/index.js

@@ -109,6 +109,5 @@ export default new Router({
       name: 'item-edit',
       component: ItemsAddEdit
     }
-  ],
-  linkActiveClass: 'active'
+  ]
 })

models/books_list.go

@@ -53,6 +53,7 @@ func ListBooks(searchterm string) (books []*Book, err error) {
 		for _, pub := range pubs {
 			if pub.ID == book.PublisherID {
 				books[i].Publisher = pub
+				break // Take the first quantity you find and exit
 			}
 		}