Restyle Implement Fuzzy search using rapidfuzz (#60)

src/assets/css/BottomBar/BottomBar.scss

@@ -7,7 +7,7 @@
     display: grid;
     height: 100%;
     padding-right: $small;
-    
+
     @include phone-only {
       grid-template-columns: 1fr 9.2rem;
     }

src/components/AlbumView/Header.vue

@@ -15,7 +15,7 @@
           <div
             class="h"
             v-if="props.album.artist.toLowerCase() == 'various artists'"
-            
+
           >
             Compilation
           </div>

src/components/LeftSidebar/Navigation.vue

@@ -9,7 +9,7 @@
         class="nav-button"
         id="home-button"
         v-motion-slide-from-left-100
-        
+
       >
         <div class="in">
           <div class="nav-icon image" :id="`${menu.name}-icon`"></div>

src/components/RightSideBar/Search/TracksGrid.vue

@@ -43,7 +43,7 @@ function updateQueue(track: Track) {
   padding: $small;
   height: 100% !important;
   overflow: hidden;
-  
+
   .list-enter-active,
   .list-leave-active {
     transition: all 0.5s ease;

src/composables/keyboard.ts

@@ -64,7 +64,7 @@ export default function (queue: any) {
         if (!key_down_fired) {
           if (!ctrlKey) return;
           e.preventDefault();
-          
+
 
           key_down_fired = true;
         }

src/composables/normalizeContextMenu.js

@@ -3,7 +3,8 @@ import { getElem } from "./perks";
 export default (mouseX, mouseY) => {
   const scope = getElem("app", "id");
   const contextMenu = getElem("context-menu", "class");
-  // ? compute what is the mouse position relative to the container element (scope)
+  // ? compute what is the mouse position relative to the container element
+  // (scope)
   let { left: scopeOffsetX, top: scopeOffsetY } = scope.getBoundingClientRect();
 
   scopeOffsetX = scopeOffsetX < 0 ? 0 : scopeOffsetX;

src/main.js

@@ -1,12 +1,14 @@
-import { createApp } from "vue";
-import App from "./App.vue";
 import "./registerServiceWorker";
-import router from "./router";
-import { createPinia } from "pinia";
-import { MotionPlugin } from "@vueuse/motion";
-import useCustomTransitions from "./transitions";
 import "../src/assets/css/global.scss";
 
+import { MotionPlugin } from "@vueuse/motion";
+import { createPinia } from "pinia";
+import { createApp } from "vue";
+
+import App from "./App.vue";
+import router from "./router";
+import useCustomTransitions from "./transitions";
+
 const app = createApp(App);
 
 app.use(createPinia());