Add route to get a particular book

front/src/router.js

@@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from 'vue-router'
 
 import BooksBrowser from './BooksBrowser.vue'
 import AddBook from './AddBook.vue'
+import BookForm from './BookForm.vue'
 import SignUp from './SignUp.vue'
 import LogIn from './LogIn.vue'
 import Home from './Home.vue'
@@ -11,10 +12,12 @@ import { useAuthStore } from './auth.store'
 const routes = [
   { path: '/', component: Home },
   { path: '/books', component: BooksBrowser },
+  { path: '/book/:id', component: BookForm, props: true },
   { path: '/search/:searchterm', component: SearchBook, props: true },
   { path: '/add', component: AddBook },
   { path: '/signup', component: SignUp },
   { path: '/login', component: LogIn },
+  { path: '/book', component: LogIn },
 ]
 
 export const router = createRouter({