import { computed } from 'vue'

/**
 * Responsive resim yardımcısı.
 *
 * Basit versiyon:
 *   - src doğrudan geçirilir (Vite hash'li import veya public URL).
 *   - srcset şu an src'yi tekrar eder; ileride ImageKit/imgproxy ile
 *     gerçek responsive URL üretimi eklenecek.
 *   - loading="lazy" tüm bileşenlerde manuel olarak eklenmeli;
 *     bu composable sadece srcset/src prop'larını standartlaştırır.
 *
 * Kullanım:
 *   import { useResponsiveImage } from '@/Composables/useImage'
 *   const { src, srcset } = useResponsiveImage(props.avatarUrl)
 *
 *   <img :src="src" :srcset="srcset" loading="lazy" alt="..." />
 */
export function useResponsiveImage(src, options = {}) {
    const { sizes = [320, 640, 1024, 1920] } = options

    /**
     * Placeholder — imgproxy/ImageKit entegrasyonuna hazır.
     * Şu an yalnızca orijinal src'yi döner.
     *
     * Örnek gelecek implementasyon:
     *   return sizes.map(w => `${baseUrl}?w=${w} ${w}w`).join(', ')
     */
    const srcset = computed(() => src ?? '')

    return { src: src ?? '', srcset }
}
