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.
27 lines
No EOL
678 B
TypeScript
27 lines
No EOL
678 B
TypeScript
import { GET_PRODUCT_BY_SLUG } from '~/graphql/queries/standalone/products';
|
|
import type { IProduct, IProductResponse } from '~/types';
|
|
|
|
export async function useProductBySlug(slug: string) {
|
|
const product = useState<IProduct | null>('currentProduct', () => null);
|
|
|
|
const { data, error } = await useAsyncQuery<IProductResponse>(
|
|
GET_PRODUCT_BY_SLUG,
|
|
{ slug }
|
|
);
|
|
|
|
const result = data.value?.products?.edges[0]?.node ?? null;
|
|
if (result) {
|
|
product.value = result;
|
|
}
|
|
|
|
watch(error, (err) => {
|
|
if (err) {
|
|
console.error('useProductBySlug error:', err);
|
|
}
|
|
});
|
|
|
|
return {
|
|
product,
|
|
seoMeta: computed(() => product.value?.seoMeta)
|
|
};
|
|
} |