Enable server-side clustering on all catalog pages
All checks were successful
Build Docker Image / build (push) Successful in 4m37s

- Add clusterNodeType prop to CatalogPage
- Update useClusteredNodes to accept nodeType parameter
- Enable server clustering on /offers and /suppliers pages
- Add hoveredId sync on /offers page
- Remove hover:shadow-lg animation from Card
This commit is contained in:
Ruslan Bakiev
2026-01-16 17:32:59 +07:00
parent d3bc7e9c09
commit 43310f5c28
7 changed files with 25 additions and 5 deletions

View File

@@ -4,8 +4,12 @@
:loading="isLoading"
:total-count="products.length"
with-map
use-server-clustering
cluster-node-type="offer"
map-id="offers-products-map"
point-color="#3b82f6"
:hovered-id="hoveredProductId"
@update:hovered-id="hoveredProductId = $event"
>
<template #searchBar="{ displayedCount, totalCount }">
<CatalogSearchBar
@@ -58,6 +62,9 @@ const { t } = useI18n()
const { items: products, isLoading, init } = useCatalogProducts()
// Hovered product for map sync
const hoveredProductId = ref<string>()
// Search
const searchQuery = ref('')

View File

@@ -4,6 +4,8 @@
:map-items="itemsWithCoords"
:loading="isLoading"
with-map
use-server-clustering
cluster-node-type="supplier"
map-id="suppliers-map"
point-color="#3b82f6"
:selected-id="selectedSupplierId"