去除冗余css

Author: tzfun

src/Terminal.js

@@ -1,7 +1,8 @@
-import './css/vue-json-viewer.css'
+import 'vue-json-viewer/style.css'
 import sizeof from 'object-sizeof'
 import {_dateFormat, _isEmpty, _nonEmpty, _sleep} from "./Util.js";
 import historyStore from "./HistoryStore.js";
+import TerminalObj from './TerminalObj.js'
 
 export default {
     name: 'Terminal',
@@ -120,7 +121,7 @@ export default {
         }
     },
     created() {
-        this.$terminal.register(this.name, (type, options) => {
+        TerminalObj.register(this.name, (type, options) => {
             if (type === 'pushMessage') {
                 this._pushMessage(options)
             } else if (type === 'updateContext') {
@@ -166,7 +167,7 @@ export default {
         window.addEventListener('keydown', this.keydownListener);
     }, destroyed() {
         window.removeEventListener('keydown', this.keydownListener)
-        this.$terminal.unregister(this.name)
+        TerminalObj.unregister(this.name)
     }, watch: {
         command(val, oldVal) {
             if (!this.cmdChange) {

src/Terminal.vue

@@ -82,11 +82,11 @@
                 </select>
             </span>
             <div v-else-if="item.type === 'code'" class="t-code">
-              <div v-if="$terminalOptions.highlight">
+              <div v-if="require('./TerminalObj').getOptions().highlight">
                 <highlightjs ref="highlightjs" autodetect :code="item.content"/>
               </div>
-              <div v-else-if="$terminalOptions.codemirror">
-                <codemirror ref="codemirror" v-model="item.content" :options="$terminalOptions.codemirror"/>
+              <div v-else-if="require('./TerminalObj').getOptions().codemirror">
+                <codemirror ref="codemirror" v-model="item.content" :options="require('./TerminalObj').getOptions().codemirror"/>
               </div>
               <div v-else style="background: rgb(39 50 58);">
                 <pre style="padding: 1em;margin: 0"><code style="font-size: 15px" v-html="item.content"></code></pre>

src/TerminalObj.js

@@ -4,6 +4,15 @@ const instance = new TerminalObj()
 
 function TerminalObj() {
     let pool = {}
+    let options = {}
+
+    let setOptions = function (ops) {
+        options = ops
+    }
+
+    let getOptions = function () {
+        return options
+    }
 
     let register = function (name, listener) {
         if (pool[name] != null) {
@@ -36,6 +45,8 @@ function TerminalObj() {
     }
 
     return {
+        setOptions: setOptions,
+        getOptions: getOptions,
         post: post,
         register: register,
         unregister: unregister,

src/css/tomorrow-night-bright.css

@@ -6,11 +6,8 @@ let terminal = {}
 terminal.install = function (Vue, options) {
     Vue.use(JsonViewer)
     if (options != null) {
-        Vue.prototype.$terminalOptions = options
-    } else {
-        Vue.prototype.$terminalOptions = {}
+        TerminalObj.setOptions(options)
     }
-    Vue.prototype.$terminal = TerminalObj
     Vue.component(Terminal.name, Terminal)
 }
 export default terminal

src/css/vue-json-viewer.css

@@ -22,8 +22,7 @@ module.exports = {
                 use: [
                     'vue-style-loader',
                     'css-loader'
-                ],
-                exclude: path.resolve(__dirname, "node_modules")
+                ]
             },
             {
                 test: /\.vue$/,