refactor: optimize performance of data fetching in the dashboard component

This commit is contained in:
puriphatt 2025-02-20 11:09:53 +07:00
parent 8dd3268738
commit f62463dc80

View file

@ -83,7 +83,6 @@ onMounted(async () => {
}); });
</script> </script>
<template> <template>
<div>
<q-btn <q-btn
rounded rounded
dense dense
@ -182,10 +181,7 @@ onMounted(async () => {
style="overflow: hidden" style="overflow: hidden"
> >
<div class="column col-12 items-center"> <div class="column col-12 items-center">
<div <div class="full-width row justify-center" style="position: relative">
class="full-width row justify-center"
style="position: relative"
>
<div <div
class="full-width account-cover" class="full-width account-cover"
:class="{ dark: $q.dark.isActive }" :class="{ dark: $q.dark.isActive }"
@ -224,11 +220,7 @@ onMounted(async () => {
:ratio="1" :ratio="1"
:src="`/no-img-${gender === 'female' ? 'female' : 'man'}.png`" :src="`/no-img-${gender === 'female' ? 'female' : 'man'}.png`"
></q-img> ></q-img>
<q-icon <q-icon v-else name="mdi-account-outline" color="white" />
v-else
name="mdi-account-outline"
color="white"
/>
</div> </div>
</template> </template>
</q-img> </q-img>
@ -368,7 +360,6 @@ onMounted(async () => {
</div> </div>
</q-menu> </q-menu>
</q-btn> </q-btn>
</div>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">
.account-menu-down { .account-menu-down {