Home

Issue: 2603

How to add component to root instance (outside main router-view)

[issue link]

I have need for adding a component in the main instance outside of the main <router-view>. The use-case is an element (global navigation, in my case) that needs to not re-load on route/layout change due to styling requirements.

A ‘normal’ Vue implementation would look like

<div id="app">
  <Navigation/>
  <router-view></router-view>
</div>

It seems like issue #1 (super ironic…) and this video are what I’m looking for, although that doesn’t appear to be working in 1.0

I’ve tried adding app.vue in layouts (per the video description), with

<template>
  <nuxt-container>
    <h2>Test</h2>
    <nuxt/>
  </nuxt-container>
</template>

But that seems to get ignored altogether.

Thanks for any help!

This question is available on Nuxt.js community (#c2265)