refactor: remove refresh from stores

src/pages/market/Acquisitions.vue

@@ -2,11 +2,13 @@
 import {AcquisitionsPanel, useAcquiredTypesStore} from '@/market/acquisition';
 import {ArrowPathIcon} from '@heroicons/vue/24/outline';
 import {useAutoRefresh} from '@/composables';
+import {ref} from 'vue';
 
 const acquiredTypesStore = useAcquiredTypesStore();
+const panel = ref<InstanceType<typeof AcquisitionsPanel>>();
 
 const refresh = async () => {
-  await acquiredTypesStore.refresh();
+  await panel.value?.refresh();
 }
 
 const {active: autoRefresh, toggle: toggleAutoRefresh} = useAutoRefresh(refresh, 5 * 60 * 1000);
@@ -22,6 +24,6 @@ const {active: autoRefresh, toggle: toggleAutoRefresh} = useAutoRefresh(refresh,
                 </button>
             </div>
         </div>
-        <AcquisitionsPanel :items="acquiredTypesStore.acquiredTypes" ignoredColums="date" />
+        <AcquisitionsPanel ref="panel" :items="acquiredTypesStore.acquiredTypes" ignoredColums="date" />
     </div>
 </template>