update dependencies and fix type errors

Author: grmbyrn

components/Markdown.vue

@@ -20,7 +20,8 @@ const sanitizedDescription = ref("");
 
 const options = {
   headerIds: false,
-  mangle: false
+  mangle: false,
+  async: true
 };
 
 const source = computed(() => props.source);
@@ -33,12 +34,12 @@ onMounted(() => {
   sanitizeDescription();
 });
 
-function convert_markdown_to_html (src: string) {
-  return marked(src, options);
+async function convert_markdown_to_html (src: string): Promise<string> {
+  return await marked(src, options);
 }
 
 async function sanitizeDescription () {
-  const html = convert_markdown_to_html(props.source);
+  const html = await convert_markdown_to_html(props.source); // await here
   sanitizedDescription.value = await sanitize(html);
 }
 </script>

components/Pagination.vue

@@ -3,7 +3,7 @@
     <div class="flex flex-col items-center justify-end flex-1 gap-3 md:flex-row sm:justify-between">
       <div class="flex items-center gap-3">
         <div>
-          <select :value="pageSize" class="px-2 py-1 bg-base-100" @change="(e) => updatePageSize(parseInt(e.target.value, 10))">
+          <select :value="pageSize" class="px-2 py-1 bg-base-100" @change="(e) => updatePageSize(parseInt((e.target as HTMLSelectElement).value, 10))">
             <option value="20">
               20
             </option>

components/authentication/AuthenticationForm.vue

@@ -62,7 +62,7 @@ async function login () {
         navigateTo("/torrents", { replace: true });
       }
     })
-    .catch((err) => {
+    .catch((err: Error) => {
       notify({
         group: "error",
         title: "Error",

components/license/License.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-    <Markdown :source="file" class="prose-h1:text-center pt-2 pb-10 pb-5 px-40 max-w-none" />
+    <Markdown :source="file" class="prose-h1:text-center pt-2 pb-5 px-40 max-w-none" />
     </div>
 </template>
 <script setup lang="ts">

components/navigation/NavigationBar.vue

@@ -81,6 +81,10 @@ const user = useUser();
 
 const mobileCollapsed = ref(true);
 
+// Define the submitSearch function
+function submitSearch () {
+  // Add your search logic here
+}
 </script>
 
 <style scoped>

components/registration/RegistrationForm.vue

@@ -108,7 +108,7 @@ function signup () {
         text: "Your account was registered!"
       }, 4000); // 4s
     })
-    .catch((err) => {
+    .catch((err: Error) => {
       notify({
         group: "error",
         title: "Error",

components/torrent/TorrentActionCard.vue

@@ -194,7 +194,7 @@ function deleteTorrent () {
     .then(() => {
       emit("deleted");
     })
-    .catch((err) => {
+    .catch((err: Error) => {
       notify({
         group: "error",
         title: "Error",

components/torrent/TorrentCreationDateTab.vue

@@ -40,7 +40,10 @@ const props = defineProps({
   }
 });
 
-const formattedDateFromTimestamp = formatTimestamp(props.torrent.creation_date);
+const formattedDateFromTimestamp = (() => {
+  const result = formatTimestamp(props.torrent.creation_date);
+  return result instanceof Error ? "Invalid date" : result;
+})();
 
 </script>
 

components/torrent/TorrentDetails.vue

@@ -80,11 +80,11 @@ function getTorrentFromApi (infoHash: string) {
   loadingTorrent.value = true;
 
   rest.torrent.getTorrentInfo(infoHash)
-    .then((data) => {
+    .then((data: TorrentResponse) => {
       torrent.value = data;
       title.value = data.title;
     })
-    .catch((err) => {
+    .catch((err: Error) => {
       loadingTorrent.value = false;
       notify({
         group: "error",

components/torrent/TorrentTable.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col w-full overflow-hidden rounded-lg border-base-content/20 rounded-2xl grow">
+  <div class="flex flex-col w-full overflow-hidden border-base-content/20 rounded-2xl grow">
     <div class="flex flex-col overflow-x-auto whitespace-nowrap">
       <table class="text-center table-auto bg-base-200">
         <thead>