From d4ad89cb8c3080b448e8af2bbe95e28bbed1dbd0 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Mon, 26 Sep 2022 15:33:32 +0200
Subject: Fix vuex mutation editing

---
 pages/settings.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

(limited to 'pages/settings.vue')

diff --git a/pages/settings.vue b/pages/settings.vue
index e9a02fb..6535dd6 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -13,7 +13,7 @@
                 name="name"
                 class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
                 placeholder="John Doe"
-                v-model="me.name"
+                v-model="form.name"
               )
           div
             label.block.text-sm.font-medium.text-gray-700(for="username") Username
@@ -22,7 +22,7 @@
                 name="username"
                 class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
                 placeholder="john"
-                v-model="me.username"
+                v-model="form.username"
               )
           div
             label.block.text-sm.font-medium.text-gray-700(for="email") Email
@@ -32,9 +32,9 @@
                 name="email"
                 class="focus:border-green-500 focus:ring-green-500 sm:text-sm"
                 placeholder="john@example.com"
-                v-model="me.email"
+                v-model="form.email"
               )
-        .py-3.text-right(class="sm:px-6")
+        .py-3.px-4.text-right(class="sm:px-6")
           button.inline-flex.justify-center.rounded-md.border.border-transparent.bg-green-600.py-2.px-4.text-sm.font-medium.text-white.shadow-sm(
             type="submit"
             :class="{'hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2': true, 'opacity-25 cursor-default': isLoading}"
@@ -67,9 +67,14 @@ export default {
   created() {
     if (!this.isLogged) window.location.href = "/signin?ref=/settings";
   },
+  watch: {
+    me: function (value) {
+      this.form = { ...value };
+    },
+  },
   methods: {
     save(event) {
-      const f = this.me;
+      const f = this.form;
 
       if (f.username && f.email) {
         this.$store.dispatch("users/editUser", f).then((response) => {
-- 
cgit v1.2.3-71-g8e6c

