audi/app/components/quickMenu.vue

<template>
  <div
    class="quick__menu__wrap"
    :class="{ actv: isActive }"
    @mouseenter="isActive = true"
    @mouseleave="isActive = false"
  >
    <NuxtLink to="https://www.audikoreaevent.co.kr/lms/application/applyTestdrive.do?device=W&inflPathAclsCd=A18&inflPathBclsCd=B03&dealerCd=D001&selectCar=&testType=1" target="_blank">
      <div class="thumb th_01"></div>
      <div>시승요청</div>
    </NuxtLink>

    <!-- <NuxtLink to="/company/brochure">
      <div class="thumb th_03"></div>
      <div>카탈로그</div>
    </NuxtLink> -->

    <NuxtLink to="/company/showroom">
      <div class="thumb th_04"></div>
      <div>전시장</div>
    </NuxtLink>

    <NuxtLink to="/company/serviceCenter">
      <div class="thumb th_05"></div>
      <div>서비스센터</div>
    </NuxtLink>

    <NuxtLink to="https://www.audikoreaevent.co.kr/app/rsvt/applyServiceReservation.do?dealerNo=2" target="_blank">
      <div class="thumb th_10"></div>
      <div>서비스 예약</div>
    </NuxtLink>

    <NuxtLink to="/company/eled">
      <div class="thumb th_06"></div>
      <div>e-LED</div>
    </NuxtLink>

    <NuxtLink to="/service/careprogram/evbattery">
      <div class="thumb th_11"></div>
      <div>전기차 배터리 제조사 안내</div>
    </NuxtLink>

    <NuxtLink to="https://www.facebook.com/audikorea.kr" target="_blank">
      <div class="thumb th_07"></div>
      <div>페이스북</div>
    </NuxtLink>

    <NuxtLink to="https://www.instagram.com/audi_gojinmotors" target="_blank">
      <div class="thumb th_08"></div>
      <div>인스타그램</div>
    </NuxtLink>

    <NuxtLink to="https://www.youtube.com/@gojinmotors/featured" target="_blank">
      <div class="thumb th_09"></div>
      <div>유튜브</div>
    </NuxtLink>
  </div>
</template>

<script setup>
import { ref } from 'vue';

const isActive = ref(false);
</script>