Context
home.content.component.vue currently supports only alignment: 'left' | 'center' (ternary computedAlignment === 'center' ? 'text-center' : 'text-left'). Some landing-page layouts need to right-align section title/subtitle/text — for example when the associated illustration sits on the right and the whole block should feel visually anchored to that side.
Request
Extend alignment to accept 'left' | 'center' | 'right' so downstream projects can set alignment: 'right' on a section setup.
Scope
Single component, src/modules/home/components/utils/home.content.component.vue:
- Replace the text-align ternary on
<v-card-title> and <v-card-text> with a computed alignmentClass returning text-left / text-center / text-right.
- Replace the icon-row justify ternary with a computed returning
justify-start / justify-center / justify-end.
- Replace the
<v-card-actions> justify ternary with the same justify computed.
- Keep
'left' as the default, preserve existing behavior for existing configs.
- Add unit tests covering each of the three values.
Use case
Used from home.trawl.config.js aboutFeatures (For developers section) where the illustration is right-aligned and the text block should follow.
Out of scope
No changes to home.about.component.vue or any other consumer. This is a pure capability extension of the shared content renderer.
Context
home.content.component.vuecurrently supports onlyalignment: 'left' | 'center'(ternarycomputedAlignment === 'center' ? 'text-center' : 'text-left'). Some landing-page layouts need to right-align section title/subtitle/text — for example when the associated illustration sits on the right and the whole block should feel visually anchored to that side.Request
Extend
alignmentto accept'left' | 'center' | 'right'so downstream projects can setalignment: 'right'on a section setup.Scope
Single component,
src/modules/home/components/utils/home.content.component.vue:<v-card-title>and<v-card-text>with a computedalignmentClassreturningtext-left/text-center/text-right.justify-start/justify-center/justify-end.<v-card-actions>justify ternary with the same justify computed.'left'as the default, preserve existing behavior for existing configs.Use case
Used from
home.trawl.config.jsaboutFeatures(For developers section) where the illustration is right-aligned and the text block should follow.Out of scope
No changes to
home.about.component.vueor any other consumer. This is a pure capability extension of the shared content renderer.