refactor: Package LoadingPage component

Author: recocopliot

components/Common.vue

@@ -5,7 +5,7 @@
     @touchstart="onTouchStart"
     @touchend="onTouchEnd">
     <transition name="fade">
-      <Loading v-if="firstLoad"></Loading>
+      <LoadingPage v-if="firstLoad"></LoadingPage>
       <Password v-else-if="!isHasKey"></Password>
       <div v-else>
         <Navbar
@@ -42,12 +42,11 @@ import Navbar from '@theme/components/Navbar.vue'
 import Sidebar from '@theme/components/Sidebar.vue'
 import { resolveSidebarItems } from '../util'
 import Password from '@theme/components/Password'
-import Loading from '@theme/components/Loading'
 import Valine from '@theme/components/Valine/'
 import { setTimeout } from 'timers'
 
 export default {
-  components: { Sidebar, Navbar, Password, Valine, Loading },
+  components: { Sidebar, Navbar, Password, Valine },
 
   props: ['sidebar', 'isComment'],
 

components/Loading.vue

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