VaAppBar:logo

VaAppBar allows you to add logos from two separate slots: layout logo and navbar-logo.

<template v-slot:logo>
  <div class="mb-1" style="letter-spacing: 1px;">logo</div>
</template>

As an alternative to the logo in the header section, you can also add a logo on the navigation with the navbar-logo slot.

<template v-slot:navbar-logo>
  <div class="navbar-logo ml-14">
    <img src="/src/assets/logo/navbar-logo.png" border="0" />
  </div>
</template>