Change Logo

Change light Logo

To change logo : packages/vue3/main/src/layouts/full/logo/LogoLight.vue
Put the logo image into the /assets/images/logos folder. 
                    
<script setup lang="ts">
import { RouterLink } from 'vue-router';
import Darklogo from '@/assets/images/logos/logolight.svg';
</script>
<template>
  <div class="logo">
      <RouterLink to="/">
          <img :src="Darklogo" alt="home" />
      </RouterLink>
  </div>
</template>

Change Dark Logo

To change logo : packages/vue3/main/src/layouts/full/logo/LogoDark.vue
Put the logo image into the /assets/images/logos folder. 
                    
<script setup lang="ts">
  import { RouterLink } from 'vue-router';
  import logo from '@/assets/images/logos/logo.svg';
</script>
<template>
    <div class="logo">
      <RouterLink to="/">
          <img :src="logo" alt="home" />
      </RouterLink>
    </div>
</template<

Change RTL Logo

To change logo : packages/vue3/main/src/layouts/full/logo/RtlLogo.vue
Put the logo image into the /assets/images/logos folder. 
                    
<script setup lang="ts">
  import { RouterLink } from 'vue-router';
  import RtlLogo from '@/assets/images/logos/Rtllogo.svg';
</script>
<template>
    <div class="logo">
        <RouterLink to="/">
            <img :src="RtlLogo" alt="home"/>
        </RouterLink>
    </div>
</template>