title: Setting up Themeforest HTML template with Vue and Laravel. Loading JS files on router.push not working
body: <p>I am setting up my first every frontend website with Vue and Larvavel. I have bought html/css/javascript based template on Themeforest.</p>
  
  <p>Setup vue and vue router with laravel and all seems working find here is my app.js files look like</p>
  
  <pre><code>require('./bootstrap');
  import $ from 'jquery';
  
  window.Vue = require('vue');
  
  import VueRouter from 'vue-router';
  import routes from './router';
  import slider from "./components/slider/index.vue";
  import insideheader from "./components/slider/innerheader.vue";
  
  
  Vue.use(VueRouter);
  
  import App from './components/App.vue';
  Vue.component('slider', slider );
  Vue.component('insideheader', insideheader );
  
  const router = new VueRouter({
  mode: 'history',
  routes,
  
  });
  
  Vue.router = router
  
  const app = new Vue({
      el: '#app',
      data: {
  
     },
  
      router: router,
      render: t =&gt; t(App),
  
   });
  
  
    require('./js/vendor/jquery-library.js')
    require('./js/vendor/jquery-2.2.4.min.js')
    require('./js/vendor/bootstrap.min.js')
    require('./js/owl.carousel.min.js')
    require('./js/jquery.svgInject.js')
    require('./js/isotope.pkgd.js')
    require( './js/chartsloader.js')
    require('./js/parallax.js')
    require('./js/countTo.js')
    window._ = require('./js/appear.js')
    // require('./js/gmap3.js');
    require('./js/main.js')
  </code></pre>
  
  <p>That's what my App.vue looks like</p>
  
  <pre><code>import Home from "./../components/home.vue";
  import About from "./../components/about.vue";
  
  const router = [
  
    { path: '/', component: Home, name: 'home' },
    { path: '/home', component: Home, name: 'home' },
    { path: '/about', component: About, name: 'about' },  
  ]
  
  export default router;
  </code></pre>
  
  <p>When I load my home or about using direct link such as</p>
  
  <pre><code>http://127.0.0.1:8000/home
  http://127.0.0.1:8000/about
  </code></pre>
  
  <p>It works fine but if I use $router.push to change url and load another vue file</p>
  
  <pre><code>this.$router.push(link);
  </code></pre>
  
  <p>Page doesnt appear properly either css or js files aren't functioning properly but I do not get any error in my console about it so not sure what to fix. My guess is js files coz page classes are loading properly it's the jquery based function doesn't seem to be doing their job. </p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thank you for your response in advance.</p>
  
  <pre><code>&lt;template&gt;
      &lt;span&gt;
  
  
      &lt;slider&gt;&lt;/slider&gt;
      &lt;!--************************************
              Main Start
      *************************************--&gt;
      &lt;main id="tg-main" class="tg-main tg-haslayout"&gt;
  
  
          &lt;!--************************************
                  Statistics Start
          *************************************--&gt;
          &lt;section class="tg-haslayout tg-parallax-window" data-appear-top-offset="600" data-parallax="scroll" data-image-src="images/parallax/bgparallax-01.jpg"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="tg-statistics"&gt;
                          &lt;div class="tg-statistic tg-goals"&gt;
                              &lt;span class="icon-Icon1 tg-icon"&gt;&lt;/span&gt;
                              &lt;div class="tg-namecount"&gt;
                                  &lt;h2&gt;&lt;span class="tg-statistic-count" data-from="0" data-to="1900" data-speed="8000" data-refresh-interval="50"&gt;1900+&lt;/span&gt;&lt;/h2&gt;
                                  &lt;h3&gt;Happy customers&lt;/h3&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="tg-statistic tg-activeplayers"&gt;
                              &lt;span class="icon-Icon2 tg-icon"&gt;&lt;/span&gt;
                              &lt;div class="tg-namecount"&gt;
                                  &lt;h2&gt;&lt;span class="tg-statistic-count" data-from="0" data-to="967" data-speed="8000" data-refresh-interval="50"&gt;967&lt;/span&gt;&lt;/h2&gt;
                                  &lt;h3&gt;Successful Deals&lt;/h3&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="tg-statistic tg-activeteams"&gt;
                              &lt;span class="icon-Icon3 tg-icon"&gt;&lt;/span&gt;
                              &lt;div class="tg-namecount"&gt;
                                  &lt;h2&gt;&lt;span class="tg-statistic-count" data-from="0" data-to="1208" data-speed="8000" data-refresh-interval="50"&gt;1208&lt;/span&gt;&lt;/h2&gt;
                                  &lt;h3&gt;awards earned&lt;/h3&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt;
          &lt;!--************************************
                  Statistics End
          *************************************--&gt;
  
  
      &lt;/main&gt;
      &lt;!--************************************
              Main End
      *************************************--&gt;
  
  &lt;/span&gt;
  &lt;/template&gt;
  &lt;script&gt;
  
  export default {
  
      data() {
  
          return {
  
              test: 'test1'
  
          }
  
       },
  
  
  
      methods: {
  
  
      },
  
      created() {
  
  
  
      },
  
      mounted() {
  
      },
  
  
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>About.vue</p>
  
  <pre><code>&lt;template&gt;
      &lt;div id="tg-wrapper" class="tg-wrapper tg-haslayout"&gt;
  
  
      &lt;insideheader&gt;&lt;/insideheader&gt;
      &lt;!--************************************
              Main Start
      *************************************--&gt;
      &lt;main id="tg-main" class="tg-main tg-haslayout"&gt;
  
          &lt;!--************************************
                  Video Why Choose Us? Start
          *************************************--&gt;
          &lt;section class="tg-bglight tg-haslayout"&gt;
              &lt;div class="col-sm-6"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="tg-videosection"&gt;
                          &lt;figure&gt;
                              &lt;img src="images/img-01.jpg" alt="image description"&gt;
                              &lt;figcaption&gt;
                                  &lt;a class="tg-btnplay" href="#"&gt;&lt;i class="fa fa-play"&gt;&lt;/i&gt;&lt;/a&gt;
                                  &lt;h2&gt;our business Introduction&lt;/h2&gt;
                              &lt;/figcaption&gt;
                          &lt;/figure&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-6"&gt;
                  &lt;div class="tg-whychooseus"&gt;
                      &lt;div class="tg-sectionhead"&gt;
                          &lt;div class="tg-sectiontitle"&gt;
                              &lt;h2&gt;best in town&lt;/h2&gt;
                              &lt;h3&gt;why choose us?&lt;/h3&gt;
                          &lt;/div&gt;
                          &lt;div class="tg-description"&gt;
                              &lt;p&gt;Consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore iqua Ut enim ad minim veniam, quis nostrud exercitation ullamco.&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div id="tg-ourskill" class="tg-ourskill tg-skillgroup"&gt;
                          &lt;div class="tg-skill"&gt;
                              &lt;h4&gt;FINANCIAL ANALYSIS&lt;/h4&gt;
                              &lt;div class="tg-skillholder" data-percent="95%"&gt;
                                  &lt;div class="tg-skillbar"&gt;
                                      &lt;h5&gt;95%&lt;/h5&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="tg-skill tg-active"&gt;
                              &lt;h4&gt;INVESTMENTS&lt;/h4&gt;
                              &lt;div class="tg-skillholder" data-percent="80%"&gt;
                                  &lt;div class="tg-skillbar"&gt;
                                      &lt;h5&gt;80%&lt;/h5&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="tg-skill"&gt;
                              &lt;h4&gt;FINANCIAL PLANNER&lt;/h4&gt;
                              &lt;div class="tg-skillholder" data-percent="50%"&gt;
                                  &lt;div class="tg-skillbar"&gt;
                                      &lt;h5&gt;50%&lt;/h5&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="tg-skill"&gt;
                              &lt;h4&gt;BUSINESS SUPPORT&lt;/h4&gt;
                              &lt;div class="tg-skillholder" data-percent="90%"&gt;
                                  &lt;div class="tg-skillbar"&gt;
                                      &lt;h5&gt;90%&lt;/h5&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt;
          &lt;!--************************************
                  Video Why Choose Us? End
          *************************************--&gt;
          &lt;!--************************************
                  Perfessional Team Start
          *************************************--&gt;
          &lt;section class="tg-main-section tg-haslayout"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-lg-offset-2 col-lg-8 col-md-offset-1 col-md-10 col-sm-offset-0 col-sm-12 col-xs-12"&gt;
                          &lt;div class="tg-sectionhead"&gt;
                              &lt;div class="tg-sectiontitle"&gt;
                                  &lt;h2&gt;Meet our&lt;/h2&gt;
                                  &lt;h3&gt;Professional Team&lt;/h3&gt;
                              &lt;/div&gt;
                              &lt;div class="tg-description"&gt;
                                  &lt;p&gt;Consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div id="tg-teamslider" class="tg-teamslider tg-teammembers"&gt;
                          &lt;div class="item tg-member"&gt;
                              &lt;figure&gt;
                                  &lt;img src="images/team/img-01.jpg" alt="image description"&gt;
                                  &lt;figcaption&gt;
                                      &lt;ul class="tg-socialprofilelinks"&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/figcaption&gt;
                              &lt;/figure&gt;
                              &lt;div class="tg-memberinfo"&gt;
                                  &lt;div class="tg-membername"&gt;
                                      &lt;h4&gt;&lt;a href="#"&gt;Dwight Billick&lt;/a&gt;&lt;/h4&gt;
                                  &lt;/div&gt;
                                  &lt;div class="tg-memberdesignation"&gt;
                                      &lt;span&gt;&lt;a href="#"&gt;Financial Planner&lt;/a&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item tg-member"&gt;
                              &lt;figure&gt;
                                  &lt;img src="images/team/img-02.jpg" alt="image description"&gt;
                                  &lt;figcaption&gt;
                                      &lt;ul class="tg-socialprofilelinks"&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/figcaption&gt;
                              &lt;/figure&gt;
                              &lt;div class="tg-memberinfo"&gt;
                                  &lt;div class="tg-membername"&gt;
                                      &lt;h4&gt;&lt;a href="#"&gt;Leonia Murch&lt;/a&gt;&lt;/h4&gt;
                                  &lt;/div&gt;
                                  &lt;div class="tg-memberdesignation"&gt;
                                      &lt;span&gt;&lt;a href="#"&gt;Financial Planner&lt;/a&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item tg-member"&gt;
                              &lt;figure&gt;
                                  &lt;img src="images/team/img-03.jpg" alt="image description"&gt;
                                  &lt;figcaption&gt;
                                      &lt;ul class="tg-socialprofilelinks"&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/figcaption&gt;
                              &lt;/figure&gt;
                              &lt;div class="tg-memberinfo"&gt;
                                  &lt;div class="tg-membername"&gt;
                                      &lt;h4&gt;&lt;a href="#"&gt;Milford Mcwilliam&lt;/a&gt;&lt;/h4&gt;
                                  &lt;/div&gt;
                                  &lt;div class="tg-memberdesignation"&gt;
                                      &lt;span&gt;&lt;a href="#"&gt;Financial Planner&lt;/a&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item tg-member"&gt;
                              &lt;figure&gt;
                                  &lt;img src="images/team/img-04.jpg" alt="image description"&gt;
                                  &lt;figcaption&gt;
                                      &lt;ul class="tg-socialprofilelinks"&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/figcaption&gt;
                              &lt;/figure&gt;
                              &lt;div class="tg-memberinfo"&gt;
                                  &lt;div class="tg-membername"&gt;
                                      &lt;h4&gt;&lt;a href="#"&gt;Jessenia Ly&lt;/a&gt;&lt;/h4&gt;
                                  &lt;/div&gt;
                                  &lt;div class="tg-memberdesignation"&gt;
                                      &lt;span&gt;&lt;a href="#"&gt;Financial Planner&lt;/a&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item tg-member"&gt;
                              &lt;figure&gt;
                                  &lt;img src="images/team/img-01.jpg" alt="image description"&gt;
                                  &lt;figcaption&gt;
                                      &lt;ul class="tg-socialprofilelinks"&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/figcaption&gt;
                              &lt;/figure&gt;
                              &lt;div class="tg-memberinfo"&gt;
                                  &lt;div class="tg-membername"&gt;
                                      &lt;h4&gt;&lt;a href="#"&gt;Dwight Billick&lt;/a&gt;&lt;/h4&gt;
                                  &lt;/div&gt;
                                  &lt;div class="tg-memberdesignation"&gt;
                                      &lt;span&gt;&lt;a href="#"&gt;Financial Planner&lt;/a&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item tg-member"&gt;
                              &lt;figure&gt;
                                  &lt;img src="images/team/img-02.jpg" alt="image description"&gt;
                                  &lt;figcaption&gt;
                                      &lt;ul class="tg-socialprofilelinks"&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/figcaption&gt;
                              &lt;/figure&gt;
                              &lt;div class="tg-memberinfo"&gt;
                                  &lt;div class="tg-membername"&gt;
                                      &lt;h4&gt;&lt;a href="#"&gt;Leonia Murch&lt;/a&gt;&lt;/h4&gt;
                                  &lt;/div&gt;
                                  &lt;div class="tg-memberdesignation"&gt;
                                      &lt;span&gt;&lt;a href="#"&gt;Financial Planner&lt;/a&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                          &lt;div class="item tg-member"&gt;
                              &lt;figure&gt;
                                  &lt;img src="images/team/img-01.jpg" alt="image description"&gt;
                                  &lt;figcaption&gt;
                                      &lt;ul class="tg-socialprofilelinks"&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/figcaption&gt;
                              &lt;/figure&gt;
                              &lt;div class="tg-memberinfo"&gt;
                                  &lt;div class="tg-membername"&gt;
                                      &lt;h4&gt;&lt;a href="#"&gt;Dwight Billick&lt;/a&gt;&lt;/h4&gt;
                                  &lt;/div&gt;
                                  &lt;div class="tg-memberdesignation"&gt;
                                      &lt;span&gt;&lt;a href="#"&gt;Financial Planner&lt;/a&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item tg-member"&gt;
                              &lt;figure&gt;
                                  &lt;img src="images/team/img-02.jpg" alt="image description"&gt;
                                  &lt;figcaption&gt;
                                      &lt;ul class="tg-socialprofilelinks"&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/figcaption&gt;
                              &lt;/figure&gt;
                              &lt;div class="tg-memberinfo"&gt;
                                  &lt;div class="tg-membername"&gt;
                                      &lt;h4&gt;&lt;a href="#"&gt;Leonia Murch&lt;/a&gt;&lt;/h4&gt;
                                  &lt;/div&gt;
                                  &lt;div class="tg-memberdesignation"&gt;
                                      &lt;span&gt;&lt;a href="#"&gt;Financial Planner&lt;/a&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item tg-member"&gt;
                              &lt;figure&gt;
                                  &lt;img src="images/team/img-03.jpg" alt="image description"&gt;
                                  &lt;figcaption&gt;
                                      &lt;ul class="tg-socialprofilelinks"&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/figcaption&gt;
                              &lt;/figure&gt;
                              &lt;div class="tg-memberinfo"&gt;
                                  &lt;div class="tg-membername"&gt;
                                      &lt;h4&gt;&lt;a href="#"&gt;Milford Mcwilliam&lt;/a&gt;&lt;/h4&gt;
                                  &lt;/div&gt;
                                  &lt;div class="tg-memberdesignation"&gt;
                                      &lt;span&gt;&lt;a href="#"&gt;Financial Planner&lt;/a&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="item tg-member"&gt;
                              &lt;figure&gt;
                                  &lt;img src="images/team/img-04.jpg" alt="image description"&gt;
                                  &lt;figcaption&gt;
                                      &lt;ul class="tg-socialprofilelinks"&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-linkedin"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="fa fa-dribbble"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/figcaption&gt;
                              &lt;/figure&gt;
                              &lt;div class="tg-memberinfo"&gt;
                                  &lt;div class="tg-membername"&gt;
                                      &lt;h4&gt;&lt;a href="#"&gt;Jessenia Ly&lt;/a&gt;&lt;/h4&gt;
                                  &lt;/div&gt;
                                  &lt;div class="tg-memberdesignation"&gt;
                                      &lt;span&gt;&lt;a href="#"&gt;Financial Planner&lt;/a&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt;
          &lt;!--************************************
                  Perfessional Team End
          *************************************--&gt;
  
      &lt;/main&gt;
      &lt;!--************************************
              Main End
      *************************************--&gt;
  
  &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  
  
  
  export default {
  
  data() {
  
      return {
  
          test: 'test2'
  
      }
  
  },
  
  
  
  methods: {
  
      autoComplete(){
  
          alert('hit');
  
      }
  
  
  },
  
  created() {
  
  
  
  },
  mounted() {
  
      // this.$root.$on('UpdateWaiting', this.waitingapproval)
  
  },
  
  
  }
  &lt;/script&gt;
  </code></pre>