fix: implement auto-refresh cleanup in ListView component

Author: SerVitasik

adminforth/spa/src/views/ListView.vue

@@ -189,7 +189,7 @@ import ResourceListTable from '@/components/ResourceListTable.vue';
 import { useCoreStore } from '@/stores/core';
 import { useFiltersStore } from '@/stores/filters';
 import { callAdminForthApi, currentQuery, getIcon, setQuery } from '@/utils';
-import { computed, onMounted, ref, watch, nextTick, type Ref } from 'vue';
+import { computed, onMounted, onUnmounted, ref, watch, nextTick, type Ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { showErrorTost } from '@/composables/useFrontendApi'
 import { getCustomComponent, initThreeDotsDropdown } from '@/utils';
@@ -387,6 +387,13 @@ class SortQuerySerializer {
 
 let listAutorefresher: any = null;
 
+function clearAutoRefresher() {
+  if (listAutorefresher) {
+    clearInterval(listAutorefresher);
+    listAutorefresher = null;
+  }
+}
+
 async function init() {
   
   await coreStore.fetchResourceFull({
@@ -434,10 +441,7 @@ async function init() {
     }
   });
 
-  if (listAutorefresher) {
-    clearInterval(listAutorefresher);
-    listAutorefresher = null;
-  }
+  clearAutoRefresher();
   if (coreStore.resource!.options?.listRowsAutoRefreshSeconds) {
     listAutorefresher = setInterval(async () => {
       await adminforth.list.silentRefresh();
@@ -505,6 +509,10 @@ onMounted(async () => {
   initInProcess = false;
 });
 
+onUnmounted(() => {
+  clearAutoRefresher();
+});
+
 watch([page], async () => {
   setQuery({ page: page.value });
 });