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 - } -})