How to not have nested layout/pages refresh when the main layout changes

I have the following code:

<NuxtLayout :name="mobile ? 'mobile' : 'default'"
    <NuxtPage/>
</NuxtLayout>

<NuxtLayout :name="mobile ? 'mobile' : 'default'"
    <NuxtPage/>
</NuxtLayout>

So when I change the mobile to be true/false, the layout changes and the page refreshes. Is there a way to make it so that it doesn't refresh?