Question: does the top part changes?
Some assumption first: you only want the item list to be scrollable and the rest of the UI to always be visible on screen.
If “no” then add it as part of the layout header (div slot="header").
If “yes” then it requires some thinking. You still need to add it to the header, but you also need to either use Vuex or a simple store of your own to sync what the layout should show based on the page the user is on.
This is just the high level design based on Vue’s own capabilities. Tell me if you need further information.