Add property to room route

client/src/components/rooms/RoomWidget.vue

@@ -1,14 +1,14 @@
 <template>
-  <router-link to="/room" tag="div" class="room-widget" :class="roomClass">
+  <router-link :to="link" tag="div" class="room-widget" :class="roomClass">
     <div class="room-widget__content">
       <h2 class="room-widget__title">{{title}}</h2>
       <room-group-widget v-bind="userGroup"></room-group-widget>
       <room-entry-count-widget :entryCount="entryCount"></room-entry-count-widget>
     </div>
     <div class="room-widget__footer">
-      <router-link to="/room" class="room-widget__more-link">
+      <div class="room-widget__more-link">
         <ellipses></ellipses>
-      </router-link>
+      </div>
     </div>
   </router-link>
 </template>
@@ -33,6 +33,9 @@
       },
       roomClass() {
         return `room-widget--${this.appearance}`
+      },
+      link() {
+        return `/room/${this.slug}`
       }
     }
   }

client/src/pages/room.vue

@@ -26,6 +26,8 @@
   import RoomEntryCountWidget from '@/components/rooms/RoomEntryCountWidget';
 
   export default {
+    props: ['slug'],
+
     components: {
       RoomEntryCountWidget,
       RoomGroupWidget,

client/src/router/index.js

@@ -14,7 +14,7 @@ const routes = [
   {path: '/', name: 'index', component: index},
   {path: '/module', name: 'module', component: module},
   {path: '/rooms', name: 'rooms', component: rooms},
-  {path: '/room', name: 'room', component: room},
+  {path: '/room/:slug', name: 'room', component: room, props: true},
   {path: '/article', name: 'article', component: article, meta: {layout: 'simple'}},
   {path: '/basic-knowledge', name: 'basic-knowledge', component: basicknowledge, meta: {layout: 'simple'}},
   {