Multiple Views in nuxt.js

Hey everyone,

I was wondering if it is possible to have multiple views in the same layout in a nuxt.js project.

So, to be clear, I want to have a layout (in default.vue for instance) that is like this :

<template>
    <div>
        <nav-bar-1/>
        <nuxt-1/>
        <nav-bar-2/>
        <nuxt-2/>
    <div>
</template>

And then in the nav-bars i just use

<nuxt-link to="/somePage1"/> 
<nuxt-link to="/somePage2"/> 
<nuxt-link to="/somePage3"/> 

Ideally I could use the same component nav-bar and somehow just bind it’s links to a particular view (nuxt-1 or nuxt-2) somehow.

The reason I want this is because I have a SPA that has about 7 or 8 different views but it would be superb for the user if they could have the option of showing 2 different views at the same time, and ideally be able to close one and expand the other if they want.

Any thoughts on how this would be done?

Edit: To add to that, is there a way to use multiple different index.js files in the vuex store folder? That way I can separate different sets of state logic away from eachother to clean up the code… So instead of index.js in the store folder I would have (“thisStateLogic.js” and “thatStateLogic.js”)