In Digital Ocean, using the new App Platform components, how can I map an App Platform component into a different domain name?

Consider the following App Platform with two components:

Currently I am able to create a different route, but this leads to dev being at mysite.com/dev and prod being at mysite.com/prod, however this causes path issues during loading.

What I want is the dev component to be available at dev.mysite.com and prod at prod.mysite.com. How can I achieve this?