title: Vue component does not render when I use <inertia-link> tag
body: <p>When I use I use the <code>&lt;inertia-link&gt;</code> the <code>test.vue</code> child component does not render but it renders if I remove those tags. Any ideas as to what I am doing wrong?</p>
  <p><strong>test.vue</strong></p>
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;div class=&quot;p-6 sm:px-20 bg-white border-b border-gray-200&quot;&gt;
              &lt;div&gt;
                  &lt;b-logo class=&quot;block h-12 w-auto&quot; /&gt;
              &lt;/div&gt;
  
              &lt;div class=&quot;mt-1 text-2xl&quot;&gt;
                  {{ $page.user.first_name }} {{ $page.user.last_name }}
              &lt;/div&gt;
  
              &lt;inertia-link :href=&quot;#&quot;&gt;
                  test-link
              &lt;/inertia-link&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      import BLogo from './BLogo'
  
      export default {
  
          components: {
              BLogo,
          },
      }
  &lt;/script&gt;
  </code></pre>
  <p>This component is used in another .vue file with <code>&lt;my-test /&gt;</code></p>
  <p>This is being done in laravel 8. Also, I have noticed that if I use the <code>&lt;inertia-link&gt;</code> tag in the parent vue then it shows up. So the tag works.</p>
  <p>(and I think it is used by the default Jetstream profile pages).</p>