> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/vue-laravel/theme-ui/change-logo.md).

# Change Logo

### Change Main Logo <a href="#change-dark-logo" id="change-dark-logo"></a>

For Main Logo - Go to `resources/ts/@layouts/components/LogoMain.vue`

```javascript
// LogoMain.vue
<template>
    <div class="logo">
        <RouterLink to="/">
            ... Your_Logo ...
        </RouterLink>
    </div>
</template>

<script setup lang="ts">
    import { RouterLink } from "vue-router";
</script> 
```