Added Character sheet

app/imports/ui/character/CharacterSheet.vue

@@ -0,0 +1,45 @@
+<template>
+	<div>
+    <v-toolbar app color="primary" dark>
+      <v-btn v-if="showMenuButton" flat icon @click="toggleDrawer">
+        <v-icon>menu</v-icon>
+      </v-btn>
+			<span>{{character.name}}</span>
+    </v-toolbar>
+    <v-content v-if="$subReady.singleCharacter">
+			{{character}}
+    </v-content>
+		<v-content v-else>
+			<v-progress-circular indeterminate />
+		</v-content>
+  </div>
+</template>
+
+<script>
+	import Creatures from '/imports/api/creature/Creatures.js';
+	import { mapMutations } from "vuex";
+
+	export default {
+		props: {
+			showMenuButton: Boolean,
+			charId: String,
+		},
+		methods: {
+      ...mapMutations([
+        "toggleDrawer",
+      ]),
+    },
+		meteor: {
+			$subscribe: {
+	      'singleCharacter': [this.charId],
+			},
+			character(){
+				return Creatures.findOne(this.charId);
+			},
+		},
+	}
+</script>
+
+<style scoped>
+
+</style>

app/imports/ui/layouts/ToolbarLayout.vue

@@ -13,9 +13,9 @@
 </template>
 
 <script>
-  import { mapMutations } from "vuex"
+  import { mapMutations } from "vuex";
   export default {
-    methods:{
+    methods: {
       ...mapMutations([
         "toggleDrawer",
       ]),

app/imports/ui/pages/CharacterSheetPage.vue

@@ -0,0 +1,12 @@
+<template>
+  <character-sheet show-menu-button :char-id="$route.params.id" />
+</template>
+
+<script>
+import CharacterSheet from '/imports/ui/character/CharacterSheet.vue';
+export default {
+	components: {
+		CharacterSheet,
+	},
+}
+</script>

app/imports/ui/router.js

@@ -4,10 +4,11 @@ import Vue from "vue";
 // Components
 import Home from '/imports/ui/pages/Home.vue';
 import CharacterList from "/imports/ui/pages/CharacterList.vue";
+import CharacterSheetPage from "/imports/ui/pages/CharacterSheetPage.vue";
 import SignIn from "/imports/ui/pages/SignIn.vue" ;
 import Register from "/imports/ui/pages/Register.vue" ;
 import Account from "/imports/ui/pages/Account.vue" ;
-import TestDialog from "/imports/ui/dialogStack/TestDialog.vue"
+import TestDialog from "/imports/ui/dialogStack/TestDialog.vue";
 
 // Not found
 import NotFound from '/imports/ui/pages/NotFound.vue';
@@ -30,6 +31,12 @@ RouterFactory.configure(factory => {
     },{
       path: "/characterList",
       component: CharacterList,
+    },{
+      path: "/character/:id/:urlName",
+      component: CharacterSheetPage,
+    },{
+      path: "/character/:id",
+      component: CharacterSheetPage,
     },{
 			path: "/sign-in",
 			component: SignIn,