Init

frontend/src/components/category/category_detail.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div>
-      <h3>category : {{category.name}} <button @click="remove">Remove</button></h3>
+      <h3>category : {{category.name}} ({{category.id}})<button @click="remove">Remove</button></h3>
     </div>
   <hr>
   </div>

frontend/src/components/channel/channel_detail.vue

@@ -2,7 +2,11 @@
   <div>
     <div>
       <h3>channel : {{channel.name}} <button @click="remove">Remove</button></h3>
-      <p>Type: {{ channel.channel_type }}</p>
+      <ul>
+        <li v-if="channel.server_id">Server: {{ channel.server_id }}</li>
+        <li v-if="channel.category_id">Category: {{ channel.category_id }}</li>
+        <li>Type: {{ channel.channel_type }}</li>
+      </ul>
     </div>
   <hr>
   </div>

frontend/src/components/server/server_detail.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div>
-      <h3>server : {{server.name}} <button @click="remove">Remove</button></h3>
+      <h3>server : {{server.name}} ({{server.id}}) <button @click="remove">Remove</button></h3>
 
     </div>
   <hr>