Static GitHub Issues

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

prev: when npm run dev ,promisify is not a function
next: How to remove client side nuxt scripts?

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!

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2265">#c2265</a>)</em></sub></div>