Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

feat: Allow using the layouts folder to customize the app root instead of app.vue

Abierto
  • ¿Algo no está bien?
#444 2 comentarios 5 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
34/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
nuxt, typescript
Área
mobile

Línea de trabajo

Comienza con la documentación sobre la personalización de app.vue enlazada en el issue y reproduce el comportamiento con un directorio layouts específico de la plataforma configurado en Nuxt. Rastrea cómo el módulo Ionic selecciona la raíz de la app y compara los enfoques propuestos default-layout, ionic.vue y appIndex configurable; se considera terminado cuando se puede seleccionar una raíz específica de la plataforma sin que app.vue sobrescriba layouts.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

enhancement
🆒 Your use case

When creating a multi platform project (e.g. with web, electron, and ionic), I need to use completely different layouts depending on the project. I do this by changing the layouts dir in my nuxt config depending on the platform I'm building for.

It seems as though you can only customize the root ionic app with the app.vue file. Since the path can't be configured, it breaks the ability to change the app root on a per platform basis. This is because nuxt seems to ignore the layouts folder entirely if there's an app.vue file in the root folder.

🆕 The solution you'd like

If a default layout is found, use that instead of the default app.vue file. Or alternatively, use a layout file called ionic.vue.

Another simple solution would be to allow configuring where nuxt ionic looks for the app.vue file. In this case I could point directly to my app index file:

// Ionic nuxt config...
ionic: {
    appIndex: 'layouts/mobile/default.vue'
}
🔍 Alternatives you've considered

I couldn't find any info on the docs on how to accomplish this: https://ionic.nuxtjs.org/cookbook/customising-app-vue

ℹ️ Additional info
Lenguaje dominante
TypeScript
Estrellas
458
Forks
54
Merge medio
1 d 7 h
PR fusionados (30 d)
18

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de nuxt-modules/ionic

Todos los issues de nuxt-modules/ionic

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.