title: Vue file not showing
body: <p>I am trying to show .Vue file but it is not happening.</p>
  
  <p>In inspect, it shows the vue file but does not give the output</p>
  
  <p><code>&lt;Root&gt;
    &lt;ImageComponent&gt;
    &lt;Om&gt;</code></p>
  
  <p>ScreenShot of inspect
  <a href="https://i.stack.imgur.com/N5T9T.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N5T9T.jpg" alt="ScreenShot"></a></p>
  
  <p>This is my app.js file</p>
  
  <pre><code>/**
   * First we will load all of this project's JavaScript dependencies which
   * includes Vue and other libraries. It is a great starting point when
   * building robust, powerful web applications using Vue and Laravel.
   */
  
  require('./bootstrap');
  
  window.Vue = require('vue');
  
   Vue.component('image-component', require('./components/ImageuploadComponent.vue'));
   Vue.component('Om', require('./components/Om.vue'));
  
  /**
   * Next, we will create a fresh Vue application instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */
  
  
   const app =
  
      new Vue({
     el: '#chat',
   });
  
  </code></pre>
  
  <p>./components/ImageuploadComponent.vue
  (./components/Om.vue same as this one only header and body content is different)</p>
  
  <pre><code>&lt;template&gt;
      &lt;div class="container"&gt;
          &lt;div class="row justify-content-center"&gt;
              &lt;div class="col-md-8"&gt;
                  &lt;div class="card card-default"&gt;
                      &lt;div class="card-header"&gt;Example Component&lt;/div&gt;
                      &lt;div class="card-body"&gt;
                          I'm an example component.
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
      export default {
          mounted() {
              console.log('Component mounted.')
          }
      }
  &lt;/script&gt;
  
  </code></pre>
  
  <p>blade.php file has </p>
  
  <pre><code>&lt;div id="chat"&gt;
      &lt;image-component&gt;&lt;/image-component&gt;
      &lt;Om&gt;&lt;/Om&gt;
  &lt;/div&gt;
  
  &lt;script src="{{ url('js/app.js') }}"&gt;&lt;/script&gt;
  
  </code></pre>
  
  <p>Thank You</p>