Vuejs upgrade & PlexServer.vue fixes

.gitignore

@@ -6,3 +6,4 @@ test/unit/coverage
 test/e2e/reports
 selenium-debug.log
 .idea/
+package-lock.json

package.json

@@ -36,12 +36,13 @@
     "videojs-contrib-hls": "^5.5.2",
     "videojs-resolution-switcher": "^0.4.2",
     "videojs-settings-menu": "0.0.2",
-    "vue": "2.3.3",
+    "vue": "^2.3.4",
     "vue-animate": "0.0.4",
     "vue-clipboards": "^0.2.6",
     "vue-easy-toast": "^1.0.1",
     "vue-infinite-scroll": "^2.0.1",
     "vue-lazyload": "^1.0.3",
+    "vue-loader": "^12.2.1",
     "vue-materials": "^1.0.7-rc.7",
     "vue-observe-visibility": "^0.1.3",
     "vue-resource": "^1.0.3",
@@ -104,7 +105,6 @@
     "sinon": "^1.17.3",
     "sinon-chai": "^2.8.0",
     "url-loader": "^0.5.7",
-    "vue-loader": "^9.4.0",
     "vue-style-loader": "^1.0.0",
     "webpack": "^1.13.2",
     "webpack-dev-middleware": "^1.8.3",

src/components/application/plexbrowser/plexserver.vue

@@ -6,9 +6,9 @@
             <div v-if="!libraries && !browsingLibrary" class="center">
                 <v-progress-circular active large></v-progress-circular>
             </div>
-            <h2> Libraries </h2>
+            <h2 class="col s12"> Libraries </h2>
             <div v-if="libraries && !browsingLibrary" v-for="library in filteredLibraries">
-                <v-card v-on:click.native="setLibrary(library)" class="row blue-grey darken-1 col l3 s12 hoverable"
+                <v-card v-on:click.native="setLibrary(library)" class="blue-grey darken-1 col l3 s12 hoverable"
                         style="box-shadow:none">
                     <div class="col s3 l3" style="height:100%">
                         <img :src="getThumb(library)" style="height:100%; width:100%">
@@ -18,8 +18,8 @@
                     </div>
                 </v-card>
             </div>
-            <h2> On Deck </h2>
-            <div v-if="!libraries && !browsingLibrary && !selectedItem" class="center">
+            <h2 class="col s12"> On Deck </h2>
+            <div v-if="!libraries && !browsingLibrary && !selectedItem" class="center row">
                 <v-progress-circular active large></v-progress-circular>
             </div>
             <div v-if="onDeck.length != 0" class="row" style="border-bottom:1px solid rgba(0,0,0,0.12)">
@@ -56,7 +56,7 @@
                     </v-card>
                 </div>
             </div>
-            <h2> Recently Added </h2>
+            <h2 class="col s12"> Recently Added </h2>
             <div v-if="!libraries && !browsingLibrary && !selectedItem" class="center">
                 <v-progress-circular active large></v-progress-circular>
             </div>