Refactor deprecated syntax for named slots

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

As of vue 2.6.0 the syntax for named slots using the slot attribute has been deprecated. We should refactor our current usages to make use of the new syntax.

https://vuejs.org/v2/guide/components-slots.html#Named-Slots

Shorthand

https://vuejs.org/v2/guide/components-slots.html#Named-Slots-Shorthand

<base-layout>
  <template #header>
    <h1>Here might be a page title</h1>
  </template>

  <p>A paragraph for the main content.</p>
  <p>And another one.</p>

  <template #footer>
    <p>Here's some contact info</p>
  </template>
</base-layout>