fix. 공통 함수, 샘플 이미지 수정

layers/components/blocks/slide/Default.vue

@@ -7,6 +7,7 @@ interface Props {
   type?: ResponsiveOptions['type']
   slideItemLength?: number
   autoplay?: boolean
+  perPage?: number
   arrows?: boolean
   pagination?: boolean
   paginationData?: PageDataResourceGroups
@@ -24,7 +25,10 @@ const emit = defineEmits(['mounted', 'move', 'arrowClick'])
 // Splide 화살표 로직을 위한 composable 사용
 const { addArrowClickListeners } = useSplideArrow()
 
-const isMultipleItems = computed(() => (props.slideItemLength ?? 0) > 1)
+const perPage = computed(() => props.perPage ?? 1)
+const isMultipleItems = computed(
+  () => (props.slideItemLength ?? 0) > perPage.value
+)
 const resolvedType = computed<ResponsiveOptions['type']>(() => {
   if (props.type) return props.type
   return isMultipleItems.value ? 'loop' : 'slide'
@@ -35,6 +39,7 @@ const options = computed((): ResponsiveOptions => {
     type: resolvedType.value,
     autoWidth: true,
     autoHeight: true,
+    perPage: perPage.value,
     speed: 500,
     updateOnMove: true,
     autoplay: props.autoplay,

layers/composables/useResourcesData.ts

@@ -1,12 +1,12 @@
 import type {
-  GetResourcesDataParams,
-  ResourcesDataResponse,
+  getOperateResourcesDataParams,
+  OperateResourcesDataResponse,
   OperateComponents,
 } from '#layers/types/api/resourcesData'
 
 export const useResourcesData = () => {
-  const getResourcesData = async (
-    params: GetResourcesDataParams
+  const getOperateResourcesData = async (
+    params: getOperateResourcesDataParams
   ): Promise<OperateComponents | null> => {
     const { pageSeq, pageVer, pageVerTmplSeq, langCode, q, qc } = params
 
@@ -27,7 +27,7 @@ export const useResourcesData = () => {
     const response = (await commonFetch('GET', apiUrl, {
       query: queryParams,
       loading: true,
-    })) as ResourcesDataResponse | null
+    })) as OperateResourcesDataResponse | null
 
     if (response?.code === 0 && 'value' in response) {
       return response.value
@@ -36,6 +36,6 @@ export const useResourcesData = () => {
   }
 
   return {
-    getResourcesData,
+    getOperateResourcesData,
   }
 }

layers/composables/useTokenValidation.ts

@@ -1,6 +1,6 @@
 export function useTokenValidation() {
-  const runtimeConfig = useRuntimeConfig()
-  const apiBaseUrl = `${runtimeConfig.public.stoveApiUrl}`
+  const config = useRuntimeConfig()
+  const apiBaseUrl = `${config.public.stoveApiUrl}`
   const isTokenValid = ref(false)
 
   const validateToken = async (token: string) => {

layers/templates/GrGallery01/index.vue

@@ -114,7 +114,6 @@ const onArrowClick = (direction, targetIndex) => {
         ref="slideThumbnailRef"
         :slide-data="slideData"
         variant="media"
-        :drag="false"
         class="mt-[24px] md:mt-[32px]"
         :pagination-data="paginationData"
         @move="stopVideo"

layers/templates/GrVisual02/index.vue

@@ -17,7 +17,7 @@ interface Props {
 const props = defineProps<Props>()
 
 const pageDataStore = usePageDataStore()
-const { getResourcesData } = useResourcesData()
+const { getOperateResourcesData } = useResourcesData()
 const { locale } = useI18n()
 const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
 
@@ -43,7 +43,7 @@ const { data: slideData } = await useAsyncData(
       return []
     }
 
-    const operateGroupList = await getResourcesData({
+    const operateGroupList = await getOperateResourcesData({
       pageSeq: pageData.value.page_seq,
       pageVer: pageData.value.page_ver,
       pageVerTmplSeq: props.pageVerTmplSeq,

layers/types/api/resourcesData.ts

@@ -26,14 +26,14 @@ export interface OperateComponents {
 }
 
 // Resources Data API 응답
-export interface ResourcesDataResponse {
+export interface OperateResourcesDataResponse {
   code: number
   message: string
   value: OperateComponents
 }
 
-// getResourcesData 함수 파라미터
-export interface GetResourcesDataParams {
+// getOperateResourcesData 함수 파라미터
+export interface getOperateResourcesDataParams {
   pageSeq: string
   pageVer: string
   pageVerTmplSeq: number

layers/utils/stoveUtil.ts

@@ -9,10 +9,10 @@ import { csrFormatJWT } from '#layers/utils/formatUtil'
  * Stove 로그인
  */
 export const csrGoStoveLogin = () => {
-  const runtimeConfig = useRuntimeConfig()
+  const config = useRuntimeConfig()
   const gameDataStore = useGameDataStore()
 
-  const loginUrl = runtimeConfig.public.stoveLoginUrl
+  const loginUrl = config.public.stoveLoginUrl
   const stoveGameId = gameDataStore.gameData?.game_id
   const stoveGameNo = gameDataStore.gameData?.game_code
   const redirectUrl = encodeURIComponent(location.href)