Implemented VueX and a basic UIStore with the fullscreen mutation

Some renaming

2 files changed, 23 insertions, 0 deletions

diff --git a/viewer/src/plugins/fontawesome.js b/viewer/src/plugins/fontawesome.ts
index 9bf4dba..9bf4dba 100644
--- a/viewer/src/plugins/fontawesome.js
+++ b/viewer/src/plugins/fontawesome.ts
diff --git a/viewer/src/plugins/vuex.ts b/viewer/src/plugins/vuex.ts
new file mode 100644
index 0000000..9b2fa46
--- /dev/null
+++ b/viewer/src/plugins/vuex.ts
@@ -0,0 +1,23 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import { extractVuexModule } from "vuex-class-component";
+import { createProxy } from "vuex-class-component";
+import UIStore from '@/store/uiStore';
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  modules: {
+    ...extractVuexModule(UIStore)
+  }
+});
+
+Vue.use((vue) => vue.prototype.$uiStore = createProxy(store, UIStore));
+
+declare module 'vue/types/vue' {
+  interface Vue {
+    $uiStore: UIStore
+  }
+}
+
+export default store;