Template Logo

• The Logo component can be found in the components/brand/BrandLogo.vue with your own logo SVG image OR logo image URL.
• Then user has to call logo component wherever logo has to show eg. public/assets/images/

You can add a image URL icon to your Website using the following code:

<template> 
  <div class="logo-default">
    <nuxt-link class="navbar-brand text-primary" :to="{ name: 'index' }">
      <img class="img-fluid logo" src="/assets/images/logo.webp" loading="lazy" alt="streamit" />
    </nuxt-link>
  </div>
  <div class="logo-hotstar">
    <nuxt-link class="navbar-brand text-primary" :to="{ name: 'index' }">
      <img class="img-fluid logo" src="/assets/images/logo-hotstar.webp" loading="lazy" alt="streamit" />
    </nuxt-link>
  </div>
  <div class="logo-prime">
    <nuxt-link class="navbar-brand text-primary" :to="{ name: 'index' }">
      <img class="img-fluid logo" src="/assets/images/logo-prime.webp" loading="lazy" alt="streamit" />
    </nuxt-link>
  </div>
  <div class="logo-hulu">
    <nuxt-link class="navbar-brand text-primary" :to="{ name: 'index' }">
      <img class="img-fluid logo" src="/assets/images/logo-hulu.webp" loading="lazy" alt="streamit" />
    </nuxt-link>
  </div> 
</template>

• You can call logo component wherever logo has to show: components/partials/HeaderDefault.vue

 <BrandLogo />

To import the logo component, use the following line of code:

import BrandLogo from "../brand/BrandLogo.vue";