API Overview

import { useAuth } from '@/composables/useAuth'

const { isAuthenticated, login, logout, getUser } = useAuth()

// Check authentication status
const isLoggedIn = checkAuth()

// Login user
login('token-value', '[email protected]')

// Get current user
const user = getUser() // { email: string, token: string }

// Logout
logout()

import { useImageUpload } from '@/composables/useImageUpload'

const { uploading, error, imageUrl, uploadImage, deleteImage } = useImageUpload({
  bucket: 'imagenes',
  folder: 'reportes',
  maxSizeMB: 5,
  allowedTypes: ['image/jpeg', 'image/png', 'image/webp']
})

// Upload an image
const result = await uploadImage(file)
if (result.success) {
  console.log('Image URL:', result.url)
}

// Delete an image
await deleteImage(imageUrl.value)

import { useLanguage } from '@/composables/useLanguage'

const { currentLanguage, languages, changeLanguage, loadSavedLanguage } = useLanguage()

// Load saved language preference
loadSavedLanguage()

// Change language
changeLanguage('en')

// Available languages
console.log(languages) // [{ code: 'es', name: 'Español', flag: '🇪🇸' }, ...]

import { useReportes } from '@/composables/useReportes'

const { reportes, loading, error, obtenerReportesUsuario, agruparPorEstado, contarPorEstado } = useReportes()

// Fetch user reports
const userReports = await obtenerReportesUsuario('user-id')

// Group by status
const grouped = agruparPorEstado(reportes.value)
console.log(grouped.pendiente) // Array of pending reports

// Count by status
const counts = contarPorEstado(reportes.value)
console.log(counts) // { pendiente: 5, en_revision: 2, resuelto: 10, ... }

import { useSearch } from '@/composables/useSearch'

const { searchTerm, performSearch, clearSearch } = useSearch()

// Bind to input
<input v-model="searchTerm" @keyup.enter="performSearch" />

// Perform search
performSearch()

// Clear search
clearSearch()

import { useAuthStore } from '@/stores/auth.store'

const authStore = useAuthStore()

// Initialize authentication
await authStore.initAuth()

// Register new user
const result = await authStore.register(
  '[email protected]',
  'password123',
  {
    nombres: 'Juan',
    apellidos: 'Pérez',
    cedula: '1234567890',
    parroquia: 'Manta',
    barrio: 'Centro',
    tipo: 'ciudadano'
  }
)

// Login
await authStore.login('[email protected]', 'password123')

// Check authentication
if (authStore.isAuthenticated()) {
  console.log('User:', authStore.usuario)
}

// Logout
await authStore.logout()

import { useReportesStore } from '@/stores/reportes.store'

const reportesStore = useReportesStore()

// Fetch reports with filters
await reportesStore.fetchReportes({
  usuario_id: 'user-id',
  estado: 'pendiente',
  categoria: 'infraestructura'
})

// Create new report
const result = await reportesStore.crearReporte({
  titulo: 'Bache en la vía',
  descripcion: 'Hay un bache grande...',
  categoria: 'infraestructura',
  direccion: 'Calle Principal',
  ubicacion: { lat: -0.95, lng: -80.72 },
  estado: 'pendiente'
})

// Update report
await reportesStore.actualizarReporte('report-id', {
  estado: 'en_revision'
})

// Upload image for report
const upload = await reportesStore.subirImagen(file, 'report-id')

// Subscribe to realtime updates
const subscription = reportesStore.subscribeToReportes()

import { useNoticiasStore } from '@/stores/noticias.store'

const noticiasStore = useNoticiasStore()

// Fetch news for specific location
await noticiasStore.fetchNoticiasUsuario('Manta', 'Centro')

// Fetch all news (admin only)
await noticiasStore.fetchTodasLasNoticias()

// Create news article
await noticiasStore.crearNoticia({
  titulo: 'Noticia importante',
  descripcion: 'Descripción de la noticia',
  categoria: 'municipal',
  parroquia_destino: 'Manta', // null for global news
  barrio_destino: null // null for parroquia-wide news
})

// Update news
await noticiasStore.actualizarNoticia('news-id', {
  titulo: 'Título actualizado'
})

import { useEncuestasStore } from '@/stores/encuestas.store'

const encuestasStore = useEncuestasStore()

// Fetch active surveys
await encuestasStore.fetchEncuestas(true)

// Create survey
await encuestasStore.crearEncuesta({
  titulo: 'Encuesta de satisfacción',
  descripcion: 'Ayúdanos a mejorar',
  tipo: 'opcion_multiple',
  opciones: [
    {
      pregunta: '¿Cómo calificas el servicio?',
      opciones: ['Excelente', 'Bueno', 'Regular', 'Malo']
    }
  ],
  activa: true
})

// Submit response
await encuestasStore.responderEncuesta('survey-id', {
  respuestaLibre: ['Excelente']
})

// Check if user already responded
const yaRespondio = await encuestasStore.verificarYaRespondio('survey-id')

// Get statistics
const stats = await encuestasStore.obtenerEstadisticas('survey-id')

import { supabase, handleSupabaseError, isAuthenticated, getCurrentUser } from '@/lib/supabase'

// Use the client directly
const { data, error } = await supabase
  .from('reportes')
  .select('*')
  .eq('estado', 'pendiente')

if (error) {
  const message = handleSupabaseError(error)
  console.error(message)
}

// Check authentication
const authed = await isAuthenticated()

// Get current user
const user = await getCurrentUser()

import { conditionalStorage } from '@/lib/storage'

// Use like localStorage
conditionalStorage.setItem('key', 'value')
const value = conditionalStorage.getItem('key')
conditionalStorage.removeItem('key')

import type { Database } from '@/types/database.types'

type Reporte = Database['public']['Tables']['reportes']['Row']
type InsertReporte = Database['public']['Tables']['reportes']['Insert']
type UpdateReporte = Database['public']['Tables']['reportes']['Update']