public/owltide
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages 1 Wiki Activity Actions

Remove use of async components

Browse source 
When async components are added dynamically to the tree via v-for list
that change their order and position gets messed up.  I am not sure what
causes this, so I will just work around the issue for now and not use
async components.

Components that need async data loaded will instead depend on the parent
page fetching this data during its setup.
This commit is contained in:
Hornwitser 2025-07-16 18:59:11 +02:00
parent 345caec57f
commit 4ff3dcb3fe
6 changed files with 0 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

1
components/AssignedCrew.vue
View file

@ -29,7 +29,6 @@ defineProps<{
edit?: boolean
}>();
const usersStore = useUsersStore();
await usersStore.fetch();
const assignedIds = defineModel<Set<number>>({ required: true });
const assigned = computed(
() => [...assignedIds.value].map(

1
components/CardEvent.vue
View file

@ -53,7 +53,6 @@ defineProps<{
const accountStore = useAccountStore();
const usersStore = useUsersStore();
await usersStore.fetch();
function formatTime(time: DateTime) {
return time.toFormat("yyyy-LL-dd HH:mm");

2
components/CardShift.vue
View file

@ -27,9 +27,7 @@ defineProps<{
shift: ClientScheduleShift
}>()
const accountStore = useAccountStore();
const usersStore = useUsersStore();
await usersStore.fetch();
function formatTime(time: DateTime) {
return time.toFormat("yyyy-LL-dd HH:mm");

1
components/TableScheduleEventSlots.vue
View file

@ -215,7 +215,6 @@ interface Gap {
const accountStore = useAccountStore();
const usersStore = useUsersStore();
await usersStore.fetch();
const schedule = await useSchedule();
const oneDayMs = 24 * 60 * 60 * 1000;

1
components/TableScheduleShiftSlots.vue
View file

@ -209,7 +209,6 @@ interface Gap {
const accountStore = useAccountStore();
const usersStore = useUsersStore();
await usersStore.fetch();
const schedule = await useSchedule();
const oneDayMs = 24 * 60 * 60 * 1000;

1
components/TableUsers.vue
View file

@ -55,7 +55,6 @@
<script lang="ts" setup>
useEventSource();
const usersStore = useUsersStore();
await usersStore.fetch();
async function saveUser(user: ClientUser) {
try {