rename modules according to rules

client/src/App.vue

@@ -0,0 +1,43 @@
+<script>
+import ItemModel from "@/components/ItemModel";
+import LoginPage from "@/components/LoginPage";
+import Custom404Page from "@/components/Custom404Page";
+
+const routes = {
+  '/': ItemModel,
+  '/login': LoginPage
+}
+
+export default {
+  data() {
+    return {
+      currentPath: window.location.hash
+    }
+  },
+  computed: {
+    currentView() {
+      return routes[this.currentPath.slice(1) || '/'] || Custom404Page
+    }
+  },
+  mounted() {
+    window.addEventListener('hashchange', () => {
+      this.currentPath = window.location.hash
+    })
+  }
+}
+
+
+
+</script>
+
+<template>
+  <component :is="currentView" />
+</template>
+
+
+
+<style>
+[v-cloak] {
+  display: none;
+}
+</style>