fix typos and optimize

3 years ago · 27c8d28c23
parent a8f0599e18
commit 27c8d28c23
4 changed files with 14 additions and 40 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -28,7 +28,7 @@ module.exports = {
            "unix"
        ],
        "quotes": [
-            "error",
+            "warn",
            "double"
        ]
    }
--- a/public/index.html
+++ b/public/index.html
@ -3,7 +3,7 @@
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=8.0">
+    <meta name="viewport" content="width=device-width,initial-scale=0.8,user-scalable=0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
--- a/src/components/console.vue
+++ b/src/components/console.vue
@ -1,8 +1,9 @@
 <template>
-  <div class="console">
+  <div @click="focusInput()" class="console">
    <div @keypress.enter="renderCommand()" class="group" v-for="(group, index) in history" :key="group">
      <pre><span class="host">{{group.host}}</span><span
-          v-if="index !== history.length-1">{{group.command}}</span><input ref="consoleInput" v-else v-model="group.command" type="text"></pre>
+          v-if="index !== history.length-1">{{group.command}}</span><input
+          v-else v-model="group.command" ref="consoleInput" type="text" autocomplete="off"></pre>
      <pre><span v-for="output in group.output" :key="output" :class="output.color">{{output.content}}</span></pre>
    </div>
  </div>
@ -36,14 +37,17 @@ export default {
              output: []
            });
            this.$forceUpdate()
-            this.$nextTick(function(){
-              this.$refs.consoleInput.focus();
-              this.$refs.consoleInput.select();
-            })
+            this.focusInput()
          }
          window.scrollTo(0,document.body.scrollHeight);
        }, group.delay)
      })
+    },
+    focusInput(){
+      this.$nextTick(function(){
+        this.$refs.consoleInput.focus();
+        this.$refs.consoleInput.select();
+      })
    }
  }
 }
@ -67,6 +71,8 @@ export default {
        margin: 0;
        padding: 0;
        color: #fff;
+        appearance: none;
+        outline: none;
        font: inherit;
      }
    }
--- a/src/registerServiceWorker.js
+++ b/src/registerServiceWorker.js
@ -1,32 +0,0 @@
-/* eslint-disable no-console */
-
-import { register } from 'register-service-worker'
-
-if (process.env.NODE_ENV === 'production') {
-  register(`${process.env.BASE_URL}service-worker.js`, {
-    ready () {
-      console.log(
-        'App is being served from cache by a service worker.\n' +
-        'For more details, visit https://goo.gl/AFskqB'
-      )
-    },
-    registered () {
-      console.log('Service worker has been registered.')
-    },
-    cached () {
-      console.log('Content has been cached for offline use.')
-    },
-    updatefound () {
-      console.log('New content is downloading.')
-    },
-    updated () {
-      console.log('New content is available; please refresh.')
-    },
-    offline () {
-      console.log('No internet connection found. App is running in offline mode.')
-    },
-    error (error) {
-      console.error('Error during service worker registration:', error)
-    }
-  })
-}