rename files and set max client width on viewport

src/composables/pages/folders.ts

@@ -0,0 +1,30 @@
+import { Folder, Track } from "@/interfaces";
+import state from "../state";
+import useAxios from "../useAxios";
+
+export default async function (path: string) {
+  interface FolderData {
+    tracks: Track[];
+    folders: Folder[];
+  }
+
+  const { data, error } = await useAxios({
+    url: `${state.settings.uri}/folder`,
+    props: {
+      folder: path,
+    },
+  });
+
+  if (error) {
+    console.error(error);
+  }
+
+  if (data) {
+    return data as FolderData;
+  }
+
+  return <FolderData>{
+    tracks: [],
+    folders: [],
+  };
+}