fix tailwindcss/typography class

tailwindlabs/tailwindcss-typography#376
yshrsmz · Feb 2, 2025 · 73365c9 · 73365c9
1 parent 72ddfa2
commit 73365c9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/blog/.vitepress/theme/components/VPPost.vue b/packages/blog/.vitepress/theme/components/VPPost.vue
@@ -22,7 +22,7 @@ const { page, frontmatter } = useData()
       </li>
     </ul>
     <Content
-      class="VPPost__content vp-doc prose dark:prose-invert hover:prose-a:decoration-dotted prose-a:break-all mt-8 max-w-full flex-grow"
+      class="VPPost__content vp-doc prose dark:prose-invert prose-a:break-all prose-a:hover:decoration-dotted mt-8 max-w-full flex-grow"
     />
     <hr class="mt-12 w-2/4" />
   </div>

diff --git a/packages/blog/.vitepress/theme/components/VPScrap.vue b/packages/blog/.vitepress/theme/components/VPScrap.vue
@@ -51,7 +51,7 @@ const bodies = computed(() => [scrap.value, ...scrap.value.comments])
         <article :id="item.id" class="relative mx-8 my-3 flex flex-col">
           <!-- eslint-disable vue/no-v-html -->
           <div
-            class="VPPost__content vp-doc prose dark:prose-invert hover:prose-a:decoration-dotted prose-a:break-all mt-4 max-w-full flex-grow"
+            class="VPPost__content vp-doc prose dark:prose-invert prose-a:hover:decoration-dotted prose-a:break-all mt-4 max-w-full flex-grow"
             v-html="item.body"
           />
           <!-- eslint-enable vue/no-v-html -->