diff --git a/layers/components/blocks/StoveGnb.vue b/layers/components/blocks/StoveGnb.vue
index 0351197..f55f29d 100644
--- a/layers/components/blocks/StoveGnb.vue
+++ b/layers/components/blocks/StoveGnb.vue
@@ -9,7 +9,7 @@ const { gameData } = useGameDataStore()
const stoveInflowPath = runtimeConfig.public.stoveInflowPath
const stoveGameNo = runtimeConfig.public.stoveGameNo
-const gnbData = gameData?.stove_gnb_json
+const stoveGnbData = gameData?.stove_gnb_json
const languageCodes = computed(() => {
if (Array.isArray(availableLocales)) {
@@ -24,9 +24,9 @@ const loadGnb = (locale: string) => {
locale = locale.toLowerCase()
const gnbOption = {
- wrapper: '#stove-wrapper',
+ wrapper: '#stove-wrap',
isResponsive: true,
- skin: gnbData?.skin_type || 'gnb-dark-mini',
+ skin: stoveGnbData?.skin_type || 'gnb-dark-mini',
widget: {
gameListAndService: false,
languageSelect: false,
@@ -42,7 +42,7 @@ const loadGnb = (locale: string) => {
params: {
inflow_path: stoveInflowPath,
game_no: stoveGameNo,
- show_play_button: gnbData?.stove_install_button_visible || 'Y',
+ show_play_button: stoveGnbData?.stove_install_button_visible || 'Y',
},
redirectCurrentPage: true,
windowTitle: undefined,
@@ -66,5 +66,5 @@ onBeforeUnmount(() => {
-
+
diff --git a/layers/components/blocks/StoveGnbNew.vue b/layers/components/blocks/StoveGnbNew.vue
index 996902d..60b31e6 100644
--- a/layers/components/blocks/StoveGnbNew.vue
+++ b/layers/components/blocks/StoveGnbNew.vue
@@ -1,55 +1,52 @@
-
-
-
\ No newline at end of file
+
+
+
+
diff --git a/layers/stores/useCommonStore.ts b/layers/stores/useCommonStore.ts
deleted file mode 100644
index d19df92..0000000
--- a/layers/stores/useCommonStore.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { defineStore } from 'pinia'
-import { useWindowSize, useWindowScroll } from '@vueuse/core'
-
-interface DeviceMode {
- mode: 'desktop' | 'mobile'
- browser: 'chrome' | 'crawler' | 'edge' | 'firefox' | 'safari' | null
- isDesktop: boolean
- isMobile: boolean
- isTablet: boolean
- isIos: boolean
- isAndroid: boolean
- isDeviceReady: boolean
-}
-
-export const useCommonStore = defineStore('commonStore', () => {
- const stoveGnbHeight = 48
-
- const useDeviceData = useDevice()
- const { width: windowWidth, height: windowHeight } = useWindowSize()
- const { x: windowX, y: windowY } = useWindowScroll({ behavior: 'smooth' })
-
- const device = ref({
- mode: useDeviceData.isMobile || useDeviceData.isTablet ? 'mobile' : 'desktop',
- browser: useDeviceData.isChrome
- ? 'chrome'
- : useDeviceData.isCrawler
- ? 'crawler'
- : useDeviceData.isEdge
- ? 'edge'
- : useDeviceData.isFirefox
- ? 'firefox'
- : useDeviceData.isSafari
- ? 'safari'
- : null,
- isDesktop: useDeviceData.isDesktop,
- isMobile: useDeviceData.isMobile,
- isTablet: useDeviceData.isTablet,
- isIos: useDeviceData.isIos,
- isAndroid: useDeviceData.isAndroid,
- isDeviceReady: false
- })
-
- const isPassedStoveGnb = ref(false)
- const scrollFixedXValue = ref('0px')
- const footerRef = ref(null)
- const isLoading = ref(true)
- const isScrollLock = ref(false)
-
- const updateDeviceMode = () => {
- device.value.mode = useDeviceData.isMobile || useDeviceData.isTablet ? 'mobile' : 'desktop'
- device.value.browser = useDeviceData.isChrome
- ? 'chrome'
- : useDeviceData.isCrawler
- ? 'crawler'
- : useDeviceData.isEdge
- ? 'edge'
- : useDeviceData.isFirefox
- ? 'firefox'
- : useDeviceData.isSafari
- ? 'safari'
- : null
- device.value.isDesktop = useDeviceData.isDesktop
- device.value.isMobile = useDeviceData.isMobile
- device.value.isTablet = useDeviceData.isTablet
- device.value.isIos = useDeviceData.isIos
- device.value.isAndroid = useDeviceData.isAndroid
- device.value.isDeviceReady = true
- }
-
- const updateIsPassedStoveGnb = () => {
- isPassedStoveGnb.value = windowY.value >= stoveGnbHeight
-
- if (isPassedStoveGnb.value) {
- scrollFixedXValue.value = `-${windowX.value}px`
- } else {
- scrollFixedXValue.value = '0px'
- }
- }
-
- const isLoadingComplete = () => {
- isLoading.value = false
- }
-
- const scrollLock = () => {
- isScrollLock.value = !isScrollLock.value
- }
-
- const addScrollLock = () => {
- isScrollLock.value = true
- }
-
- const removeScrollLock = () => {
- isScrollLock.value = false
- }
-
- return {
- device,
- windowWidth,
- windowHeight,
- windowX,
- windowY,
- isPassedStoveGnb,
- scrollFixedXValue,
- footerRef,
- isLoading,
- isScrollLock,
-
- updateDeviceMode,
- updateIsPassedStoveGnb,
- isLoadingComplete,
- scrollLock,
- addScrollLock,
- removeScrollLock
- }
-})