redirection from login to home

frontend/src/views/Login.vue

 <template>
     <div class="login-page">
         <page-title pagetitle="Se Connecter"/>
-        <form action="#">
-            <text-input id="mail" label="Email"/>
-            <pwd-input id="password" label="Mot de passe"/>
-            <checkbox-input id="remember" label="Se souvenir de moi"/>
-            
-            
+        <form action="#" @submit.prevent="onSubmit">
+            <div class="form-content">
+                <text-input id="mail" label="Email"/>
+                <pwd-input id="password" label="Mot de passe"/>
+                <checkbox-input id="remember" label="Se souvenir de moi"/>
+                
+            </div>
+                
+            <svg-button svg="/icons/back.svg"/>
+            <svg-button svg="/icons/validate.svg"/>
         </form>
-        <svg-button svg="/icons/back.svg"/>
-        <svg-button svg="/icons/validate.svg"/>
     </div>
 </template>
 
@@ -27,6 +29,11 @@ export default {
         TextInput,
         PwdInput,
         CheckboxInput
+    },
+    methods: {
+        onSubmit: function(){
+            this.$router.push('Home');
+        }
     }
 }
 </script>
@@ -37,7 +44,7 @@ export default {
     position: relative;
 }
 
-.login-page > form{
+.login-page .form-content{
     flex-direction: column;
     display: flex;
     width: 900px;