BacktoTop added to App.vue rather

src/App.vue

 <template>
   <div id="app">
+    <a href="#" class="back-to-top">
+      <i class="fa fa-chevron-up"></i>
+    </a>
     <div class="click-closed"></div>
     <SearchTab />
     <NavBar @routerGoTo="routerGoTo" />

src/components/about/aboutTimeshare.vue

   <!--/ About Star /-->
   <section class="section-about">
     <div class="container">
-      <a href="#" class="back-to-top">
-        <i class="fa fa-chevron-up"></i>
-      </a>
       <div class="row">
         <div class="col-sm-12">
           <div class="about-img-box">

src/components/about/aboutUsPage.vue

   <!-- eslint-disable max-len -->
   <section class="section-about">
     <div class="container">
-      <a href="#" class="back-to-top">
-        <i class="fa fa-chevron-up"></i>
-      </a>
       <div class="row">
         <div class="col-sm-12">
           <div class="about-img-box">

src/components/admin/property/propertyTypeList.vue

 <template>
   <!-- eslint-disable max-len -->
   <div>
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <div class="container">
       <section class="intro-single">
         <div class="container">

src/components/admin/property/userDefinedField.vue

 <template>
   <div>
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <section class="intro-single">
       <div class="container">
         <div class="row">

src/components/admin/property/userDefinedGroupPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div>
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <div v-if="showField === false">
       <section class="intro-single">
         <div class="container">

src/components/admin/property/userDefinedGroupsPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div>
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <section class="intro-single">
       <div class="container">
         <div class="row">

src/components/admin/status/statusPage.vue

 <template>
   <div>
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <section class="intro-single">
       <div class="container">
         <div class="row">

src/components/admin/unitConfiguration/unitConfigurationPage.vue

 <template>
   <div>
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <section class="intro-single">
       <div class="container">
         <div class="row">

src/components/misc/contactUs.vue

 <template>
   <!-- eslint-disable max-len -->
   <div class="container">
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <div class="row">
       <div class="col-sm-12">
         <div class="faq-img-box">

src/components/misc/privacyPolicyPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div class="container">
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <div class="row">
       <div class="col-sm-12">
         <div class="about-img-box">

src/components/processFlow/offers.vue

 <template>
   <!-- eslint-disable max-len -->
   <div>
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <div class="container">
       <section class="intro-single">
         <div class="container">

src/components/property/propertyPage.vue

   <!-- eslint-disable max-len -->
   <div v-if="property">
     <div class="container">
-      <a href="#" class="back-to-top">
-        <i class="fa fa-chevron-up"></i>
-      </a>
       <br />
       <br />
       <br />

src/components/property/propertySearchPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div class="container">
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <div class="container col-md-12" v-if="propertyType === 'Residential'">
       <div class="col-sm-12">
         <div class="about-img-box">

src/components/property/propertyeditPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div>
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <div class="container">
       <div class="col-sm-12">
         <div class="tobuy-img-box">

src/components/timeshare/buy/buyPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <section class="collapse-items">
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <div class="container">
       <div class="row">
         <div class="col-sm-12">

src/components/timeshare/buy/weekListPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div class="container">
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <br />
     <br />
     <br />

src/components/timeshare/faqPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <section class="collapse-items">
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <div class="container">
       <div class="row">
         <div class="col-sm-12">

src/components/timeshare/resort/resortPage.vue

   <!-- eslint-disable max-len -->
   <section>
     <div class="container">
-      <a href="#" class="back-to-top">
-        <i class="fa fa-chevron-up"></i>
-      </a>
       <br />
       <br />
       <br />

src/components/timeshare/resort/unitPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div class="container">
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <br />
     <br />
     <br />

src/components/timeshare/sell/sellPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <div class="container">
-    <a href="#" class="back-to-top">
-      <i class="fa fa-chevron-up"></i>
-    </a>
     <div class="row">
       <div class="col-md-12">
         <div class="col-sm-12">