<template>
  <div class="logo">
    <Transition enter-active-class="animate__animated animate__rotateIn" appear mode="out-in">
      <img src="../../assets/images/logo.png" />
    </Transition>
  </div>
</template>

<script setup lang="ts"></script>
<!-- animate__rotateIn -->
<style scoped lang="scss">
.logo {
  width: 100%;
  padding: 15px 15px 5px 20px;
  transition: width 0.2s;
  img {
    width: 100%;
  }
}
</style>
