Add short widow avoidance in post titles

savageserif · Aug 8, 2024 · e0f9e23 · e0f9e23 · github-actions · Aug 8, 2024
1 parent 70ef57d
commit e0f9e23
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/PostsListItem.vue b/src/components/PostsListItem.vue
@@ -15,7 +15,7 @@
     >
       <div class="space-y-0.5 font-serif text-base-serif">
         <h2 class="font-serif-heading font-bold">
-          {{ smartquotes(item.title) }}
+          {{ avoidShortWidows(smartquotes(item.title)) }}
         </h2>
         <div class="[overflow-wrap:anywhere]">
           {{ item.url?.hostname }}
@@ -68,6 +68,7 @@
 <script setup lang="ts">
 import smartquotes from 'smartquotes-ts';
 import type { HackerNewsItem } from '@/types';
+import { avoidShortWidows } from '@/utils/avoidShortWidows';
 import { formatNumber } from '@/utils/formatNumber';
 import { absoluteTimestamp } from '@/utils/absoluteTimestamp';
 import BaseLabel from '@/components/BaseLabel.vue';