🐛 fix typecheck and cleanup imports

app/components/AddExpenseForm.vue

@@ -15,7 +15,7 @@ const emit = defineEmits<{
 
 const description = ref(props.editing?.description ?? '')
 const amount = ref(props.editing ? fromCents(props.editing.amountCents).toString() : '')
-const payerId = ref<number>(props.editing?.payerId ?? props.defaultPayerId ?? props.participants[0]?.id)
+const payerId = ref<number>(props.editing?.payerId ?? props.defaultPayerId ?? props.participants[0]!.id)
 const selectedIds = ref<number[]>(props.editing?.participantIds ?? props.participants.map(p => p.id))
 const error = ref('')
 

app/components/BalanceSummary.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ParticipantView, SettlementView } from '../types'
-import { isValidPaymentLink } from '../../shared/utils/paymentLink'
+import { isValidPaymentLink } from '~~/shared/utils/paymentLink'
 
 const props = defineProps<{
   slug: string

app/components/ExpenseList.vue

@@ -46,7 +46,7 @@ const sorted = computed(() => [...props.expenses].sort((a, b) => b.createdAt - a
             <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd" />
           </svg>
           <p class="truncate font-medium text-emerald-800 dark:text-emerald-300">
-            {{ nameOf(expense.payerId) }} paid {{ nameOf(expense.participantIds[0]) }}
+            {{ nameOf(expense.payerId) }} paid {{ nameOf(expense.participantIds[0]!) }}
           </p>
         </div>
         <div v-else class="min-w-0">