adding in character detail stuff

frontend/src/router/index.ts

@@ -3,6 +3,7 @@ import { createRouter, createWebHashHistory } from 'vue-router'
 import GameList from '../vues/GameList.vue'
 import GameDetails from '../vues/GameDetails.vue'
 import CharacterList from '../vues/CharacterList.vue'
+import CharacterDetails from '../vues/CharacterDetails.vue'
 
 const root = {
   path: '/',
@@ -24,7 +25,12 @@ const characterListRoute = {
   component: CharacterList
 }
 
-const routes = [root, gameListRoute, gameDetailsRoute, characterListRoute]
+const characterDetailsRoute = {
+  path: '/characters/:characterId',
+  component: CharacterDetails
+}
+
+const routes = [root, gameListRoute, gameDetailsRoute, characterListRoute, characterDetailsRoute]
 
 export default createRouter({
   history: createWebHashHistory(),