Vuejs 3 Composition API - dynamic layout with templates and breakpoints

[darianf]

Is there any way of defining the structure of a Vuejs 3 SFC using the Composition API, to allow for different layouts of content based on viewpoint breakpoints?

My designers like to view pretty pages that look great at a wide viewpoint, but as soon as the viewport shrinks, their designs aren't so flexible. It would be great if I could declare in the one file (so that it can access the full model properties) some content, that could be shifted around based on breakpoint classes.

Stackblitz example of what I'm trying to achieve:
https://stackblitz.com/edit/quasarframework-3y5pd1?file=src%2Fpages%2FIndexPage.vue