Implement fuzzy page search using fuse.js (#86)

src/settings/general/index.ts

@@ -1,11 +1,12 @@
 import { SettingCategory } from "@/interfaces/settings";
 import nowPlaying from "./now-playing";
+import sidebarSettings from "./sidebar";
 
 export default {
   title: "General",
   groups: [
     {
-      settings: [...nowPlaying],
+      settings: [...sidebarSettings, ...nowPlaying],
     },
   ],
 } as SettingCategory;

src/settings/general/now-playing.ts

@@ -10,11 +10,5 @@ const use_alt_np: Setting = {
   inactive: () => settings().disable_show_alt_np,
   action: () => settings().toggleUseRightNP(),
 };
-const use_sidebar: Setting = {
-  title: "Use right sidebar",
-  type: SettingType.switch,
-  source: () => settings().use_sidebar,
-  action: () => settings().toggleDisableSidebar(),
-};
 
-export default [use_sidebar, use_alt_np];
+export default [use_alt_np];

src/settings/general/sidebar.ts

@@ -0,0 +1,13 @@
+import { Setting, SettingType } from "@/interfaces/settings";
+import useSettingsStore from "@/stores/settings";
+
+const settings = useSettingsStore;
+
+const use_sidebar: Setting = {
+  title: "Use right sidebar",
+  type: SettingType.switch,
+  source: () => settings().use_sidebar,
+  action: () => settings().toggleDisableSidebar(),
+};
+
+export default [use_sidebar];