ESLINT / TypeCheck clean 1

resources/js/components/Auth/Login.vue

@@ -43,8 +43,8 @@
     </div>
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { ref, inject } from "vue";
 
 const authStore = inject("authStore");
 const appStore = inject("appStore");

resources/js/components/ErrorDisplay.vue

@@ -71,13 +71,11 @@ export default {
 
                 switch (status) {
                     case 401:
-                        return "The content you're trying to view is not available";
-                    case 404:
-                        return "The content you're looking for could not be found";
+                        return "Please log in to continue";
                     case 403:
                         return "You don't have permission to access this content";
-                    case 401:
-                        return "Please log in to continue";
+                    case 404:
+                        return "The content you're looking for could not be found";
                     case 429:
                         return "Too many requests. Please try again later";
                     case 500:

resources/js/components/Profile/ProfileListCard.vue

@@ -1,23 +1,28 @@
 <script setup lang="ts">
-import { computed } from "vue";
 import Avatar from "./Avatar.vue";
 
+interface Account {
+    username: string;
+    name: string;
+    avatar: string;
+}
+
 interface Props {
-    account: object;
+    account: Account;
 }
 
-const props = withDefaults(defineProps<Props>(), {
-    account: {
+withDefaults(defineProps<Props>(), {
+    account: () => ({
         username: "Username",
         name: "name",
         avatar: "",
-    },
+    }),
 });
 </script>
 
 <template>
     <div class="flex items-center space-x-3">
-        <Avatar :src="account.avatar" width="40" />
+        <Avatar :src="account.avatar" :width="40" />
         <div>
             <div class="font-medium text-[15px] dark:text-slate-200">
                 {{ account.name }}

resources/js/components/Register.vue

@@ -60,6 +60,8 @@
 </template>
 
 <script setup>
+import { ref } from "vue";
+
 let name = ref(null);
 let email = ref(null);
 let password = ref(null);

resources/js/composables/useHashids.ts

@@ -1,5 +1,3 @@
-import { ref } from "vue";
-
 export function useHashids() {
     const charset =
         "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-_".split(

resources/js/pages/auth/VerifyEmail.vue

@@ -261,7 +261,7 @@ const submitVerification = async () => {
                     ? "Your email address has been successfully updated!"
                     : "Your email has been verified and your account is now active!");
         } else {
-            throw new Error(data.message || "Verification failed");
+            throw new Error(response.data.message || "Verification failed");
         }
     } catch (error) {
         verificationStatus.value = "error";

resources/js/pages/dashboard/account/AccountEmail.vue

@@ -351,7 +351,9 @@ const fetchEmailData = async () => {
                 pendingEmail.value = res.data.data.pending_email;
                 console.log(res.data.data);
             });
-    } catch (error) {}
+    } catch (error) {
+        console.error("Error fetching email settings:", error);
+    }
 };
 
 const validateEmail = () => {

resources/js/pages/dashboard/safety.vue

@@ -99,7 +99,9 @@ const fetchTotalBlocked = async () => {
             .then((res) => {
                 blockedAccountsCount.value = res.data.data.count;
             });
-    } catch {}
+    } catch (error) {
+        console.error("Error fetching blocked accounts:", error);
+    }
 };
 
 onMounted(async () => {

resources/js/pages/dashboard/safety/SafetyBlockedAccounts.vue

@@ -496,7 +496,9 @@ const fetchTotalBlocked = async () => {
                 loadedTotal.value = true;
                 totalBlocked.value = res.data.data.count;
             });
-    } catch {}
+    } catch (error) {
+        console.error("Error fetching blocked accounts count:", error);
+    }
 };
 
 const fetchBlockedAccounts = async (

resources/js/stores/video.js

@@ -54,7 +54,9 @@ export const useVideoStore = defineStore("video", {
                     .then((res) => {
                         this.currentVideo = res.data;
                     });
-            } catch (error) {}
+            } catch (error) {
+                console.error("Error fetching video:", error);
+            }
         },
 
         async decrementCommentCount() {