Resolve "Improve UX/UI of new room (with no remembered identity)"

src/components/Login.vue

@@ -66,6 +66,7 @@
           id="chk-remember-me"
           class="mt-0"
           v-model="rememberMe"
+          @change="onRememberMe"
           :label="$t('join.remember_me')"
         />
         <v-btn
@@ -97,9 +98,11 @@
 <script>
 import User from "../models/user";
 import util from "../plugins/utils";
+import rememberMeMixin from "./rememberMeMixin";
 
 export default {
   name: "Login",
+  mixins:[rememberMeMixin],
   data() {
     return {
       user: new User(this.$config.defaultServer, "", ""),
@@ -120,15 +123,7 @@ export default {
     },
     showCloseButton() {
       return this.$navigation && this.$navigation.canPop();
-    },
-    rememberMe: {
-      get: function () {
-        return this.$store.state.useLocalStorage;
-      },
-      set: function (rememberMe) {
-        this.$store.commit("setUseLocalStorage", rememberMe);
-      },
-    },
+    }
   },
   created() {
     if (this.loggedIn) {