add album header info

src/composables/getAlbum.js

@@ -0,0 +1,16 @@
+let base_uri = "http://127.0.0.1:9876";
+
+const getAlbum = async (name) => {
+  const res = await fetch(base_uri + "/albums/" + name);
+
+  if (!res.ok) {
+    const message = `An error has occured: ${res.status}`;
+    throw new Error(message);
+  }
+
+  const data = await res.json();
+
+  return data;
+};
+
+export default getAlbum;

src/composables/getFiles.js

@@ -1,14 +1,10 @@
-import { ref } from "@vue/reactivity";
-
-let folders_uri = "http://127.0.0.1:9876";
+let base_uri = "http://127.0.0.1:9876";
 
 const getData = async (path) => {
   let url;
-  const songs = ref(null);
-  const folders = ref(null);
 
   const encoded_path = encodeURIComponent(path.replaceAll("/", "|"));
-  url = url = `${folders_uri}/f/${encoded_path}`;
+  url = url = `${base_uri}/f/${encoded_path}`;
 
   const res = await fetch(url);
 
@@ -19,8 +15,8 @@ const getData = async (path) => {
 
   const data = await res.json();
 
-  songs.value = data.files;
-  folders.value = data.folders;
+  const songs = data.files;
+  const folders = data.folders;
 
   return { songs, folders };
 };