style: lint code

Author: meteorlxy

packages/@vuepress/core/lib/client/app.js

@@ -38,6 +38,7 @@ Vue.use(VuePress)
 Vue.mixin(dataMixin(ClientComputedMixin, siteData))
 // component for rendering markdown content and setting title etc.
 
+/* eslint-disable vue/match-component-file-name */
 Vue.component('Content', Content)
 Vue.component('ContentSlotsDistributor', ContentSlotsDistributor)
 Vue.component('OutboundLink', OutboundLink)
@@ -46,6 +47,7 @@ Vue.component('ClientOnly', ClientOnly)
 // core components
 Vue.component('Layout', getLayoutAsyncComponent('Layout'))
 Vue.component('NotFound', getLayoutAsyncComponent('NotFound'))
+/* eslint-disable-next-line vue/match-component-file-name */
 
 // global helper for adding base path to absolute urls
 Vue.prototype.$withBase = function (path) {
@@ -102,7 +104,7 @@ export function createApp (isServer) {
       router,
       render (h) {
         return h('div', { attrs: { id: 'app' }}, [
-          h('router-view', { ref: 'layout' }),
+          h('RouterView', { ref: 'layout' }),
           h('div', { class: 'global-ui' }, globalUIComponents.map(component => h(component)))
         ])
       }

packages/@vuepress/core/lib/client/components/GlobalLayout.vue

@@ -1,12 +1,22 @@
 <template>
-  <component :is="layout"/>
+  <component :is="layout" />
 </template>
 
 <script>
 import Vue from 'vue'
 import { setGlobalInfo } from '@app/util'
 
 export default {
+  name: 'GlobalLayout',
+
+  computed: {
+    layout () {
+      const layout = this.getLayout()
+      setGlobalInfo('layout', layout)
+      return Vue.component(layout)
+    }
+  },
+
   methods: {
     getLayout () {
       if (this.$page.path) {
@@ -19,14 +29,6 @@ export default {
       }
       return 'NotFound'
     }
-  },
-
-  computed: {
-    layout () {
-      const layout = this.getLayout()
-      setGlobalInfo('layout', layout)
-      return Vue.component(layout)
-    }
   }
 }
 </script>

packages/@vuepress/core/lib/client/components/NotFound.vue

@@ -2,8 +2,12 @@
   <div class="theme-container">
     <div class="content">
       <h1>404</h1>
+
       <blockquote>{{ getMsg() }}</blockquote>
-      <router-link to="/">Take me home.</router-link>
+
+      <RouterLink to="/">
+        Take me home.
+      </RouterLink>
     </div>
   </div>
 </template>

packages/@vuepress/core/lib/client/components/OutboundLink.vue

@@ -1,7 +1,22 @@
 <template functional>
-  <svg class="icon outbound" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15">
-    <path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path>
-    <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon>
+  <svg
+    class="icon outbound"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    x="0px"
+    y="0px"
+    viewBox="0 0 100 100"
+    width="15"
+    height="15"
+  >
+    <path
+      fill="currentColor"
+      d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"
+    />
+    <polygon
+      fill="currentColor"
+      points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"
+    />
   </svg>
 </template>
 

packages/@vuepress/core/lib/node/docs.fallback/.vuepress/theme/Layout.vue

@@ -1,3 +1,3 @@
 <template>
-  <Content/>
+  <Content />
 </template>

packages/@vuepress/core/lib/node/theme-api/Layout.fallback.vue

@@ -1,3 +1,3 @@
 <template>
-  <Content/>
+  <Content />
 </template>

packages/@vuepress/markdown/lib/link.js

@@ -67,14 +67,14 @@ module.exports = (md, externalAttrs) => {
     routerLinks.push(to)
 
     return Object.create(token, {
-      tag: { value: 'router-link' }
+      tag: { value: 'RouterLink' }
     })
   }
 
   md.renderer.rules.link_close = (tokens, idx, options, env, self) => {
     const token = tokens[idx]
     if (hasOpenRouterLink) {
-      token.tag = 'router-link'
+      token.tag = 'RouterLink'
       hasOpenRouterLink = false
     }
     if (hasOpenExternalLink) {

packages/@vuepress/plugin-back-to-top/BackToTop.vue

@@ -3,12 +3,25 @@
     <svg
       v-if="show"
       class="go-to-top"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 49.484 28.284"
       @click="scrollToTop"
-      xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.484 28.284"
     >
       <g transform="translate(-229 -126.358)">
-        <rect fill="currentColor" width="35" height="5" rx="2" transform="translate(229 151.107) rotate(-45)"/>
-        <rect fill="currentColor" width="35" height="5" rx="2" transform="translate(274.949 154.642) rotate(-135)"/>
+        <rect
+          fill="currentColor"
+          width="35"
+          height="5"
+          rx="2"
+          transform="translate(229 151.107) rotate(-45)"
+        />
+        <rect
+          fill="currentColor"
+          width="35"
+          height="5"
+          rx="2"
+          transform="translate(274.949 154.642) rotate(-135)"
+        />
       </g>
     </svg>
   </transition>
@@ -18,6 +31,8 @@
 import debounce from 'lodash.debounce'
 
 export default {
+  name: 'BackToTop',
+
   props: {
     threshold: {
       type: Number,
@@ -31,6 +46,12 @@ export default {
     }
   },
 
+  computed: {
+    show () {
+      return this.scrollTop > this.threshold
+    }
+  },
+
   mounted () {
     this.scrollTop = this.getScrollTop()
     window.addEventListener('scroll', debounce(() => {
@@ -49,12 +70,6 @@ export default {
       window.scrollTo({ top: 0, behavior: 'smooth' })
       this.scrollTop = 0
     }
-  },
-
-  computed: {
-    show () {
-      return this.scrollTop > this.threshold
-    }
   }
 }
 </script>

packages/@vuepress/plugin-back-to-top/enhanceAppFile.js

@@ -1,5 +1,6 @@
 import BackToTop from './BackToTop.vue'
 
 export default ({ Vue }) => {
+  // eslint-disable-next-line vue/match-component-file-name
   Vue.component('BackToTop', BackToTop)
 }

packages/@vuepress/plugin-pwa/lib/SWUpdatePopup.vue

@@ -10,8 +10,13 @@
         v-if="enabled"
         class="sw-update-popup"
       >
-        {{ message }}<br>
-        <button @click="reload">{{ buttonText }}</button>
+        {{ message }}
+
+        <br>
+
+        <button @click="reload">
+          {{ buttonText }}
+        </button>
       </div>
     </slot>
   </transition>
@@ -24,20 +29,15 @@ import { normalizeConfig } from '@app/util'
 import { popupConfig as defaultPopupConfig } from './i18n'
 
 export default {
+  name: 'SWUpdatePopup',
+
   data () {
     return {
       rawPopupConfig: SW_UPDATE_POPUP,
       updateEvent: null
     }
   },
 
-  created () {
-    event.$on('sw-updated', this.onSWUpdated)
-    if (SW_UPDATE_POPUP === true) {
-      this.rawPopupConfig = defaultPopupConfig
-    }
-  },
-
   computed: {
     popupConfig () {
       return normalizeConfig(this, this.rawPopupConfig)
@@ -58,6 +58,13 @@ export default {
     }
   },
 
+  created () {
+    event.$on('sw-updated', this.onSWUpdated)
+    if (SW_UPDATE_POPUP === true) {
+      this.rawPopupConfig = defaultPopupConfig
+    }
+  },
+
   methods: {
     onSWUpdated (e) {
       this.updateEvent = e