title: nuxt-link to open a page in the parent of a nuxt-child
body: <p>I'm using a <strong>NuxtJS pages</strong> setup similar to this:</p>
  <pre><code>./pages/about.vue
  ./pages/phones/index.vue
  ./pages/phones/details.vue
  ./pages/phones.vue
  </code></pre>
  <p>Inside the <code>./pages/phones.vue</code> -file I'm using a <code>&lt;nuxt-child /&gt;</code> component to render the <code>./pages/phones/index.vue</code> and <code>./pages/phones/details.vue</code> inside of it. Like so:</p>
  <p>File: <code>./pages/phones.vue</code>:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;nuxt-child /&gt;
  </code></pre>
  <p>Inside the <code>./pages/phones/details.vue</code> -page I have a link that needs to open the <code>./pages/about.vue</code> in the <strong>&quot;parent&quot;</strong> <code>&lt;Nuxt /&gt;</code> (the normal NuxtJS router-view) <strong>NOT the <code>&lt;nuxt-child /&gt;</code></strong> router view.</p>
  <p>This is similar to how old-school iframes can open a URL in their parent by using <code>target=&quot;_parent&quot;</code> attribute.</p>
  <p>But the nuxt-link &quot;about&quot; (that links to <code>./pages/about.vue</code> -page) is still opening in the nuxt-child (router-view).</p>
  <p>I think their should be some kind of <code>target</code> property on the <code>&lt;nuxt-link&gt;</code> -component:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;nuxt-link :to=&quot;{ name: 'about', target: '_parent' }&quot;&gt;About&lt;/nuxt-link&gt;
  </code></pre>
  <p><strong>NOTE: The above example doesn't work. I'm looking for something like this.</strong></p>
  <p>I've searched the web; but, how do you open a link from within a <code>&lt;nuxt-child /&gt;</code> into the parent <code>&lt;Nuxt /&gt;</code> (router) view?</p>