Alexandr SaVBaD Waltz
c9807bd6d4
Fixes: 1) Correct mutation name from `setlanguage` to `setLanguage` for consistency; 2) Improve product listing reactivity by addressing missing initialization in `useStore`; 3) Replace generic product queries with parametrized `useProducts` for modularity; 4) Resolve minor typos, missing semicolons, and code formatting inconsistencies. Extra: 1) Refactor feedback-related types, composables, and GraphQL utilities for modularity; 2) Update styles, Vue templates, and related scripts with enhanced formatting; 3) Remove unused methods like `getProducts`, standardizing query reactivity; 4) Cleanup and organize imports across multiple files.
34 lines
No EOL
775 B
TypeScript
34 lines
No EOL
775 B
TypeScript
import { GET_PRODUCTS } from '~/graphql/queries/standalone/products';
|
|
import type { IProductResponse } from '~/types';
|
|
|
|
export function useProducts(params: Record<string, any> = {}) {
|
|
const variables = ref({
|
|
first: 12,
|
|
...params
|
|
});
|
|
|
|
const { data, error } = useAsyncQuery<IProductResponse>(
|
|
GET_PRODUCTS,
|
|
variables
|
|
);
|
|
|
|
const products = computed(() => data.value?.products?.edges ?? []);
|
|
const pageInfo = computed(() => data.value?.products?.pageInfo ?? {});
|
|
|
|
watch(error, (e) => {
|
|
if (e) console.error('useProducts error:', e);
|
|
});
|
|
|
|
const updateVariables = (newParams: Record<string, any>) => {
|
|
variables.value = {
|
|
first: 12,
|
|
...newParams
|
|
};
|
|
};
|
|
|
|
return {
|
|
products,
|
|
pageInfo,
|
|
updateVariables
|
|
};
|
|
} |