feat: console entry maintains state

Author: cadriel

src/components/widgets/ConsoleWidget.vue

@@ -34,7 +34,13 @@ export default class ConsoleWidget extends Mixins(UtilsMixin) {
   @Prop({ type: Boolean, default: false })
   readonly!: false
 
-  consoleCommand = ''
+  get consoleCommand () {
+    return this.$store.state.consoleCommand
+  }
+
+  set consoleCommand (val: string) {
+    this.$store.commit('setConsoleCommand', val)
+  }
 
   sendCommand (command?: string) {
     if (command && command.length) {

src/store/index.ts

@@ -12,15 +12,21 @@ Vue.use(Vuex)
 
 export default new Vuex.Store<RootState>({
   strict: (process.env.NODE_ENV === 'development'),
-  state: {},
+  state: {
+    consoleCommand: ''
+  },
   modules: {
     config,
     socket,
     files,
     devicePower,
     version
   },
-  mutations: {},
+  mutations: {
+    setConsoleCommand (state, payload) {
+      state.consoleCommand = payload
+    }
+  },
   actions: {
     async init ({ dispatch, commit }, payload: Config) {
       // Should init the store, and ensure we've loaded our

src/store/types.ts

@@ -4,6 +4,7 @@ import { SocketState } from './socket/types'
 import { VersionState } from './version/types'
 
 export interface RootState {
+  consoleCommand: string;
   config?: ConfigState;
   files?: FilesState;
   socket?: SocketState;