From 0d6e643ee7aea3811ca01e1bac4ab711d6ba3440 Mon Sep 17 00:00:00 2001
From: "Brian C. Arnold" <connect@brian-arnold.dev>
Date: Mon, 28 Nov 2022 14:34:01 -0500
Subject: [PATCH] feat(playlist): Fixed lint issues.

---
 frontend/components/Buttons/QueueButton.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/components/Buttons/QueueButton.vue b/frontend/components/Buttons/QueueButton.vue
index 7d2892e0f99..7dd75b67de0 100644
--- a/frontend/components/Buttons/QueueButton.vue
+++ b/frontend/components/Buttons/QueueButton.vue
@@ -78,15 +78,15 @@
       <v-card-text v-if="creatingPlaylist" class="py-1">
         <v-form @submit.prevent="handleSubmit">
           <v-text-field
-            single-line
             v-model="playlistName"
+            single-line
             :label="$t('name')"
             append-outer-icon="mdi-content-save"
             hide-details="auto"
             prepend-icon="mdi-cancel"
+            class="py-1"
             @click:append-outer="saveQueueAsPlaylist"
             @click:prepend="cancelSaveQueue"
-            class="py-1"
           />
         </v-form>
       </v-card-text>
@@ -228,14 +228,16 @@ export default Vue.extend({
     askForPlaylistName() {
       this.creatingPlaylist = true;
     },
-    saveQueueAsPlaylist() {
-      this.$nuxt.$api.playlists
-        .createPlaylist({
+    async saveQueueAsPlaylist() {
+      try {
+        await this.$nuxt.$api.playlists.createPlaylist({
           name: this.playlistName as string,
           ids: this.playbackManager.queue,
           userId: this.auth.currentUserId
-        })
-        .then(() => (this.creatingPlaylist = false));
+        });
+      } finally {
+        this.creatingPlaylist = false;
+      }
     },
     cancelSaveQueue() {
       this.creatingPlaylist = false;