v0.1.52 - 이월 배지와 통계 설명 팝업 정리

src/components/GuideTooltip.vue

@@ -14,6 +14,14 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  dismissible: {
+    type: Boolean,
+    default: true,
+  },
+  buttonLabel: {
+    type: String,
+    default: '?',
+  },
 })
 
 const emit = defineEmits(['dismiss'])
@@ -68,7 +76,7 @@ onBeforeUnmount(() => {
       :aria-expanded="open"
       @click.stop="toggle"
     >
-      ?
+      {{ buttonLabel }}
     </button>
 
     <span
@@ -79,6 +87,7 @@ onBeforeUnmount(() => {
       <span class="block text-[10px] font-bold uppercase tracking-[0.2em] text-stone-500">{{ title }}</span>
       <span class="mt-2 block text-[11px] font-semibold leading-5 tracking-[0.04em] text-stone-700">{{ description }}</span>
       <button
+        v-if="dismissible"
         type="button"
         class="mt-3 rounded-full border border-stone-200 px-3 py-2 text-[10px] font-bold tracking-[0.14em] text-stone-600 transition hover:border-stone-500 hover:text-stone-900"
         @click="dismiss"