fix: view transition error with title

- Add `data-disable-transition-on-theme` to post titles and dates
- Improve view transition handling for theme changes
- Ensure consistent transition behavior across post list and individual post pages

src/pages/index.astro

@@ -41,6 +41,7 @@ const postsByYear = await getPostsByYear()
                 class="hover:c-primary"
                 href={`/posts/${post.data.slug || post.slug}`}
                 transition:name={`post-${post.data.slug || post.slug}`}
+                data-disable-transition-on-theme
               >
                 {post.data.title}
               </a>
@@ -48,6 +49,7 @@ const postsByYear = await getPostsByYear()
               <div
                 class="mb-9 block text-5.6 leading-11 font-time lg:ml-4 lg:inline"
                 transition:name={`time-${post.data.slug || post.slug}`}
+                data-disable-transition-on-theme
               >
                 <time>
                   {post.data.published.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')}

src/pages/posts/[slug].astro

@@ -26,7 +26,10 @@ const { Content, remarkPluginFrontmatter } = await post.render()
 >
   <article class="heti">
     <h1 class="post-title">
-      <span transition:name={`post-${post.data.slug || post.slug}`}>
+      <span
+        transition:name={`post-${post.data.slug || post.slug}`}
+        data-disable-transition-on-theme
+      >
         {post.data.title}
       </span>
     </h1>
@@ -34,6 +37,7 @@ const { Content, remarkPluginFrontmatter } = await post.render()
     <div
       class="mb-23.4 block c-primary font-time"
       transition:name={`time-${post.data.slug || post.slug}`}
+      data-disable-transition-on-theme
     >
       <time>
         {post.data.published.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')}