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”)