// src/utils/api.ts
import { ref } from 'vue';

// A reactive reference to hold the API URL.
// It's initialized with a default/fallback value.
export const apiUrl = ref('/api');

/**
 * Sets the global API URL from a reliable source, like the main layout component.
 * @param url The API base URL from Inertia props.
 */
export function initializeApiUrl(url: string | null | undefined) {
  if (url && typeof url === 'string') {
    apiUrl.value = url.replace(/\/$/, ''); // Remove trailing slash
  }
}