2.1-A: Layout-ok atnevezese es <slot /> -> <router-view /> csere #241

Open
opened 2026-06-08 20:03:53 +02:00 by kincses · 0 comments
Owner

Merfoldko: Frontend Architektura 2.0 & Dinamikus Megjelenitesi Rendszer
Cel: ConsumerLayout -> PrivateLayout, CorporateLayout -> OrganizationLayout atnevezes, es a kicserelese -ra.

Fuggosegek (Dependencies)

  • Bemenet: #231 (Layout komponensek alapok)
  • Kimenet: #231-B, #232-A, #232-B

Implementacios Reszletek

  1. Fajl atnevezesek:

    • frontend/src/layouts/ConsumerLayout.vue -> PrivateLayout.vue
    • frontend/src/layouts/CorporateLayout.vue -> OrganizationLayout.vue
  2. Template modositasok:

    • -> mindket layout-ban
    • wrapper a router-view korul
    • :key=.fullPath a transition-hez
  3. Importok frissitese minden fajlban, ahol a regi layout nevek szerepelnek

  4. AdminLayout.vue - megtartja a slot-ot (nem resze ennek a milestone-nak)

Erintett fajlok

  • frontend/src/layouts/ConsumerLayout.vue (atnevezes + modositas)
  • frontend/src/layouts/CorporateLayout.vue (atnevezes + modositas)
  • frontend/src/router/index.ts (import frissites)
  • frontend/src/App.vue (import frissites)
**Merfoldko:** Frontend Architektura 2.0 & Dinamikus Megjelenitesi Rendszer **Cel:** ConsumerLayout -> PrivateLayout, CorporateLayout -> OrganizationLayout atnevezes, es a <slot /> kicserelese <router-view />-ra. ### Fuggosegek (Dependencies) - **Bemenet:** #231 (Layout komponensek alapok) - **Kimenet:** #231-B, #232-A, #232-B ### Implementacios Reszletek 1. **Fajl atnevezesek:** - frontend/src/layouts/ConsumerLayout.vue -> PrivateLayout.vue - frontend/src/layouts/CorporateLayout.vue -> OrganizationLayout.vue 2. **Template modositasok:** - <slot /> -> <router-view /> mindket layout-ban - <Transition name=fade mode=out-in> wrapper a router-view korul - :key=.fullPath a transition-hez 3. **Importok frissitese** minden fajlban, ahol a regi layout nevek szerepelnek 4. **AdminLayout.vue** - megtartja a slot-ot (nem resze ennek a milestone-nak) ### Erintett fajlok - frontend/src/layouts/ConsumerLayout.vue (atnevezes + modositas) - frontend/src/layouts/CorporateLayout.vue (atnevezes + modositas) - frontend/src/router/index.ts (import frissites) - frontend/src/App.vue (import frissites)
kincses added the Status: To DoScope: FrontendType: Refactor labels 2026-06-08 20:03:54 +02:00
kincses added this to the Frontend Architektúra 2.0 & Dinamikus Megjelenítési Rendszer milestone 2026-06-08 20:07:43 +02:00
Sign in to join this conversation.