useNoticiasStore

<script setup>
import { useNoticiasStore } from '@/stores/noticias.store'

const noticiasStore = useNoticiasStore()

async function crearNoticiaGlobal() {
  const result = await noticiasStore.crearNoticia({
    titulo: 'Mantenimiento de vías',
    contenido: 'Se realizará mantenimiento...',
    imagen_url: 'https://example.com/image.jpg',
    parroquia_destino: null, // Global news
    barrio_destino: null
  })
  
  if (result.success) {
    console.log('Noticia creada:', result.data?.id)
  }
}

async function crearNoticiaBarrio() {
  const result = await noticiasStore.crearNoticia({
    titulo: 'Evento local',
    contenido: 'Se realizará un evento...',
    imagen_url: null,
    parroquia_destino: 'Manta',
    barrio_destino: 'Los Esteros' // Neighborhood-specific
  })
}
</script>

<script setup>
import { useNoticiasStore } from '@/stores/noticias.store'
import { useRoute } from 'vue-router'
import { onMounted, computed } from 'vue'

const noticiasStore = useNoticiasStore()
const route = useRoute()

const noticia = computed(() => noticiasStore.noticiaActual)

onMounted(async () => {
  const noticiaId = route.params.id as string
  
  const result = await noticiasStore.fetchNoticia(noticiaId)
  
  if (!result.success) {
    console.error('Noticia no encontrada')
  }
})
</script>

<template>
  <div v-if="noticia">
    <h1>{{ noticia.titulo }}</h1>
    <img v-if="noticia.imagen_url" :src="noticia.imagen_url" />
    <p>{{ noticia.contenido }}</p>
  </div>
</template>

<script setup>
import { useNoticiasStore } from '@/stores/noticias.store'
import { onMounted, computed } from 'vue'

const noticiasStore = useNoticiasStore()

const todasNoticias = computed(() => noticiasStore.noticias)

onMounted(async () => {
  // Admin sees ALL news
  await noticiasStore.fetchTodasLasNoticias()
})

async function eliminar(id: string) {
  const result = await noticiasStore.eliminarNoticia(id)
  
  if (result.success) {
    console.log('Noticia eliminada')
  }
}
</script>