refactor: add checked property to component data

packages/lesspass-pure/src/components/MasterPassword.vue

@@ -65,6 +65,7 @@
           class="form-check-input"
           type="checkbox"
           id="checkPlainPassword"
+          v-model="checkPlainPassword"
         />
         <label class="form-check-label" for="checkPlainPassword">{{
           $t("Use plain password")
@@ -98,7 +99,8 @@ export default {
       icon3: "",
       color1: "",
       color2: "",
-      color3: ""
+      color3: "",
+      checkPlainPassword: false
     };
   },
   methods: {

packages/lesspass-pure/src/views/Login.vue

@@ -116,10 +116,11 @@ export default {
     signIn() {
       if (this.formIsValid()) {
         const baseURL = this.baseURL;
+        let checkPlainPassword = this.$children[0].checkPlainPassword
         this.$store.dispatch("setBaseURL", { baseURL });
         encryptPassword(this.email, this.password)
           .then(encryptedPassword => {
-            let pass = document.getElementById("checkPlainPassword").checked ? this.password : encryptedPassword;
+            let pass = checkPlainPassword ? this.password : encryptedPassword;
             User.login({ email: this.email, password: pass })
               .then(response => {
                 this.$store.dispatch("login", response.data);