mirrors/homebox
1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2025-07-25 20:10:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(frontend): fix mis-matched state errors (#9)

Browse source 
implenmented a store for each global item and tied it to an event bus and used the listener on the requests object to intercept responses from the API and run the appripriate get call when updates were detected.
This commit is contained in:
Hayden 2022-09-12 19:36:22 -08:00 • committed by GitHub
parent 724495cfca
commit 90813abf76
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 247 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

26
frontend/pages/home.vue
View file

@ -1,4 +1,8 @@
<script setup lang="ts">
import { useItemStore } from "~~/stores/items";
import { useLabelStore } from "~~/stores/labels";
import { useLocationStore } from "~~/stores/locations";
definePageMeta({
layout: "home",
});
@ -8,20 +12,14 @@
const api = useUserApi();
const { data: locations } = useAsyncData("locations", async () => {
const { data } = await api.locations.getAll();
return data.items;
});
const itemsStore = useItemStore();
const items = computed(() => itemsStore.items);
const { data: labels } = useAsyncData("labels", async () => {
const { data } = await api.labels.getAll();
return data.items;
});
const locationStore = useLocationStore();
const locations = computed(() => locationStore.locations);
const { data: items } = useAsyncData("items", async () => {
const { data } = await api.items.getAll();
return data.items;
});
const labelsStore = useLabelStore();
const labels = computed(() => labelsStore.labels);
const totalItems = computed(() => items.value?.length || 0);
const totalLocations = computed(() => locations.value?.length || 0);
@ -67,6 +65,8 @@
importRef.value.click();
}
const eventBus = useEventBus();
async function submitCsvFile() {
importLoading.value = true;
@ -81,6 +81,8 @@
importLoading.value = false;
importCsv.value = null;
importRef.value.value = null;
eventBus.emit(EventTypes.ClearStores);
}
</script>