Merge pull request #367 from jellyfin/button-nuxt-aware

fix(card): make button nuxt-link aware

components/Card.vue

@@ -53,7 +53,7 @@
           v-if="overlay"
           class="card-overlay d-flex justify-center align-center"
         >
-          <v-btn fab color="primary" :to="`/item/${item.Id}/play`">
+          <v-btn fab color="primary" nuxt :to="`/item/${item.Id}/play`">
             <v-icon size="36">mdi-play</v-icon>
           </v-btn>
         </div>

components/HomeHeader.vue

@@ -67,6 +67,7 @@
                 min-width="8em"
                 depressed
                 rounded
+                nuxt
                 :to="`item/${item.Id}/play`"
                 >{{ $t('play') }}</v-btn
               >
@@ -74,6 +75,7 @@
                 min-width="12em"
                 outlined
                 rounded
+                nuxt
                 :to="`item/${item.Id}`"
                 >{{ $t('viewDetails') }}</v-btn
               >

pages/genre/_itemId/index.vue

@@ -11,6 +11,7 @@
           :disabled="isPlayable"
           depressed
           rounded
+          nuxt
           :to="`./${genre.Id}/play`"
           >{{ $t('play') }}</v-btn
         >
@@ -21,6 +22,7 @@
           :disabled="isPlayable"
           outlined
           rounded
+          nuxt
           :to="`./${genre.Id}/shuffle`"
           >{{ $t('shuffleAll') }}</v-btn
         >

pages/item/_itemId/index.vue

@@ -61,6 +61,7 @@
                 :disabled="isPlayable"
                 depressed
                 rounded
+                nuxt
                 :to="`./${item.Id}/play`"
                 >{{ $t('play') }}</v-btn
               >