style: pkg cmpt(BackToTop/Pagation/Screenfull)

Author: recocopliot

components/BackToTop.vue

@@ -32,8 +32,6 @@
           <slot></slot>
           <Valine :isComment="isComment"></Valine>
         </div>
-
-        <BackToTop></BackToTop>
       </div>
     </transition>
   </div>
@@ -46,11 +44,10 @@ import { resolveSidebarItems } from '../util'
 import Password from '@theme/components/Password'
 import Loading from '@theme/components/Loading'
 import Valine from '@theme/components/Valine/'
-import BackToTop from '@theme/components/BackToTop'
 import { setTimeout } from 'timers'
 
 export default {
-  components: { Sidebar, Navbar, Password, Valine, BackToTop, Loading },
+  components: { Sidebar, Navbar, Password, Valine, Loading },
 
   props: ['sidebar', 'isComment'],
 

components/Common.vue

@@ -23,7 +23,7 @@
       } : {}">
 
       <Theme v-if="hasThemes" />
-      <ScreenFull />
+      <Screenfull class="screenfull" />
       <AlgoliaSearchBox
         v-if="isAlgoliaSearch"
         :options="algolia"/>
@@ -39,10 +39,9 @@ import SearchBox from '@SearchBox'
 import SidebarButton from '@theme/components/SidebarButton.vue'
 import NavLinks from '@theme/components/NavLinks.vue'
 import Theme from '@theme/components/Theme'
-import ScreenFull from '@theme/components/ScreenFull'
 
 export default {
-  components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox, Theme, ScreenFull },
+  components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox, Theme },
 
   data () {
     return {
@@ -120,6 +119,8 @@ $navbar-horizontal-padding = 1.5rem
     .search-box
       flex: 0 0 auto
       vertical-align top
+    .screenfull
+      margin-right 1rem
 
 @media (max-width: $MQMobile)
   .navbar

components/Navbar.vue

@@ -18,6 +18,9 @@ module.exports = (options, ctx) => ({
   },
 
   plugins: [
+    '@vuepress-reco/vuepress-plugin-back-to-top',
+    '@vuepress-reco/vuepress-plugin-pagation',
+    '@vuepress-reco/vuepress-plugin-screenfull',
     '@vuepress/active-header-links',
     ['@vuepress/plugin-blog', {
       permalink: '/:regular'