fix tailwindcss/typography class

tailwindlabs/tailwindcss-typography#376

Author: yshrsmz

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>

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 -->