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

Screen_Shot_2019-05-06_at_6.22.48_PM

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>
Edited Sep 28, 2025 by 🤖 GitLab Bot 🤖
Assignee Loading
Time tracking Loading