fix: duplicated view transition names in library page

1 files changed, 9 insertions, 6 deletions

diff --git a/layouts/_partials/items/book.html b/layouts/_partials/items/book.html
index dca2961b..5a8c8efd 100644
--- a/layouts/_partials/items/book.html
+++ b/layouts/_partials/items/book.html
@@ -1,14 +1,17 @@
+{{ $ctx := .ctx }}
+{{ $NoViewTransition := (or .NoViewTransition false) }}
 <div{{ if eq .Params.rating 1 }} class="opacity-50 z-0"{{ end }}
-  style="view-transition-name: book-{{ .File.UniqueID }}">
-  <a href="{{ .Permalink }}" style="view-transition-name: book-{{ .Title }}"
+  {{ if not $NoViewTransition }}style="view-transition-name: book-{{ $ctx.File.UniqueID }}"{{ end }}>
+  <a href="{{ $ctx.Permalink }}"
+      {{ if not $NoViewTransition }}style="view-transition-name: book-{{ $ctx.Title }}"{{ end }}
       class="border-3 border-solid rotate-3 shadow-md block
       hover:rotate-0 hover:-translate-y-2 hover:scale-110 transition
 
-      {{ if eq .Params.rating 1 }} relative
-      {{ else if eq .Params.rating 5 }} border-amber-200 shadow-amber-100
+      {{ if eq $ctx.Params.rating 1 }} relative
+      {{ else if eq $ctx.Params.rating 5 }} border-amber-200 shadow-amber-100
       {{ else }} border-white{{ end }}">
-    <img class="lazy w-full block" src="{{ .Params.cover }}!small" />
-    {{ if eq .Params.rating 1 }}
+    <img class="lazy w-full block" src="{{ $ctx.Params.cover }}!small" />
+    {{ if eq $ctx.Params.rating 1 }}
     <div class="absolute z-1 top-[25%] left-[25%] h-[50%] w-[50%]"
         style="background-image: url('https://image.guhub.cn/uPic/2025/05/thumbs-down.png');
         background-size: 100%;