From 56ff6e66d78dd88d2469d1491760259501c326fb Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Thu, 27 Nov 2025 14:30:30 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20CardNews=20=ED=95=98=EC=9D=B4=EB=93=9C?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=85=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/blocks/CardNews.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/layers/components/blocks/CardNews.vue b/layers/components/blocks/CardNews.vue
index 88f9b93..813dcd8 100644
--- a/layers/components/blocks/CardNews.vue
+++ b/layers/components/blocks/CardNews.vue
@@ -2,7 +2,7 @@
 interface Props {
   title: string
   description: string | number
-  imgPath: string
+  imgPath: string | null
   linkTarget?: '_blank' | '_self'
   url?: string
   alt?: string
@@ -13,6 +13,9 @@ const props = defineProps<Props>()
 const { locale } = useI18n()
 const { sendLog, useAnalyticsLogDataDirect } = useAnalytics()
 
+const isNoImage = computed(() => {
+  return !props.imgPath || props.imgPath === null
+})
 const isShowOverlay = computed(() => {
   return props.title || props.description
 })
@@ -30,7 +33,7 @@ const handleLinkClick = (title: string) => {
 </script>
 
 <template>
-  <div :class="['card-news', { 'no-image': !props.imgPath }, props.class]">
+  <div :class="['card-news', { 'no-image': isNoImage }, props.class]">
     <img
       v-if="props.imgPath"
       :src="props.imgPath"