Create different layouts for different page styles

[JayyajGH]

Currently the site has a number of different major page layouts but this is dealt with on a page by page basis. I propose that we should deal with it using different nuxt page layouts.
For example:

Layout1

<template>
  <div>
    <site-header></site-header>
    <nuxt />
    <site-footer></site-footer>
  </div>
</template>

Layout2

<template>
  <div>
    <site-header></site-header>
    <sidebar option1>
    <nuxt />
     <sidebar option1 option2>
    <site-footer></site-footer>
  </div>
</template>

This would also involve refactoring the header and footer styles and logic out into separate components.

[edwh]

I agree with using layouts - it's what they're for, isn't it?

Also agree with moving the navbar stuff out of default into components - too much stuff in default (my fault).

[JayyajGH]

So:

1. Refactor navbar into a component
2. Create multiple layouts

[edwh]

Yup.

…

------ Original Message ------ From: "JayyajGH" <notifications@github.com> To: "Freegle/iznik-nuxt" <iznik-nuxt@noreply.github.com> Cc: "Edward Hibbert" <edward@ehibbert.org.uk>; "Comment" <comment@noreply.github.com> Sent: 02/01/2020 14:03:04 Subject: Re: [Freegle/iznik-nuxt] Create different layouts for different page styles (#155)

So: Refactor navbar into a componentCreate multiple layouts — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#155?email_source=notifications&email_token=AAAN26DOUB56YK5ZPIC5UTLQ3XXZRA5CNFSM4KCBZJOKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEH6M46I#issuecomment-570216057>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAN26BL5ADRU62JKAJXHVLQ3XXZRANCNFSM4KCBZJOA>.

[JayyajGH]

Currently working on refactoring the default.vue page to try and take the navigation bar stuff into a separate component.