title: Unknown custom element Vue with Laravel
body: <p>I'm keep getting in a new project the following console error:</p>
  
  <blockquote>
    <p>[Vue warn]: Unknown custom element:  - did you register the component correctly? For recursive components, make sure to provide the "name" option.</p>
  </blockquote>
  
  <p>But I registered like every other component, but it's not working in a new project.</p>
  
  <p>This is the app.js:</p>
  
  <pre><code>require('./bootstrap');
  window.Vue = require('vue');
  Vue.component('login-component', require('./components/LoginComponent.vue'));
  const app = new Vue({
      el: '#app',
  });
  </code></pre>
  
  <p>It's the default Vue from Laravel.</p>
  
  <p>The LoginCompontent looks like this:</p>
  
  <pre><code>&lt;template&gt;
      &lt;form class="default-form"&gt;
          &lt;h1&gt;Login&lt;/h1&gt;
      &lt;/form&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          mounted() {
              console.log('Login Component mounted.');
          },
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>But what am I doing wrong that it doesn't recognize it?</p>