Refactor: Linting errors

src/components/MonitorListFilter.vue

@@ -253,6 +253,8 @@ export default {
         clearFilters() {
             this.$emit("updateFilter", {
                 status: [],
+                active: [],
+                tags: [],
             });
         },
         getExistingTags(callback) {

src/router.js

@@ -199,11 +199,17 @@ const router = createRouter({
 });
 
 router.beforeEach((to, from) => {
-    // If the path is same, either the query or has has changed so avoid changing query params
-    // Without this check, modifying any query params will be blocked
     // Check if redirectedFrom is defined to check if this function has already been run
     // Without this check, the router will be stuck in an infinite loop
-    if (to.fullPath !== from.fullPath && !to.redirectedFrom) {
+    if (to.redirectedFrom) {
+        return;
+    }
+
+    // If the user is navigating to same page but to.query is empty, they have clicked on the same link
+    // For example: Clicked on Add monitor twice
+    if (to.path === from.path && Object.keys(to.query).length !== 0) {
+        return;
+    }
     return {
         ...to,
         query: {
@@ -211,7 +217,6 @@ router.beforeEach((to, from) => {
             ...from.query,
         },
     };
-    }
 });
 
 export { router };