fixes #34: update VueJS components

package.json

@@ -24,14 +24,14 @@
     "material-design-icons": "^3.0.1",
     "materialize-css": "^0.97.8",
     "roboto-fontface": "^0.6.0",
-    "vue": "^2.1.8",
-    "vue-loader": "^10.0.2",
+    "vue": "^2.2.4",
+    "vue-loader": "^11.1.4",
     "vue-markdown": "^2.1.3",
     "vue-material": "^0.6.3",
-    "vue-resource": "^1.0.3",
-    "vue-router": "^2.1.1",
-    "vuejs-datepicker": "^0.5.5",
-    "vuex": "^2.1.1"
+    "vue-resource": "^1.2.1",
+    "vue-router": "^2.3.0",
+    "vuejs-datepicker": "^0.6.3",
+    "vuex": "^2.2.1"
   },
   "devDependencies": {
     "autoprefixer": "^6.7.2",
@@ -60,9 +60,9 @@
     "rimraf": "^2.6.0",
     "semver": "^5.3.0",
     "url-loader": "^0.5.7",
-    "vue-loader": "^10.0.0",
-    "vue-style-loader": "^1.0.0",
-    "vue-template-compiler": "^2.1.0",
+    "vue-loader": "^11.1.4",
+    "vue-style-loader": "^2.0.3",
+    "vue-template-compiler": "^2.2.4",
     "webpack": "^2.2.1",
     "webpack-bundle-analyzer": "^2.2.1",
     "webpack-dev-middleware": "^1.10.0",

src/App.vue

@@ -29,7 +29,7 @@
             </md-layout>
             <md-layout id="panel" md-column>
                 <md-layout md-row>
-                    <group v-for="group in day.groups || []" :group="group" :day="day.day" new-attendee="" @updated="reload" />
+                    <group v-for="group in day.groups || []" :group="group" :day="day.day" :key="group.group" new-attendee="" @updated="reload" />
                     <group :add-new-group="true" :day="day.day" new-attendee="" new-group="" @updated="reload" />
                 </md-layout>
             </md-layout>

src/Group.vue

@@ -34,7 +34,7 @@
             </md-card-header>
             <md-card-content class="group-card">
                 <md-list md-dense>
-                    <attendee v-for="attendee in group.attendees || []" :attendee="attendee" @updated="reload" />
+                    <attendee v-for="attendee in group.attendees || []" :attendee="attendee" :key="attendee.name" @updated="reload" />
                     <md-list-item class="attendee-add">
                         <md-icon @click.native="addAttendee(group.group)">person_add</md-icon>
                         <md-input-container class="new-attendee">