title: register Single File Components globally
body: <p>I'm going straight to the point here, I'm creating a registration form using VUEJS. However, when I try to register the component globally it gives me error.
   Please bear with me I'm still new to vuejs.</p>
  
  <p>when I check the console it gives me this error:</p>
  
  <blockquote>
    <p>n is not a function</p>
  </blockquote>
  
  <p>Thanks in advance for the help.</p>
  
  <p>here's my code:</p>
  
  <p><strong>index.php file</strong></p>
  
  <pre><code>&lt;section id="app" class="homepage"&gt;
     &lt;div class="content"&gt;
      &lt;?php
          $this-&gt;load-&gt;view($content);
      ?&gt;
     &lt;/div&gt;
  &lt;/section&gt;
  
  &lt;script src="&lt;?php echo base_url(); ?&gt;/js/vue.min.js" &gt;&lt;/script&gt;
  &lt;script src="&lt;?php echo base_url(); ?&gt;/js/vue-resource.min.js" &gt;&lt;/script&gt;
  &lt;script src="&lt;?php echo base_url(); ?&gt;/js/app.js" &gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>app.js file</strong></p>
  
  <pre><code>Vue.component("tour-form", './components/tourForm.vue');
  
  const app =  new Vue({
      el:'#app',
      data(){
          return{
          }
      }
  });
  </code></pre>
  
  <p><strong>tour_form.php file</strong></p>
  
  <pre><code>&lt;tour-form&gt;&lt;/tour-form&gt;
  </code></pre>