FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/vue/src/constants/enums/StoreKeys.ts'.
FishEye: No comparison available.  Pass `N' to diff?
Index: arms/vue/src/main.ts
===================================================================
diff -u -rfda505368c027c0873f8097dc30b8be76a10f769 -r57b617c9f54a06d2d2f061579824bb6b5b7a2a97
--- arms/vue/src/main.ts	(.../main.ts)	(revision fda505368c027c0873f8097dc30b8be76a10f769)
+++ arms/vue/src/main.ts	(.../main.ts)	(revision 57b617c9f54a06d2d2f061579824bb6b5b7a2a97)
@@ -1,8 +1,8 @@
-import { createApp } from "vue";
-import "bootstrap";
-import App from "./App.vue";
-import router from "./router";
-import store from "./store";
+import { createApp } from 'vue';
+import 'bootstrap';
+import App from './App.vue';
+import router from './router';
+import { store, key } from './store';
 
 const app = createApp(App);
-app.use(store).use(router).mount("#app");
+app.use(store, key).use(router).mount('#app');
FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/vue/src/store/actions.ts'.
FishEye: No comparison available.  Pass `N' to diff?
FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/vue/src/store/getters.ts'.
FishEye: No comparison available.  Pass `N' to diff?
Index: arms/vue/src/store/index.ts
===================================================================
diff -u -rd07e8d05f1402beebd11a90c45d1d40f0b91afac -r57b617c9f54a06d2d2f061579824bb6b5b7a2a97
--- arms/vue/src/store/index.ts	(.../index.ts)	(revision d07e8d05f1402beebd11a90c45d1d40f0b91afac)
+++ arms/vue/src/store/index.ts	(.../index.ts)	(revision 57b617c9f54a06d2d2f061579824bb6b5b7a2a97)
@@ -1,9 +1,19 @@
-import { createStore } from "vuex";
+import { InjectionKey } from 'vue';
+import { createStore, useStore as baseUseStore, Store } from 'vuex';
+import { RootState, state } from '@/store/state';
+import { actions } from '@/store/actions';
+import { mutations } from '@/store/mutations';
+import { getters } from '@/store/getters';
 
-export default createStore({
-	state: {},
-	getters: {},
-	mutations: {},
-	actions: {},
-	modules: {},
+export const key: InjectionKey<Store<RootState>> = Symbol();
+
+export const store = createStore<RootState>({
+  state,
+  actions,
+  mutations,
+  getters,
 });
+
+export function useStore() {
+  return baseUseStore(key);
+}
FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/vue/src/store/mutations.ts'.
FishEye: No comparison available.  Pass `N' to diff?
FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/vue/src/store/state.ts'.
FishEye: No comparison available.  Pass `N' to diff?
Index: arms/vue/src/views/HomeView.vue
===================================================================
diff -u -rd07e8d05f1402beebd11a90c45d1d40f0b91afac -r57b617c9f54a06d2d2f061579824bb6b5b7a2a97
--- arms/vue/src/views/HomeView.vue	(.../HomeView.vue)	(revision d07e8d05f1402beebd11a90c45d1d40f0b91afac)
+++ arms/vue/src/views/HomeView.vue	(.../HomeView.vue)	(revision 57b617c9f54a06d2d2f061579824bb6b5b7a2a97)
@@ -1,37 +1,45 @@
 <template>
-	<div class="background landing">
-		<div class="container">
-			<HomeHeader />
-			<HomeSlider />
-		</div>
-		<HomeContent />
-		<h2 class="thanks text-align-center">Thanks for watching!</h2>
-		<p class="lead text-align-center">
-			<a class="back-to-top" href="/">
-				back to top <i class="fa fa-angle-up"></i
-			></a>
-		</p>
-	</div>
+  <div class="background landing">
+    <div class="container">
+      <HomeHeader />
+      <HomeSlider />
+    </div>
+    <HomeContent />
+    <h2 class="thanks text-align-center">Thanks for watching!</h2>
+    <p class="lead text-align-center">
+      <a class="back-to-top" href="/"> back to top <i class="fa fa-angle-up"></i></a>
+    </p>
+  </div>
 </template>
 
 <script lang="ts">
-import "../assets/css/normalize.css";
-import "../assets/css/application.min.css";
-import "../assets/css/override.css";
-import HomeHeader from "../components/Home/HomeHeader.vue";
-import HomeSlider from "../components/Home/HomeSlider.vue";
-import HomeContent from "../components/Home/HomeContent.vue";
+import '../assets/css/normalize.css';
+import '../assets/css/application.min.css';
+import '../assets/css/override.css';
+import HomeHeader from '../components/Home/HomeHeader.vue';
+import HomeSlider from '../components/Home/HomeSlider.vue';
+import HomeContent from '../components/Home/HomeContent.vue';
+import { mapActions, mapGetters, mapMutations, mapState } from 'vuex';
+import { useStore } from '@/store';
+import { ActionKeys, MutationTypes, StateKeys } from '@/constants/enums/StoreKeys';
 
 export default {
-	components: {
-		HomeHeader,
-		HomeSlider,
-		HomeContent,
-	},
+  components: {
+    HomeHeader,
+    HomeSlider,
+    HomeContent,
+  },
+  computed: {
+    ...mapGetters([StateKeys.USER_INFO]),
+  },
+  created() {
+    const store = useStore();
+    store.dispatch(ActionKeys.GET_USER, { name: 'test' });
+  },
 };
 </script>
 <style>
 body {
-	padding-bottom: 0;
+  padding-bottom: 0;
 }
 </style>