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.
29 lines
No EOL
738 B
TypeScript
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
|
|
};
|
|
} |