.

Author: sacrosanctic

app/pages/package/[...package].vue

@@ -605,34 +605,33 @@ onKeyStroke(
 
               <!-- Package likes -->
               <TooltipApp
+                v-if="likesData"
                 :text="
-                  likesData?.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
+                  likesData.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
                 "
                 position="bottom"
               >
                 <button
                   @click="likeAction"
                   type="button"
                   :title="
-                    likesData?.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
+                    likesData.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
                   "
                   class="inline-flex items-center gap-1.5 font-mono text-sm text-fg hover:text-fg-muted transition-colors duration-200"
                   :aria-label="
-                    likesData?.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
+                    likesData.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
                   "
                 >
                   <span
                     :class="
-                      likesData?.userHasLiked
+                      likesData.userHasLiked
                         ? 'i-lucide-heart-minus text-red-500'
                         : 'i-lucide-heart-plus'
                     "
                     class="w-4 h-4"
                     aria-hidden="true"
                   />
-                  <span>{{
-                    formatCompactNumber(likesData?.totalLikes ?? 0, { decimals: 1 })
-                  }}</span>
+                  <span>{{ formatCompactNumber(likesData.totalLikes, { decimals: 1 }) }}</span>
                 </button>
               </TooltipApp>
               <template #fallback>