i’m looking for the right pattern to make routing decisions based on device info. E.g. sometimes it would be better to use different pages for desktop and mobile devices (where grid-based responsivity is simply not enough, or would make the page template too complicated).
My best idea so far would be to use async routing and make use of F7’s device api to decide which page to actually load. And the question is: is there a better pattern / f7 magic for this?
Actually yes. But, if this is a case, maybe it is better to check combination of window/screen width and height. For example iPad (Pro) has large screen and won’t be detected as desktop.