Vue Storefront 2 useProductList composable performance with large catalogs without caching

useProductList Composable Performance with Large Catalogs

Vue Storefront 2's useProductList composable renders product listings via GraphQL API middleware. The default caching provided by the @vue-storefront/nuxt module is documented for SSR, but cache invalidation behavior for frequently changing catalog data is not clearly specified.

State management uses Pinia with @vue-storefront/composition, which can introduce hydration considerations in SSR when cache layers are applied to large datasets. The interaction between GraphQL query complexity, Nuxt SSR rendering, and the framework's caching defaults creates uncertainty for catalogs exceeding several thousand products.

What measurement approach distinguishes GraphQL response time from Nuxt SSR render time for useProductList? Which cache scope is appropriate for product list data under SSR, and how is invalidation intended to be triggered for updates?