- Remove useless prop

src/renderer/components/ft-button/ft-button.js

@@ -18,11 +18,6 @@ export default defineComponent({
     id: {
       type: String,
       default: ''
-    },
-    tabindex: {
-      type: Number,
-      // Relies on template to not output tabindex on values < -1
-      default: -2,
-    },
+    }
   }
 })

src/renderer/components/ft-button/ft-button.vue

@@ -2,7 +2,6 @@
   <button
     :id="id.length > 0 ? id : null"
     class="btn ripple"
-    :tabindex="tabindex >= -1 ? tabindex : null"
     :style="{
       color: textColor,
       backgroundColor: backgroundColor,

src/renderer/components/ft-create-playlist-prompt/ft-create-playlist-prompt.vue

@@ -20,12 +20,10 @@
     <ft-flex-box>
       <ft-button
         :label="$t('User Playlists.CreatePlaylistPrompt.Create')"
-        :tabindex="0"
         @click="createNewPlaylist"
       />
       <ft-button
         :label="$t('User Playlists.Cancel')"
-        :tabindex="0"
         @click="hideCreatePlaylistPrompt"
       />
     </ft-flex-box>

src/renderer/components/ft-playlist-add-video-prompt/ft-playlist-add-video-prompt.vue

@@ -51,17 +51,14 @@
       <ft-flex-box>
         <ft-button
           :label="$t('User Playlists.Create New Playlist')"
-          tabindex="0"
           @click="openCreatePlaylistPrompt"
         />
         <ft-button
           :label="$t('User Playlists.AddVideoPrompt.Save')"
-          tabindex="0"
           @click="addSelectedToPlaylists"
         />
         <ft-button
           :label="$t('User Playlists.Cancel')"
-          tabindex="0"
           @click="hide"
         />
       </ft-flex-box>