Change Logo

Change light Logo

To change logo : packages/main/components/lc/Full/logo/LogoLight.vue
Put the logo image into the /public/images/logos folder. 
                    
<script setup lang="ts">
import { RouterLink } from 'vue-router';
import logolight from '/images/logos/logo-light.svg';

</script>
  <template>
      <div class="logo">
          <NuxtLink to="/">
            <img :src="logolight" alt="home" />
          </NuxtLink>
      </div>
  </template>

Change Dark Logo

To change logo : packages/main/components/lc/Full/logo/LogoDark.vue
Put the logo image into the /public/images/logos folder. 
                    
<script setup lang="ts">
  import { RouterLink } from 'vue-router';
  import logodark from '/images/logos/logo-dark.svg';
</script>
<template>
    <div class="logo">
        <NuxtLink to="/">
            <img :src="logodark" alt="home" />
        </NuxtLink>
    </div>
</template>

Change Light RTL Logo

To change logo : packages/main/components/lc/Full/logo/LogoLightRtl.vue
Put the logo image into the /public/images/logos folder. 
                    
<script setup lang="ts">
  import { RouterLink } from 'vue-router';
  import RtlLightlogo from '/images/logos/dark-rtl-logo.svg';
</script>
<template>
    <div class="logo">
        <NuxtLink to="/">
            <img :src="RtlLightlogo" alt="home"/>
        </NuxtLink>
    </div>
</template>

Change Dark RTL Logo

To change logo : packages/main/components/lc/Full/logo/LogoDarkRtl.vue
Put the logo image into the /public/images/logos folder. 
                    
<script setup lang="ts">
  import { RouterLink } from 'vue-router';
  import RtlDarklogo from '/images/logos/light-logo-rtl.svg';
</script>
<template>
    <div class="logo">
        <NuxtLink to="/">
            <img :src="RtlDarklogo" alt="home"/>
        </NuxtLink>
    </div>
</template>