How to change a component based on route or handlebars condition

In my attempts to create a 'blog' app I am faced with the following challenge.

I have my global-header component that renders a header. This header will stay the same on all routes except if I am viewing a single blog post then I want to show header-single.

This is the handlebars logic I am trying to accomplish, if it makes sense: