From cdaa3df0e10aff859e339c8542ec075bac9323f0 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Sat, 26 Mar 2022 12:32:34 +0300
Subject: [PATCH] focus new playlist modal form

---
 src/components/modals/NewPlaylist.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/modals/NewPlaylist.vue b/src/components/modals/NewPlaylist.vue
index 480d385a..20c13f5d 100644
--- a/src/components/modals/NewPlaylist.vue
+++ b/src/components/modals/NewPlaylist.vue
@@ -14,8 +14,13 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from "vue";
 import { createNewPlaylist } from "../../composables/playlists";
 
+onMounted(() => {
+  document.getElementById("modal-playlist-name-input").focus();
+});
+
 const emit = defineEmits<{
   (e: "title", title: string): void;
   (e: "hideModal"): void;