+1 -1

app/components/AppHeader.vue

reviewed

··· 19 19 const route = useRoute() 20 20 const isMobile = useIsMobile() 21 21 const isSearchExpandedManually = shallowRef(false) 22 22 - const searchBoxRef = shallowRef<{ focus: () => void } | null>(null) 22 22 + const searchBoxRef = useTemplateRef('searchBoxRef') 23 23 24 24 // On search page, always show search expanded on mobile 25 25 const isOnHomePage = computed(() => route.name === 'index')

+1 -1

app/components/Header/SearchBox.vue

reviewed

··· 80 80 } 81 81 82 82 // Expose focus method for parent components 83 83 - const inputRef = shallowRef<HTMLInputElement | null>(null) 83 83 + const inputRef = useTemplateRef('inputRef') 84 84 function focus() { 85 85 inputRef.value?.focus() 86 86 }

+1 -1

app/components/Modal.client.vue

reviewed

··· 3 3 modalTitle: string 4 4 }>() 5 5 6 6 - const dialogRef = ref<HTMLDialogElement>() 6 6 + const dialogRef = useTemplateRef('dialogRef') 7 7 8 8 const modalTitleId = computed(() => { 9 9 const id = getCurrentInstance()?.attrs.id

+1 -1

app/components/Package/ClaimPackageModal.vue

reviewed

··· 96 96 } 97 97 } 98 98 99 99 - const dialogRef = ref<HTMLDialogElement>() 99 99 + const dialogRef = useTemplateRef('dialogRef') 100 100 101 101 function open() { 102 102 // Reset state and check availability each time modal is opened