v0.1.43 - 플래너 라벨과 가이드 동작 정리

src/components/SettingsDashboard.vue

@@ -30,6 +30,10 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  guideTooltipResetMessage: {
+    type: String,
+    default: '',
+  },
 })
 
 const emit = defineEmits([
@@ -37,6 +41,7 @@ const emit = defineEmits([
   'update:password-field',
   'submit:profile',
   'submit:password',
+  'reset-guide-tooltips',
 ])
 
 const initials = computed(() =>
@@ -77,6 +82,26 @@ function updatePasswordField(field, event) {
           ...
         </p>
       </div> -->
+
+      <div class="mt-6 rounded-[24px] border border-stone-200 bg-white/80 p-4">
+        <p class="text-[10px] font-bold tracking-[0.18em] text-stone-500">GUIDE TOOLTIPS</p>
+        <p class="mt-3 text-sm font-semibold leading-6 text-stone-700">
+          숨긴 가이드 툴팁을 다시 표시합니다.
+        </p>
+        <button
+          type="button"
+          class="mt-4 rounded-full border border-stone-900 px-4 py-3 text-xs font-bold tracking-[0.14em] text-stone-900 transition hover:bg-stone-900 hover:text-white"
+          @click="emit('reset-guide-tooltips')"
+        >
+          가이드 다시 보기
+        </button>
+        <p
+          v-if="guideTooltipResetMessage"
+          class="mt-3 rounded-2xl border border-stone-200 bg-[#fbf7f0] px-4 py-3 text-xs font-semibold leading-5 text-stone-600"
+        >
+          {{ guideTooltipResetMessage }}
+        </p>
+      </div>
     </aside>
 
     <div class="grid gap-6">