From 9b3b7b4ee39a4a2d10be4e311d6412f8d3cd9a2a Mon Sep 17 00:00:00 2001 From: clkim Date: Mon, 1 Dec 2025 14:23:35 +0900 Subject: [PATCH] =?UTF-8?q?fix.=20utils=20=ED=95=A8=EC=88=98=20=EB=A6=AC?= =?UTF-8?q?=ED=8C=A9=ED=86=A0=EB=A7=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/app.vue | 12 +-- app/pages/inspection/index.vue | 2 +- layers/components/atoms/Img.vue | 6 +- layers/components/blocks/Button/Launcher.vue | 2 +- layers/components/blocks/Button/Sns.vue | 4 +- layers/components/blocks/VisualContent.vue | 2 +- layers/components/layouts/Footer.vue | 17 ++-- layers/components/layouts/Header.vue | 4 +- layers/components/layouts/Main.vue | 4 +- layers/components/widgets/Background.vue | 25 +++--- layers/components/widgets/ButtonList.vue | 2 +- layers/components/widgets/FixMainTitle.vue | 3 +- layers/templates/FxDownload01/index.vue | 4 +- layers/templates/FxPreregist01/index.vue | 8 +- layers/templates/FxSecure01/index.vue | 2 +- layers/templates/GrContents01/index.vue | 4 +- layers/templates/GrVisual02/index.vue | 4 +- layers/utils/dataUtil.ts | 51 +++++++---- layers/utils/formatUtil.ts | 31 +++++++ layers/utils/styleUtil.ts | 95 -------------------- 20 files changed, 120 insertions(+), 162 deletions(-) diff --git a/app/app.vue b/app/app.vue index 3baf9fa..f35d064 100644 --- a/app/app.vue +++ b/app/app.vue @@ -37,16 +37,16 @@ const setupAllMetaData = (data: GameDataValue) => { { rel: 'icon', type: 'image/x-icon', - href: getResourceHost(faviconPath[0]), + href: formatPathHost(faviconPath[0]), }, { rel: 'apple-touch-icon', - href: getResourceHost(faviconPath[1]), + href: formatPathHost(faviconPath[1]), }, { rel: 'icon', type: 'image/png', - href: getResourceHost(faviconPath[2]), + href: formatPathHost(faviconPath[2]), }, ] @@ -59,7 +59,7 @@ const setupAllMetaData = (data: GameDataValue) => { data.comm_img_json?.groups ?.map( ({ img_name, img_path }) => - `--${img_name}: url(${getResourceHost(img_path?.comm ?? '')});` + `--${img_name}: url(${formatPathHost(img_path?.comm ?? '')});` ) .join('\n ') ?? '' @@ -76,10 +76,10 @@ const setupAllMetaData = (data: GameDataValue) => { { name: 'description', content: meta.page_desc }, { property: 'og:title', content: meta.og_title }, { property: 'og:description', content: meta.og_desc }, - { property: 'og:image', content: getResourceHost(meta.og_image) }, + { property: 'og:image', content: formatPathHost(meta.og_image) }, { name: 'twitter:title', content: meta.x_title }, { name: 'twitter:description', content: meta.x_desc }, - { name: 'twitter:image', content: getResourceHost(meta.x_image) }, + { name: 'twitter:image', content: formatPathHost(meta.x_image) }, ], htmlAttrs: { 'data-game': data.game_name || '', diff --git a/app/pages/inspection/index.vue b/app/pages/inspection/index.vue index fcb100b..c18244f 100644 --- a/app/pages/inspection/index.vue +++ b/app/pages/inspection/index.vue @@ -213,7 +213,7 @@ const enabledMarkets = computed(() => { const logoImgUrl = computed(() => { const currentLocale = locale.value || 'ko' const localeData = (webInspectionData.value as any)?.[currentLocale] - return getResourceHost(localeData.img_json.bi_large) + return formatPathHost(localeData.img_json.bi_large) }) const communityUrl = computed(() => { diff --git a/layers/components/atoms/Img.vue b/layers/components/atoms/Img.vue index 88bb89d..77d3bb0 100644 --- a/layers/components/atoms/Img.vue +++ b/layers/components/atoms/Img.vue @@ -16,7 +16,7 @@ const isResponsiveMode = computed(() => { const imagePaths = computed(() => { if (typeof props.src === 'string') { - const resolved = getResourceHost(props.src, { + const resolved = formatPathHost(props.src, { imageType: props.imageType, }) return { pc: '', mo: resolved } @@ -24,12 +24,12 @@ const imagePaths = computed(() => { return { pc: props.src.pc - ? getResourceHost(props.src.pc, { + ? formatPathHost(props.src.pc, { imageType: props.imageType, }) : '', mo: props.src.mo - ? getResourceHost(props.src.mo, { + ? formatPathHost(props.src.mo, { imageType: props.imageType, }) : '', diff --git a/layers/components/blocks/Button/Launcher.vue b/layers/components/blocks/Button/Launcher.vue index 4617fe8..c9edde2 100644 --- a/layers/components/blocks/Button/Launcher.vue +++ b/layers/components/blocks/Button/Launcher.vue @@ -61,7 +61,7 @@ const inlineStyle = computed(() => { style.color = props.textColor } if (props.type === 'duplication') { - style.backgroundImage = `url(${getResourceHost(DUP_IMAGE_MAP[props.platform], { imageType: 'common' })})` + style.backgroundImage = `url(${formatPathHost(DUP_IMAGE_MAP[props.platform], { imageType: 'common' })})` } return style }) diff --git a/layers/components/blocks/Button/Sns.vue b/layers/components/blocks/Button/Sns.vue index 4f9786e..c5ec12b 100644 --- a/layers/components/blocks/Button/Sns.vue +++ b/layers/components/blocks/Button/Sns.vue @@ -67,7 +67,7 @@ const handleCopy = async () => { target="_blank" class="sns-item" :style="{ - backgroundImage: `url(${getResourceHost(`/images/common/ic-v2-logo-${key}-fill.png`, { imageType: 'common' })})`, + backgroundImage: `url(${formatPathHost(`/images/common/ic-v2-logo-${key}-fill.png`, { imageType: 'common' })})`, }" > {{ key }} @@ -77,7 +77,7 @@ const handleCopy = async () => { type="button" class="sns-item" :style="{ - backgroundImage: `url(${getResourceHost('/images/common/ic-v2-community-link-line.png', { imageType: 'common' })})`, + backgroundImage: `url(${formatPathHost('/images/common/ic-v2-community-link-line.png', { imageType: 'common' })})`, }" @click="handleCopy" > diff --git a/layers/components/blocks/VisualContent.vue b/layers/components/blocks/VisualContent.vue index 1d2620c..503c911 100644 --- a/layers/components/blocks/VisualContent.vue +++ b/layers/components/blocks/VisualContent.vue @@ -13,7 +13,7 @@ const props = withDefaults(defineProps(), { objectFit: 'contain', }) -const imagePaths = computed(() => getImagePaths(props.resourcesData)) +const imagePaths = computed(() => getResourceSrc(props.resourcesData)) const displayText = computed(() => props.resourcesData?.display?.text) const colorName = computed(() => props.resourcesData?.display?.color_name) const colorCode = computed(() => props.resourcesData?.display?.color_code) diff --git a/layers/components/layouts/Footer.vue b/layers/components/layouts/Footer.vue index fe9f25f..3172b4d 100644 --- a/layers/components/layouts/Footer.vue +++ b/layers/components/layouts/Footer.vue @@ -174,7 +174,7 @@ { } return contentInfo.map(item => { const type = ageTypeMap[item] || 'TypeTest' - return getResourceHost(`/images/common/grades_age/${locale.value}/${type}.svg`, { - imageType: 'common', - }) + return formatPathHost( + `/images/common/grades_age/${locale.value}/${type}.svg`, + { + imageType: 'common', + } + ) }) }) @@ -266,7 +269,7 @@ const getContentInfoImage = computed((): string[] => { .map(item => { const type = contentTypeMap[item] return type - ? getResourceHost(`/images/common/grades_use/${type}.svg`, { + ? formatPathHost(`/images/common/grades_use/${type}.svg`, { imageType: 'common', }) : '' @@ -281,7 +284,7 @@ const toggleAgeRating = (): void => { const footerAgeRatingInfo = computed((): string[] => { const info = (tm as any)('Footer_AgeRating_Info') - console.log("๐Ÿš€ ~ info:", info) + console.log('๐Ÿš€ ~ info:', info) return Array.isArray(info) ? info : [] }) diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue index db1be60..3ea429b 100644 --- a/layers/components/layouts/Header.vue +++ b/layers/components/layouts/Header.vue @@ -232,7 +232,7 @@ onMounted(() => { > @@ -249,7 +249,7 @@ onMounted(() => {