schon/storefront/composables/products/useProducts.ts
Alexandr SaVBaD Waltz 40ae24a04c Features: 1) Add SEO-related fragments to GraphQL queries including SEOMETA_FRAGMENT usage in brands, categories, and products queries; 2) Enable localized and dynamic SEO metadata handling in category pages with Vue composables and useSeoMeta; 3) Replace obsolete client-only wrapper with native Nuxt components like nuxt-marquee for enhanced rendering;
Fixes: 1) Correct file path imports by removing `.js` extensions in GraphQL fragments; 2) Resolve typo in `usePromocodeStore` composables to ensure consistent store usage; 3) Add missing `:type="submit"` to login form button for proper form submission handling;

Extra: 1) Remove unused `.idea` and `README.md` files for repository cleanup; 2) Delete extraneous dependencies from `package-lock.json` for streamlined package management; 3) Refactor category slug handling with improved composable logic for cleaner route parameters and SEO alignment.
2025-09-13 12:53:06 +03:00

29 lines
No EOL
738 B
TypeScript

import { GET_PRODUCTS } from '~/graphql/queries/standalone/products';
import type { IProductResponse } from '~/types';
export function useProducts() {
const variables = ref({ first: 12 });
const { data, error, refresh } = useAsyncQuery<IProductResponse>(
GET_PRODUCTS,
variables
);
const products = computed(() => data.value?.products?.edges ?? []);
const pageInfo = computed(() => data.value?.products?.pageInfo ?? {});
const getProducts = async (params: Record<string, any> = {}) => {
variables.value = { ...variables.value, ...params };
await refresh();
};
watch(error, (e) => {
if (e) console.error('useProducts error:', e);
});
return {
products,
pageInfo,
getProducts
};
}