refactoring

Step/wwwroot/src/App.vue

@@ -5,16 +5,18 @@
       <router-view/>
     </div>
     <app-footer></app-footer>
+    <login></login>
   </div>
 </template>
 
 <script>
 import { Hub } from "./services/hub";
-import { Header, Footer } from "./app.modules";
+import { Header, Footer, Login } from "./app.modules";
+
 
 export default {
   name: "app",
-  components: { appHeader: Header, appFooter: Footer },
+  components: { appHeader: Header, appFooter: Footer, login: Login },
   mounted: function() {
     this.hub = new Hub();
   },

Step/wwwroot/src/app.modules.js

@@ -3,11 +3,13 @@ import "./_base/filtersExtensions";
 
 import Header from "./modules/app-header.vue";
 import Footer from "./modules/app-footer.vue";
+import Login from "./modules/login.vue";
 
 export {
     LoginService,
     Header,
-    Footer
+    Footer,
+    Login
 }
 
 export const Home = () =>

Step/wwwroot/src/components/Home.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="hello">
-    <login></login>
+
   </div>
 </template>
 
 <script>
-import login from "../modules/login.vue";
+
 
 export default {
   name: "HelloWorld",
-  components: { login },
+  components: {  },
   data() {
     return {
       msg: "Welcome to Your Vue.js App"

Step/wwwroot/src/modules/login.ts

@@ -14,8 +14,6 @@ export default class Login extends Vue {
   public isVisible: boolean = true;
 
   async doLogin() {
-    console.log(this.user);
-
     var service = Factory.Get(LoginService);
     await service.doLogin(this.user);
 

Step/wwwroot/src/modules/login.vue

@@ -15,7 +15,7 @@
         <small class="error" v-if="hasError" >Password errata</small>
       </div>
 
-      <button class="btn btn-success block block-center" @click="doLogin()">Log in ss</button>
+      <button class="btn btn-success block block-center" @click="doLogin()">Log in</button>
       </div>
     </div>
   </modal>