feat.게임 공통 이미지 적용 (video, arrow)

layers/components/blocks/StoveGnb.vue

@@ -1,10 +1,8 @@
-<template>
-  <div id="stove-wrapper" class="relative z-[5]" />
-</template>
-
 <script setup lang="ts">
 import { useGameDataStore } from '#layers/stores/useGameDataStore'
 
+let cpHeader: any = null
+
 const runtimeConfig = useRuntimeConfig()
 const { locale, availableLocales } = useI18n()
 const { gameData } = useGameDataStore()
@@ -22,7 +20,7 @@ const languageCodes = computed(() => {
   return [locale]
 })
 
-function loadGnb(locale: string) {
+const loadGnb = (locale: string) => {
   locale = locale.toLowerCase()
 
   const gnbOption = {
@@ -51,11 +49,22 @@ function loadGnb(locale: string) {
     },
   }
 
-  const cpHeader = new (window as any).cp.Header(gnbOption)
+  cpHeader = new (window as any).cp.Header(gnbOption)
   cpHeader.render()
 }
 
 onMounted(() => {
   loadGnb(locale.value)
 })
+
+onBeforeUnmount(() => {
+  if (cpHeader && typeof cpHeader.destroy === 'function') {
+    cpHeader.destroy()
+  }
+  cpHeader = null
+})
 </script>
+
+<template>
+  <div id="stove-wrapper" class="relative z-[5]" />
+</template>

layers/components/blocks/modal/Alert.vue

@@ -46,11 +46,11 @@ const handleOutsideClick = () => {
           ></p>
           <slot></slot>
           <div class="content-btns">
-            <AtomsButtonModal
+            <AtomsButtonVariant
               @click="setButtonEvent(() => emit('confirmButtonEvent'))"
             >
               {{ props.confirmButtonText || '확인' }}
-            </AtomsButtonModal>
+            </AtomsButtonVariant>
           </div>
         </div>
       </div>

layers/components/blocks/modal/Confirm.vue

@@ -47,17 +47,17 @@ const handleOutsideClick = () => {
           ></p>
           <slot></slot>
           <div class="content-btns">
-            <AtomsButtonModal
+            <AtomsButtonVariant
               variant="outlined"
               @click="setButtonEvent(() => emit('cancelButtonEvent'))"
             >
               {{ props.cancelButtonText || '취소' }}
-            </AtomsButtonModal>
-            <AtomsButtonModal
+            </AtomsButtonVariant>
+            <AtomsButtonVariant
               @click="setButtonEvent(() => emit('confirmButtonEvent'))"
             >
               {{ props.confirmButtonText || '확인' }}
-            </AtomsButtonModal>
+            </AtomsButtonVariant>
           </div>
         </div>
       </div>