blacken search component

src/composables/state.js

@@ -0,0 +1,42 @@
+import { ref } from "@vue/reactivity";
+
+const search_query = ref("");
+
+const queue = ref([
+  {
+    title: "Nothing played yet",
+    artists: ["... blah blah blah"],
+    _id: {
+      $oid: "",
+    },
+  },
+]);
+
+const current = ref({
+  title: "Nothing played yet",
+  artists: ["... blah blah blah"],
+  _id: {
+    $oid: "",
+  },
+});
+
+const prev = ref({
+  title: "The previous song",
+  artists: ["... blah blah blah"],
+  _id: {
+    $oid: "",
+  },
+});
+
+const filters = ref([]);
+const magic_flag = ref(false);
+
+
+export default {
+  search_query,
+  queue,
+  current,
+  prev,
+  filters,
+  magic_flag,
+};