use hash mode in vue router

- rename keyboard.ts -> useKeyboard.ts

src/composables/useKeyboard.ts

@@ -13,10 +13,14 @@ export default function (queue: any) {
     let target = e.target;
     let ctrlKey = e.ctrlKey;
 
+    function FocusedOnInput(target: any) {
+      return target.tagName === "INPUT" || target.tagName === "TEXTAREA";
+    }
+
+    if (FocusedOnInput(target)) return;
+
     switch (e.key) {
       case "ArrowRight":
-        if (target.tagName === "INPUT" || target.tagName === "TEXTAREA") return;
-
         {
           if (!key_down_fired) {
             key_down_fired = true;
@@ -33,8 +37,6 @@ export default function (queue: any) {
       case "ArrowLeft":
         {
           if (!key_down_fired) {
-            if (target.tagName === "INPUT" || target.tagName === "TEXTAREA") return;
-
             key_down_fired = true;
 
             queue.playPrev();
@@ -50,7 +52,6 @@ export default function (queue: any) {
       case " ":
         {
           if (!key_down_fired) {
-            if (target.tagName === "INPUT" || target.tagName === "TEXTAREA") return;
             e.preventDefault();
             key_down_fired = true;
 
@@ -65,14 +66,15 @@ export default function (queue: any) {
           if (!ctrlKey) return;
           e.preventDefault();
 
-
           key_down_fired = true;
         }
       }
-      case "/": {{
-        e.preventDefault();
-        focusSearchBox();
-      }}
+      case "/": {
+        {
+          e.preventDefault();
+          focusSearchBox();
+        }
+      }
     }
   });
 }

src/composables/usePlayFrom.ts

@@ -23,28 +23,25 @@ export default function play(
     // check which route the play request come from
     case playSources.folder:
       store = store as typeof folder;
+      const f = store();
 
-      useQueue.playFromFolder(store().path, store().tracks);
-      useQueue.play(store().tracks[0]);
+      useQueue.playFromFolder(f.path, f.tracks);
+      useQueue.play(f.tracks[0]);
       break;
     case playSources.album:
       store = store as typeof album;
+      const a = store();
 
-      useQueue.playFromAlbum(
-        store().info.title,
-        store().info.artist,
-        store().tracks
-      );
+      useQueue.playFromAlbum(a.info.title, a.info.artist, a.tracks);
       useQueue.play(store().tracks[0]);
       break;
     case playSources.playlist:
       store = store as typeof playlist;
+      const p = store();
 
-      useQueue.playFromPlaylist(
-        store().info.name,
-        store().info.playlistid,
-        store().tracks
-      );
+      if (p.tracks.length === 0) return;
+
+      useQueue.playFromPlaylist(p.info.name, p.info.playlistid, p.tracks);
       useQueue.play(store().tracks[0]);
       break;
   }