enhance(client): 絶対時刻で表示する場合、ツールチップでは相対時刻を表記

CHANGELOG_CHERRYPICK.md

@@ -29,6 +29,7 @@
 ### Client
 - 리노트 전 확인 팝업을 띄움
 - 유저 팝업 디자인 개선
+- 절대 시간으로 표시할 때 툴팁에서는 상대 시간을 표기
 - Fix: 그룹 초대 알림 아이콘이 잘못 표시되는 문제
 - Fix: 노트 디자인이 올바르지 않게 표시되는 문제
 - Fix: 프로필 아이콘이 투명일 때 노트 답글선이 비치는 문제

packages/frontend/src/components/global/MkTime.vue

@@ -1,5 +1,5 @@
 <template>
-<time v-tooltip="absolute">
+<time v-tooltip="mode === 'detail' ? absolute : mode === 'relative' ? absolute : relative">
 	<template v-if="invalid">{{ i18n.ts._ago.invalid }}</template>
 	<template v-else-if="mode === 'relative'">{{ relative }}</template>
 	<template v-else-if="mode === 'absolute'">{{ absolute }}</template>
@@ -30,7 +30,7 @@ const absolute = !invalid ? dateTimeFormat.format(_time) : i18n.ts._ago.invalid;
 
 let now = $ref((props.origin ?? new Date()).getTime());
 const relative = $computed<string>(() => {
-	if (props.mode === 'absolute') return ''; // absoluteではrelativeを使わないので計算しない
+	// if (props.mode === 'absolute') return ''; // absoluteではrelativeを使わないので計算しない
 	if (invalid) return i18n.ts._ago.invalid;
 
 	const ago = (now - _time) / 1000/*ms*/;