icon transition

lookup.vue

<template>
        <transition
          mode="out-in"
          enter-active-class="ease-out duration-300"
          enter-class="-translate-y-2 opacity-0"
          enter-to-class="translate-y-0 opacity-100"
          leave-active-class="ease-in duration-300"
          leave-class="opacity-100 translate-y-0"
          leave-to-class="opacity-0 translate-y-2"
        >
          <div v-if="loading" key="loading" class="w-5 h-5 transform">
            <IconSpinner class="w-5 h-5" primary="text-gray-400" secondary="text-gray-800" />
          </div>
          <IconSearch v-else key="search" class="h-5 w-5 transform" primary="text-gray-400" secondary="text-gray-500" />
        </transition>
 </template>