From b8bd8e2e489c320bd4ec17a74ec55dabc3bc38c6 Mon Sep 17 00:00:00 2001
From: hanaTsuk1 <101488209+hanaTsuk1@users.noreply.github.com>
Date: Sat, 31 Aug 2024 09:15:22 +0800
Subject: [PATCH] =?UTF-8?q?timeline=20moment=E5=8E=BB=E9=99=A4=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E9=BB=98=E8=AE=A4=E8=A1=8C=E4=B8=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../timeline/graph/TimelineMoment.vue          | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/timeline/graph/TimelineMoment.vue b/src/components/timeline/graph/TimelineMoment.vue
index 6831423..8582c71 100644
--- a/src/components/timeline/graph/TimelineMoment.vue
+++ b/src/components/timeline/graph/TimelineMoment.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { open } from '@tauri-apps/plugin-shell'
+
 import type { ObsidianNote } from '@/hooks/useObsidian'
 import type { TimeLineNodeCommonGraphData } from '@/interfaces'
 
@@ -10,16 +12,24 @@ const props = defineProps<{
 defineOptions({
   inheritAttrs: false,
 })
+
+function openObsidian() {
+  open(`obsidian://open?path=${props.raw.path}`)
+}
 </script>
 
 <template>
-  <a v-bind="$attrs" :href="`obsidian://open?path=${props.raw.path}`">
-    <div i-mdi:pencil />
+  <div v-bind="$attrs" i-mdi:pencil cursor-pointer @click="openObsidian">
     <v-tooltip activator="parent" :text="$t('timelineGraph.moment.tooltip')" location="start" />
-  </a>
+  </div>
   <div>
-    <div class="line-clamp-1" break-all>
+    <div :class="props.data.children ? 'line-clamp-2' : 'line-clamp-1'" break-all>
       {{ props.data.title }}
     </div>
+    <div v-if="props.data.children">
+      {{ $t('timelineGraph.includeCount', {
+        count: props.data.children,
+      }) }}
+    </div>
   </div>
 </template>