From 75ba2bf5c8d5d9494dafcfc807cd6de4253977b9 Mon Sep 17 00:00:00 2001
From: li-chx <lchx751176501@gmail.com>
Date: Sat, 13 Sep 2025 17:26:06 +0800
Subject: [PATCH] =?UTF-8?q?:bug:=20=E6=94=BE=E5=BC=83TS7.0=20=E5=AE=83?=
 =?UTF-8?q?=E8=BF=98=E4=B8=8D=E6=88=90=E7=86=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                |  1 -
 pages/index/archive/components/TimeLine.vue | 33 ++++++++-------------
 2 files changed, 12 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index c08fd5c..1a97b0a 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,6 @@
     "@nuxt/ui": "3.2.0",
     "@pinia/nuxt": "^0.11.1",
     "@tailwindcss/vite": "^4.1.11",
-    "@typescript/native-preview": "7.0.0-dev.20250830.1",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vueuse/core": "^13.6.0",
     "better-sqlite3": "^12.2.0",
diff --git a/pages/index/archive/components/TimeLine.vue b/pages/index/archive/components/TimeLine.vue
index 451a7d1..d28d790 100644
--- a/pages/index/archive/components/TimeLine.vue
+++ b/pages/index/archive/components/TimeLine.vue
@@ -57,30 +57,21 @@ function dateFormatToDate(date: Date | DataAnomaly) {
     <div
         v-for="(article,index) of articles" :key="article.id"
         class="border-l-2 border-l-old-neutral-400 dark:border-l-old-neutral-500 pl-4">
-<!--      <Transition-->
-<!--          enter-active-class="transition-opacity duration-500 ease-in-out"-->
-<!--          enter-from-class="opacity-0"-->
-<!--          enter-to-class="opacity-100"-->
-<!--          leave-active-class="transition-opacity duration-500 ease-in-out"-->
-<!--          leave-from-class="opacity-100"-->
-<!--          leave-to-class="opacity-0"-->
-<!--      >-->
-        <div
-            v-if="currentChoice==='time' && (index == 0 || getYear(article) != getYear(articles[index-1]))"
-            class="year-marker relative text-indigo-300 text-2xl pt-3 pb-3">
-          {{ getYear(article) }}
-        </div>
-        <div
-            v-else-if="currentChoice==='category' && (index == 0 || article.category != articles[index-1].category)"
-            class="year-marker relative text-indigo-300 text-2xl pt-3 pb-3">
-          {{ article.category }}
-        </div>
-<!--      </Transition>-->
+      <div
+          v-if="currentChoice==='time' && (index == 0 || getYear(article) != getYear(articles[index-1]))"
+          class="year-marker relative text-indigo-300 text-2xl pt-3 pb-3">
+        {{ getYear(article) }}
+      </div>
+      <div
+          v-else-if="currentChoice==='category' && (index == 0 || article.category != articles[index-1].category)"
+          class="year-marker relative text-indigo-300 text-2xl pt-3 pb-3">
+        {{ article.category }}
+      </div>
       <div class="flex items-center" @click="toArticlePage(article)">
-        <div :title="dateFormatToTime(article.published_at)" class="text-sm w-12">
+        <div :title="dateFormatToTime(article.published_at)" class="text-sm min-w-12">
           {{ dateFormatToDate(article.published_at) }}
         </div>
-        <div :title="dateFormatToTime(article.published_at)" class="text-md pl-5">
+        <div :title="dateFormatToTime(article.published_at)" class="text-md ml-10">
           {{ article.title }}
         </div>
       </div>