Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

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

Offen
  • Stimmt etwas nicht?
#444 2 Kommentare 5 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
34/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
nuxt, typescript
Bereich
mobile

Rechercherichtung

Beginne mit der im Issue verlinkten Dokumentation zum Anpassen von app.vue und reproduziere das Verhalten mit einem in Nuxt konfigurierten plattformspezifischen layouts-Verzeichnis. Verfolge, wie das Ionic-Modul den App-Root auswählt, und vergleiche die vorgeschlagenen Ansätze default-layout, ionic.vue und konfigurierbares appIndex; abgeschlossen ist die Aufgabe, wenn ein plattformspezifischer Root ausgewählt werden kann, ohne dass app.vue layouts überschreibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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
Vorherrschende Sprache
TypeScript
Sterne
458
Forks
54
Ø Merge
1 T. 1 Std.
Gemergte PRs (30 T.)
19

Entwicklungsumgebung

Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus nuxt-modules/ionic

Alle Issues in nuxt-modules/ionic

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.