🐛 inicio roto

components/Galeria/index.vue

@@ -140,7 +140,9 @@ function limpiarFechas(datosGenerales: Autor | Personaje): AutorProcesado | Pers
 const obras: Ref<ObraGaleria[]> = ref([]);
 const cargando = ref(false);
 
-if (!datos.value) throw createError({ statusCode: 404, message: 'No existen datos para esta galería' });
+if (!datos.value) {
+  throw createError({ statusCode: 404, message: 'No existen datos para esta galería' });
+}
 
 const { data, pending } = obtenerDatosAsinc(
   `obras-${datos.value.id}`,

layouts/default.vue

@@ -35,17 +35,4 @@ main {
   margin-top: $altoEncabezado;
   position: relative;
 }
-
-// Teléfonos horizontal
-@media (min-width: $minCelular) {
-}
-// Pantallas medianas (Tablets)
-// @media (min-width: $minTablet) {
-// }
-// Dispositivos grandes y pantallas medianas
-@media (min-width: $minPantalla) {
-}
-// Pantallas grandes
-@media (min-width: $minPantallaGrande) {
-}
 </style>

nuxt.config.ts

@@ -32,6 +32,9 @@ export default defineNuxtConfig({
       ],
     },
   },
+  dir: {
+    pages: 'paginas',
+  },
   vite: {
     css: {
       preprocessorOptions: {

pages/[...slug].vue → paginas/[...slug].vue

@@ -89,40 +89,38 @@ if (esPaginaGeneral) {
         }
 
         datos.value = { ...esPaginaArchivo, ...respuesta.paginas_archivo[0] };
-        definePageMeta({ layout: 'archivo', keepalive: true });
+        definePageMeta({ layout: 'archivo' });
         tipoPagina.value = 'archivoSingular';
         // La galería se encarga de los elementosCabeza() para SEO.
       } else {
         // TODO: 404
       }
     }
   } else {
-    // TODO: ESTO ESTABA ROMPIENDO LA PàGINA, VER COMO MOSTRAR EL 404 CUANDO DE VERDAD ES 404
-    throw createError({ statusCode: 404, message: 'La página no existe', fatal: false });
+    // console.log('nada', ruta.params.slug, slug);
+    // definePageMeta({ layout: 'default' });
+    // definePageMeta({ layout: 'archivo' });
   }
 }
-
-//
 </script>
 
 <template>
   <PaginaGeneral v-if="tipoPagina === 'general'" :slug="indice" />
 
-  <template v-else-if="datos && tipoPagina === 'archivoIndice'">
+  <div v-else-if="datos && tipoPagina === 'archivoIndice'">
     <h1>{{ datos.titulo }}</h1>
     <GaleriaInformacion coleccion="pagina" :datos="datos" />
     <Vista :coleccion="datos.coleccion" :slug="datos.slug" />
-  </template>
-
-  <template v-else-if="datos && tipoPagina === 'archivoSingular'">
-    <Galeria
-      :coleccion="datos.coleccion"
-      :nombreCampo="nombreCampo"
-      :singular="datos.titulo_singular"
-      :enTablaRelacional="enTablaRelacional"
-      :slug="ruta.params.slug[1]"
-    />
-  </template>
+  </div>
+
+  <Galeria
+    v-else-if="datos && tipoPagina === 'archivoSingular'"
+    :coleccion="datos.coleccion"
+    :nombreCampo="nombreCampo"
+    :singular="datos.titulo_singular"
+    :enTablaRelacional="enTablaRelacional"
+    :slug="ruta.params.slug[1]"
+  />
 </template>
 
 <style lang="scss">

pages/index.vue → paginas/index.vue

@@ -124,19 +124,4 @@ watch(data, (respuesta) => {
   margin-top: 0.5em;
   margin-bottom: 1.5em;
 }
-// Teléfonos horizontal
-@media (min-width: $minCelular) {
-}
-
-// Pantallas medianas (Tablets)
-@media (min-width: $minTablet) {
-}
-
-// Dispositivos grandes y pantallas medianas
-@media (min-width: $minPantalla) {
-}
-
-// Pantallas grandes
-@media (min-width: $minPantallaGrande) {
-}
 </style>