Change Logo

Change light Logo

To change logo : packages/main/app/components/lc/Full/logo/LogoLight.vue
Put the logo image into the /public/images/logos folder. 
                    
<script setup lang="ts">
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/app/components/lc/Full/logo/LogoDark.vue
Put the logo image into the /public/images/logos folder. 
                    
<script setup lang="ts">
  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/app/components/lc/Full/logo/LogoLightRtl.vue
Put the logo image into the /public/images/logos folder. 
                    
<script setup lang="ts">
  import logolightrtl from '/images/logos/logo-light-rtl.svg';
</script>
<template>
    <div class="logo">
        <NuxtLink to="/">
            <img :src="logolightrtl" alt="home"/>
        </NuxtLink>
    </div>
</template>

Change Dark RTL Logo

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