Replace deprecated v-card-media with v-img

src/components/application/plexbrowser.vue

@@ -159,7 +159,7 @@
                 <v-container fill-height>
                   <v-layout row justify-center align-center>
                     <v-flex xs4>
-                      <v-card-media :src="logos.plex.standard" height="110px" contain></v-card-media>
+                      <v-img :src="logos.plex.standard" height="110px" contain></v-img>
                     </v-flex>
                     <v-flex xs8 class="pl-2">
                       <div>

src/components/application/plexbrowser/plexcontent.vue

@@ -13,11 +13,11 @@
                 <v-flex xs12 md3>
                   <v-layout row wrap>
                     <v-flex md12 class="pa-2">
-                      <v-card-media
+                      <v-img
                         :src="thumb"
                         height="30vh"
                         contain
-                      ></v-card-media>
+                      ></v-img>
                     </v-flex>
                     <v-flex xs8 md12 class="text-xs-center hidden-sm-and-down ">
                       <div v-if="playable">

src/components/application/plexbrowser/plexseason.vue

@@ -11,12 +11,12 @@
             <v-container style="background: rgba(0, 0, 0, .6);"  class="pa-0 ma-0" fluid grid-list-lg>
               <v-layout row style="height:100%">
                 <v-flex xs12 md3 class="hidden-sm-and-down">
-                  <v-card-media
+                  <v-img
                     :src="getThumb"
                     class="ma-0 pa-0"
                     height="25em"
                     contain
-                  ></v-card-media>
+                  ></v-img>
                 </v-flex>
                 <v-flex xs12 md9 style="position:relative" class="ma-2">
                   <div>

src/components/application/plexbrowser/plexseries.vue

@@ -11,12 +11,12 @@
           <v-container style="background:rgba(0,0,0,0.6)" class="pa-3 ma-0" fluid grid-list-lg>
             <v-layout row style="height:100%">
               <v-flex xs12 md3 class="hidden-sm-and-down">
-                <v-card-media
+                <v-img
                   :src="thumb"
                   class="ma-0 pa-0 hidden-sm-and-down"
                   height="25em"
                   contain
-                ></v-card-media>
+                ></v-img>
               </v-flex>
               <v-flex xs12 md9 class="ma-2">
                 <div>

src/components/application/plexbrowser/plexthumb.vue

@@ -2,7 +2,7 @@
   <div class="portrait" ref="root" style="cursor: pointer" @mouseover="hovering = true" @mouseout="hovering = false">
     <router-link :to="link">
       <v-card  flat v-on:click.native="emitContentClicked(content)" class="grey darken-4 elevation-20" style="border-radius: 0px !important">
-        <v-card-media
+        <v-img
           data-tilt
           class="white--text"
           style="position:relative"
@@ -37,7 +37,7 @@
               </v-flex>
             </v-layout>
           </v-container>
-        </v-card-media>
+        </v-img>
       </v-card>
       <v-layout align-end row wrap class="text-xs-left pa-1 white--text" style="max-width: 100%">
         <v-flex xs12 v-if="!bottomOnly" style="max-width: 100%">

src/upnext.vue

@@ -9,11 +9,11 @@
           <v-container fluid class="pa-1">
             <v-layout row>
               <v-flex xs3 sm2>
-                <v-card-media
+                <v-img
                 :src="thumb"
                   height="125px"
                   contain
-                ></v-card-media>
+                ></v-img>
               </v-flex>
               <v-flex>
                 <div>