schon/storefront/composables/products/useProductBySlug.ts
Alexandr SaVBaD Waltz 129ad1a6fa Features: 1) Build standalone pages for search, contact, catalog, category, brand, product, and home with localized metadata and scoped styles; 2) Add extensive TypeScript definitions for API and app-level structures, including products, orders, brands, and categories; 3) Implement i18n configuration with dynamic browser language detection and fallback system;
Fixes: None;

Extra: 1) Create Pinia stores for app, user, category, and company management; 2) Add utility functions for error handling and category slug lookups; 3) Include German locale file and robots.txt for improved SEO and accessibility; 4) Add SVG assets and improve general folder structure for better maintainability.
2025-06-27 00:10:35 +03:00

26 lines
No EOL
616 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
}
}