fix typos and optimize
This commit is contained in:
parent
a8f0599e18
commit
27c8d28c23
@ -28,7 +28,7 @@ module.exports = {
|
|||||||
"unix"
|
"unix"
|
||||||
],
|
],
|
||||||
"quotes": [
|
"quotes": [
|
||||||
"error",
|
"warn",
|
||||||
"double"
|
"double"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<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">
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||||
</head>
|
</head>
|
||||||
|
@ -1,8 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="console">
|
<div @click="focusInput()" class="console">
|
||||||
<div @keypress.enter="renderCommand()" class="group" v-for="(group, index) in history" :key="group">
|
<div @keypress.enter="renderCommand()" class="group" v-for="(group, index) in history" :key="group">
|
||||||
<pre><span class="host">{{group.host}}</span><span
|
<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>
|
<pre><span v-for="output in group.output" :key="output" :class="output.color">{{output.content}}</span></pre>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -36,14 +37,17 @@ export default {
|
|||||||
output: []
|
output: []
|
||||||
});
|
});
|
||||||
this.$forceUpdate()
|
this.$forceUpdate()
|
||||||
this.$nextTick(function(){
|
this.focusInput()
|
||||||
this.$refs.consoleInput.focus();
|
|
||||||
this.$refs.consoleInput.select();
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
window.scrollTo(0,document.body.scrollHeight);
|
window.scrollTo(0,document.body.scrollHeight);
|
||||||
}, group.delay)
|
}, group.delay)
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
focusInput(){
|
||||||
|
this.$nextTick(function(){
|
||||||
|
this.$refs.consoleInput.focus();
|
||||||
|
this.$refs.consoleInput.select();
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -67,6 +71,8 @@ export default {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
appearance: none;
|
||||||
|
outline: none;
|
||||||
font: inherit;
|
font: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user