날씨 로딩중일떄 글씨 안보이게

src/layouts/TheTop.vue

@@ -12,7 +12,7 @@
                 <img v-if="weather.icon" :src="customIconUrl" :alt="weather.description" :class="customIconClass" />
                 <div class="d-flex flex-column">
                     <span class="weather-desc">{{ weather.description }}</span>
-                    <span class="weather-temp" v-if="weather.tempMin !== null && weather.tempMax !== null">
+                    <span class="weather-temp" v-if="weatherReady">
                         최저 {{ weather.tempMin }}° / 최고 {{ weather.tempMax }}°
                     </span>
                 </div>
@@ -231,6 +231,15 @@
     const weather = ref({});
     const dailyWeatherList = ref([]);
 
+    const weatherReady = computed(() => {
+        return (
+            weather.value &&
+            weather.value.tempMin !== null &&
+            weather.value.tempMax !== null &&
+            !!weather.value.description
+        );
+    });
+
     // 내가 참여하고 있는 진행 중인 프로젝트 목록
     const myActiveProjects = computed(() => {
         return projectStore.activeMemberProjectList || [];