From afb3f1ee6d080e3ddea5cb5d164f928b2a100ce5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Camilo=20Gonz=C3=A1lez?=
 <j.gonzalezj@uniandes.edu.co>
Date: Tue, 5 Mar 2024 14:57:55 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20problema=20de=20regresar=20al=20?=
 =?UTF-8?q?inicio=20vac=C3=ADo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Cargador.vue                 |  2 +-
 components/Galeria/Mosaico.vue          |  2 +-
 components/Galeria/index.vue            |  2 +-
 components/PaginaGeneral.vue            | 18 +++++++++++++++---
 components/Vista/Abecedario.vue         |  4 ++--
 components/Vista/FiltrosUbicaciones.vue |  2 +-
 components/Vista/FiltrosVistas.vue      |  2 +-
 components/Vista/Mapa/Cajon.vue         |  3 ++-
 components/Vista/index.vue              |  2 +-
 pages/categorias[[numero]]/index.vue    |  2 +-
 pages/index.vue                         |  5 +++--
 pages/obras/[registro].vue              |  4 ++--
 12 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/components/Cargador.vue b/components/Cargador.vue
index cf49f71..2f86f16 100644
--- a/components/Cargador.vue
+++ b/components/Cargador.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="contenedor-cargador">
+  <div class="contenedor-cargador">
     <div class="cargador">
       <Logo class="logo" />
       <div class="texto-cargador">
diff --git a/components/Galeria/Mosaico.vue b/components/Galeria/Mosaico.vue
index 46ebc18..dc2e224 100644
--- a/components/Galeria/Mosaico.vue
+++ b/components/Galeria/Mosaico.vue
@@ -27,7 +27,7 @@ onMounted(() => {
 
 <template>
   <div class="contenedorGaleria">
-    <div v-for="obra in obras" :key="obra.registro" class="obra">
+    <div v-for="obra in obras" :key="`obra-registro-${obra.registro}`" class="obra">
       <span class="registro">{{ obra.registro }}</span>
 
       <NuxtLink :to="`/obras/${obra.registro}`">
diff --git a/components/Galeria/index.vue b/components/Galeria/index.vue
index 69ca1e3..bd42e08 100644
--- a/components/Galeria/index.vue
+++ b/components/Galeria/index.vue
@@ -195,5 +195,5 @@ function cargarPagina(pagina: number) {
   <GaleriaInformacion v-if="datos" :coleccion="coleccion" :datos="datos" />
 
   <Cargador v-if="pending" />
-  <GaleriaMosaico v-else :obras="obras" :pagina="paginaActual" :cargarPagina="cargarPagina" :cargando="cargando" />
+  <GaleriaMosaico :obras="obras" :pagina="paginaActual" :cargarPagina="cargarPagina" :cargando="cargando" />
 </template>
diff --git a/components/PaginaGeneral.vue b/components/PaginaGeneral.vue
index acaa0f9..cbc3f8f 100644
--- a/components/PaginaGeneral.vue
+++ b/components/PaginaGeneral.vue
@@ -1,12 +1,24 @@
 <script setup lang="ts">
-import type { Pagina } from '~/tipos';
+import type { Imagen, Pagina } from '~/tipos';
 import { gql } from '~/utilidades/ayudas';
 
 interface Props {
   slug: string;
 }
+
+interface DatosPagina {
+  titulo: string;
+  descripcion: string;
+  contenido: string;
+  banner: Imagen;
+}
+
+interface Esquema {
+  paginas: DatosPagina[];
+}
+
 const props = defineProps<Props>();
-const datos: Ref<Pagina | null> = ref(null);
+const datos: Ref<DatosPagina | null> = ref(null);
 
 const Pagina = gql`
 query {
@@ -22,7 +34,7 @@ query {
 }
 `;
 
-const { paginas } = await obtenerDatos(`pagina${props.slug}`, Pagina);
+const { paginas } = await obtenerDatos<Esquema>(`pagina${props.slug}`, Pagina);
 
 if (paginas.length) {
   datos.value = paginas[0];
diff --git a/components/Vista/Abecedario.vue b/components/Vista/Abecedario.vue
index 0ed3350..9ffe854 100644
--- a/components/Vista/Abecedario.vue
+++ b/components/Vista/Abecedario.vue
@@ -55,10 +55,10 @@ function procesarDatos() {
 </script>
 
 <template>
-  <section v-for="seccion in abc" :key="`seccion${seccion.letra}`" class="grupoLetras">
+  <section v-for="seccion in abc" :key="`seccion-letra-${seccion.letra}`" class="grupoLetras">
     <h2 class="tituloLetra">{{ seccion.letra }}</h2>
     <ul class="elementos">
-      <li v-for="(elemento, i) in seccion.elementos" :key="`elemento${i}`" class="elemento">
+      <li v-for="(elemento, i) in seccion.elementos" :key="`elemento-abc-${i}`" class="elemento">
         <NuxtLink :to="elemento.url">{{ elemento.texto }}</NuxtLink>
       </li>
     </ul>
diff --git a/components/Vista/FiltrosUbicaciones.vue b/components/Vista/FiltrosUbicaciones.vue
index 1a3784a..ec3fce7 100644
--- a/components/Vista/FiltrosUbicaciones.vue
+++ b/components/Vista/FiltrosUbicaciones.vue
@@ -18,7 +18,7 @@ const opciones: { coleccion: TiposLugares; titulo: string }[] = [
   <ul class="opciones">
     <li
       v-for="opcion in opciones"
-      :key="`opcionUbicacion${opcion.coleccion}`"
+      :key="`opcion-ubicacion${opcion.coleccion}`"
       @click="cambiarDatos(opcion.coleccion)"
       class="opcionUbicacion"
       :class="coleccion === opcion.coleccion ? 'activo' : ''"
diff --git a/components/Vista/FiltrosVistas.vue b/components/Vista/FiltrosVistas.vue
index 2f54902..db67c8a 100644
--- a/components/Vista/FiltrosVistas.vue
+++ b/components/Vista/FiltrosVistas.vue
@@ -50,7 +50,7 @@ function cambiarVista(llave: Vistas) {
   <div id="filtrosVistas">
     <VistaIconos
       v-for="vista in vistas"
-      :key="vista"
+      :key="`vista-${vista}`"
       class="filtro"
       :class="cerebroArchivo.vistaActual === vista ? 'activo' : ''"
       :vista="vista"
diff --git a/components/Vista/Mapa/Cajon.vue b/components/Vista/Mapa/Cajon.vue
index c74c5b6..bf307f7 100644
--- a/components/Vista/Mapa/Cajon.vue
+++ b/components/Vista/Mapa/Cajon.vue
@@ -36,7 +36,8 @@ watch(data, (respuesta) => {
 <template>
   <div id="cajon" :class="abierto ? 'activo' : ''">
     <Cargador v-if="pending" />
-    <div v-else class="contenido">
+
+    <div class="contenido">
       <div id="cerrar" @click="cerrarCajon">X</div>
       <h3 class="titulo">
         <NuxtLink :to="`/${coleccion}/${coleccion === 'paises' ? datos.slug : datos.id}`">{{ datos.nombre }}</NuxtLink>
diff --git a/components/Vista/index.vue b/components/Vista/index.vue
index 86bfbc9..959c0df 100644
--- a/components/Vista/index.vue
+++ b/components/Vista/index.vue
@@ -184,7 +184,7 @@ async function cambiarDatosUbicacion(tipoLugar: TiposLugares) {
 
   <Cargador v-if="pending || cargando" />
 
-  <div v-else>
+  <div>
     <VistaAbecedario
       v-if="cerebroArchivo.vistaActual === 'abc'"
       :datos="datos as DatosVistas[]"
diff --git a/pages/categorias[[numero]]/index.vue b/pages/categorias[[numero]]/index.vue
index 9cb7d24..6e70743 100644
--- a/pages/categorias[[numero]]/index.vue
+++ b/pages/categorias[[numero]]/index.vue
@@ -189,7 +189,7 @@ function clicSubCategorias(nivel: number, datosCategoria: Categoria) {
 
   <Cargador v-if="pending" />
 
-  <div v-else>
+  <div>
     <!-- Ver documentación del componente <TransitionGroup> en https://vuejs.org/guide/built-ins/transition-group.html -->
     <TransitionGroup name="tarjetas" tag="ul">
       <ul
diff --git a/pages/index.vue b/pages/index.vue
index 2d0559f..512a72e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -54,13 +54,14 @@ watch(data, (respuesta) => {
 
 <template>
   <Cargador v-if="pending && !pagina" />
-  <div v-else id="portada" :style="`background-image:url(${imgPortada})`">
+
+  <div id="portada" :style="`background-image:url(${imgPortada})`">
     <Logo class="svgClaro" />
     <h1 class="titulo logo-texto">{{ general.titulo }}</h1>
     <div
       v-if="pagina && pagina.secciones"
       v-for="(seccion, i) in pagina.secciones"
-      :key="`seccion${i}`"
+      :key="`seccion-intro${i}`"
       class="seccion"
     >
       <section v-if="seccion.titulo || seccion.texto">
diff --git a/pages/obras/[registro].vue b/pages/obras/[registro].vue
index 5503e55..99a364e 100644
--- a/pages/obras/[registro].vue
+++ b/pages/obras/[registro].vue
@@ -273,7 +273,7 @@ const rutaCampo = (llave: keyof RegistroObra) => {
 <template>
   <Cargador v-if="pending" />
 
-  <div id="contenedorObra" v-else>
+  <div id="contenedorObra">
     <div id="contenedorImagen" :class="vistaCompleta ? 'grande' : ''">
       <div class="opciones">
         <IconoZoom class="controlImg zoom" :vistaCompleta="vistaCompleta" @click="cambiarVistaImagen" />
@@ -316,7 +316,7 @@ const rutaCampo = (llave: keyof RegistroObra) => {
         <div id="registro">{{ obra.registro }}</div>
       </section>
 
-      <template v-for="seccion in cerebroGeneral.campos" :key="`campo${seccion.campo}`">
+      <template v-for="seccion in cerebroGeneral.campos" :key="`campo-ficha-${seccion.campo}`">
         <template v-if="seccion.campo === 'separador'">
           <span class="separador"></span>
         </template>