update login/signup modal

components/LoginModal.vue

 <template>
   <v-row
-    v-if="dialog"
     justify="center"
   >
     <v-dialog
       v-model="dialog"
-      persistent
       width="450px"
+      @click:outside="closeDialog"
     >
       <v-card-title class="justify-center">
         <p class="font-weight-black" style="font-size: 35px">
@@ -115,6 +114,9 @@ export default {
         })
         this.$router.push('/login')
       }
+    },
+    closeDialog () {
+      this.$props.status = false
     }
   }
 }

components/RegisterModal.vue

 <template>
-  <v-row v-if="dialog" justify="center">
+  <v-row justify="center">
     <v-dialog
       v-model="dialog"
-      persistent
       width="450px"
+      @click:outside="closeDialog"
     >
       <v-card-title class="justify-center">
         <p class="font-weight-black" style="font-size: 35px">
@@ -151,6 +151,9 @@ export default {
           duration: 2000
         })
       }
+    },
+    closeDialog () {
+      this.$props.status = false
     }
   }
 }

components/user/Header.vue

@@ -103,7 +103,7 @@
               plain
               v-bind="attrs"
               v-on="on"
-              @click="activeLogin=true"
+              @click="openDialogLogin"
             >
               <v-icon>mdi-account-outline</v-icon>
               <span>login</span>
@@ -113,7 +113,7 @@
               plain
               v-bind="attrs"
               v-on="on"
-              @click="activeRegister=true"
+              @click="openDialogSignUp"
             >
               <span>Signup</span>
             </v-btn>
@@ -157,7 +157,7 @@
         </v-col>
         <v-col
           cols="12"
-          md-4
+          md="4"
           class="d-flex"
         >
           <v-btn
@@ -264,6 +264,16 @@ export default {
       activeLogin: false,
       activeRegister: false
     }
+  },
+  methods: {
+    openDialogLogin () {
+      this.activeLogin = false
+      this.activeLogin = true
+    },
+    openDialogSignUp () {
+      this.activeLogin = false
+      this.activeLogin = true
+    }
   }
 }
 </script>