export default function productDetail() {
    return {
        product: null,
        init() {
            const segments = window.location.pathname.split('/');
            // assuming URL: /products/5
            const id = segments[segments.length - 1];
            this.fetchProduct(id);
        },
        async fetchProduct(id) {
            const token = localStorage.getItem('localtoken'); // Sanctum token
            try {
                let response = await fetch(`/api/product/${id}`, {
                    headers: {
                        'Authorization': `Bearer ${token}`,
                        'Accept': 'application/json'
                    }
                });
                if (response.ok) {
                    this.product = await response.json();
                } else {
                    console.error("Fetch failed", response.status);
                }
            } catch (e) {
                console.error("Error:", e);
            }
        }
    }
}