feat(specification): optimize code specification

Author: vanoneang

.eslintrc.js

@@ -11,32 +11,32 @@ module.exports = {
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'import/extensions': 0, // import不需要写文件扩展名
-    'import/no-unresolved': 0,
-    'no-underscore-dangle': 0, // 无下划线
+    'max-len': 0,
     camelcase: 0, // 变量可以用下划线
-    semi: ['error', 'never'], // 无分号
-    'no-extra-semi': 0, // 和prettier冲突
     'no-plusplus': 0, // 禁止使用++，--
     'guard-for-in': 0,
-    'max-len': ['error', { code: 200 }],
-    'no-use-before-define': 'off',
+    'no-extra-semi': 0, // 和prettier冲突
+    'import/extensions': 0, // import不需要写文件扩展名
+    semi: ['error', 'never'], // 无分号
+    'import/no-unresolved': 0,
     'no-restricted-syntax': 0,
-    'import/no-extraneous-dependencies': ['error', { devDependencies: ['script/**/*.js'] }],
+    'no-underscore-dangle': 0, // 无下划线
     'no-restricted-syntax': 0,
-    'class-methods-use-this': 'off',
     'consistent-return': 'off',
-    'arrow-parens': ['error', 'as-needed'],
+    'max-len': ['error', { code: 200 }],
+    'no-use-before-define': 'off',
     'no-prototype-builtins': 'off',
+    'class-methods-use-this': 'off',
+    'arrow-parens': ['error', 'as-needed'],
+    'comma-dangle': ['error', 'only-multiline'],
+    'no-param-reassign': ['error', { props: false }],
+    'import/no-extraneous-dependencies': ['error', { devDependencies: ['script/**/*.js'] }],
     'object-curly-newline': [
       'error',
       {
         ImportDeclaration: 'never',
       },
     ],
-    'comma-dangle': ['error', 'only-multiline'],
-    'no-param-reassign': ['error', { props: false }],
-    'max-len': 0,
   },
   parserOptions: {
     parser: 'babel-eslint',

src/view/error-page/404.vue

@@ -6,12 +6,16 @@
 </template>
 
 <script type="text/ecmascript-6">
+import { onMounted } from '@vue/composition-api'
+
 export default {
-  mounted() {
-    const headerHeight = 72
-    const { clientHeight } = document.body
-    this.$refs.container.style.height = `${clientHeight - headerHeight}px`
-  },
+  setup(props, ctx) {
+    onMounted(() => {
+      const headerHeight = 72
+      const { clientHeight } = document.body
+      ctx.refs.container.style.height = `${clientHeight - headerHeight}px`
+    })
+  }
 }
 </script>