perf: optimization phases 3-5
This commit is contained in:
@ -174,6 +174,7 @@ const getStatusClass = (status: string) => {
|
||||
<div
|
||||
v-for="route in routeStore.allRoutes"
|
||||
:key="route.id"
|
||||
v-memo="[route.id]"
|
||||
class="bg-slate-50 dark:bg-card-dark p-5 rounded-[2rem] shadow-sm border border-slate-200 dark:border-white/5 flex flex-col gap-4 active:scale-[0.98] transition-all cursor-pointer"
|
||||
@click="goToSchedules(route)"
|
||||
>
|
||||
@ -219,12 +220,13 @@ const getStatusClass = (status: string) => {
|
||||
<div
|
||||
v-for="taxi in taxiStore.taxis"
|
||||
:key="taxi.id"
|
||||
v-memo="[taxi.id]"
|
||||
class="bg-slate-50 dark:bg-card-dark p-5 rounded-[2rem] shadow-sm border border-slate-200 dark:border-white/5 flex flex-col gap-4 active:scale-[0.98] transition-all"
|
||||
>
|
||||
<div class="flex justify-between items-center">
|
||||
<div class="flex items-center gap-4">
|
||||
<div class="size-14 rounded-2xl bg-primary/10 flex items-center justify-center text-primary overflow-hidden">
|
||||
<img v-if="taxi.image_url" :src="taxi.image_url" class="w-full h-full object-cover">
|
||||
<img v-if="taxi.image_url" :src="taxi.image_url" loading="lazy" decoding="async" class="w-full h-full object-cover">
|
||||
<span v-else class="material-icons text-[32px]">local_taxi</span>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user