chore: fix almost all typescript issues

src/bootstrap/filters.ts

@@ -14,6 +14,14 @@ import { App } from "vue";
 // PROJECT: FILTERS
 import dateFilters from "@/filters/date";
 
+/**************************************************************************
+ * INTERFACES
+ * ************************************************************************* */
+
+interface Filters {
+  date: typeof dateFilters;
+}
+
 /**************************************************************************
  * FILTERS
  * ************************************************************************* */
@@ -22,12 +30,13 @@ class BootstrapFilters {
   init(app: App): void {
     app.config.globalProperties.$filters = {
       date: dateFilters
-    };
+    } as Filters;
   }
 }
 
 /**************************************************************************
  * EXPORTS
  * ************************************************************************* */
 
+export type { Filters };
 export default new BootstrapFilters();

src/broker/client.ts

@@ -154,11 +154,7 @@ class BrokerClient {
 
     // Connect client
     try {
-      await client.connect(
-        jid,
-        password,
-        Store.$presence.getLocalAvailability()
-      );
+      await client.connect(jid, password);
     } catch (error) {
       logger.error("Something went wrong", error);
     }

src/components/base/BaseBadgeDetails.vue

@@ -50,7 +50,7 @@ export default {
 
   props: {
     details: {
-      type: Array,
+      type: Array<Detail>,
       required: true,
 
       validator(x: Array<Detail>): boolean {

src/components/base/BaseDataTable.vue

@@ -147,7 +147,7 @@ export default {
 
   props: {
     columns: {
-      type: Array,
+      type: Array<Column>,
       required: true,
 
       validator(x: Array<Column>): boolean {
@@ -156,7 +156,7 @@ export default {
     },
 
     rows: {
-      type: Array,
+      type: Array<Row>,
       required: true,
 
       validator(x: Array<Row>): boolean {
@@ -174,7 +174,7 @@ export default {
     },
 
     controls: {
-      type: Array,
+      type: Array<Control>,
 
       default(): Array<Control> {
         return [];
@@ -194,8 +194,8 @@ export default {
       // --> STATE <--
 
       orderBy: {
-        columnId: null,
-        direction: 0
+        columnId: null as string | null,
+        direction: 0 as -1 | 0 | 1
       }
     };
   },
@@ -233,11 +233,11 @@ export default {
         this.orderBy.columnId !== null &&
         this.orderBy.direction !== 0
       ) {
+        const columnId = this.orderBy.columnId,
+          direction = this.orderBy.direction === -1 ? -1 : 1;
+
         return [...this.rows].sort(
-          firstBy(
-            row => row.columns[this.orderBy.columnId],
-            this.orderBy.direction
-          )
+          firstBy(row => row.columns[columnId], direction)
         );
       }
 

src/components/base/BaseNavigate.vue

@@ -40,7 +40,7 @@ export default {
 
   props: {
     sections: {
-      type: Array,
+      type: Array<Section>,
       required: true,
 
       validator(x: Array<Section>): boolean {

src/components/base/BasePopoverList.vue

@@ -117,7 +117,7 @@ export default {
 
   props: {
     items: {
-      type: Array,
+      type: Array<Item>,
       required: true,
 
       validator(x: Array<Item>): boolean {

src/components/form/FormField.vue

@@ -245,8 +245,10 @@ export default {
     },
 
     onFieldKeyUp(event: KeyboardEvent): void {
-      // Propagate key event
-      this.$emit("keystroke", event.target.value);
+      if (event.target) {
+        // Propagate key event
+        this.$emit("keystroke", (event.target as HTMLInputElement).value);
+      }
     },
 
     onFieldInput(): void {

src/components/inbox/InboxDetailsGenericActions.vue

@@ -75,7 +75,7 @@ export default {
     },
 
     actions: {
-      type: Array,
+      type: Array<Action>,
       required: true,
 
       validator(x: Array<Action>): boolean {

src/components/inbox/InboxDetailsUserInformation.vue

@@ -106,7 +106,7 @@ export default {
 
   computed: {
     entries(): Array<Entry> {
-      const entries = [];
+      const entries: Array<Entry> = [];
 
       if (this.profile.information) {
         if (this.profile.information.contact) {
@@ -127,7 +127,7 @@ export default {
           }
         }
 
-        if (this.profile.information.lastActive) {
+        if (this.profile.information.lastActive?.timestamp) {
           const activePrefix =
             this.availability !== Availability.Unavailable
               ? "Active"
@@ -190,7 +190,7 @@ export default {
               id: "location",
               title: locationParts.join(", "),
               icon: "location.fill",
-              flag: userCountryCode
+              flag: userCountryCode || undefined
             });
           }
         }

src/components/inbox/InboxDetailsUserSecurity.vue

@@ -127,7 +127,7 @@ export default {
 
       detailsPopover: {
         id: "",
-        component: null
+        component: null as object | null
       }
     };
   },

src/components/inbox/InboxDetailsUserSecurityDetailsIdentity.vue

@@ -118,9 +118,9 @@ export default {
     userName(): string {
       if (this.profile.name) {
         return `${this.profile.name.first} ${this.profile.name.last}`;
-      } else {
-        return this.jid.node;
       }
+
+      return this.jid.node || this.jid.toString();
     },
 
     identityUrl(): string {

src/components/popups/sidebar/SettingsEditorFormFieldset.vue

@@ -384,7 +384,7 @@ export default {
 
   props: {
     fieldsets: {
-      type: Array,
+      type: Array<Fieldset>,
       required: true,
 
       validator(x: Array<Fieldset>): boolean {

src/shims-vue.d.ts

@@ -4,6 +4,13 @@
  * Copyright 2023, Prose Foundation
  */
 
+/**************************************************************************
+ * IMPORTS
+ * ************************************************************************* */
+
+// PROJECT: FILTERS
+import { Filters } from "@/bootstrap/filters";
+
 /**************************************************************************
  * DECLARES
  * ************************************************************************* */
@@ -13,3 +20,11 @@ declare module "*.vue" {
 
   export default Vue;
 }
+
+declare module "@vue/runtime-core" {
+  interface ComponentCustomProperties {
+    $filters: Filters;
+  }
+}
+
+export {};

tsconfig.json

@@ -11,7 +11,8 @@
     "esModuleInterop": true,
     "skipLibCheck": true,
     "noEmit": true,
-    "lib": ["ESNext", "DOM"],
+    "allowJs": true,
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
     "types": ["node", "vite-plugin-svg-icons/client"],
     "baseUrl": "src/",