save settings with password confirmation

src/components/settings/AdminSaveButton.vue

@@ -13,13 +13,14 @@
     <div
       v-if="error"
       id="error"
-    ></div>
+    >{{ error }}</div>
   </div>
 </template>
 
 <script setup>
 import { NcButton, NcLoadingIcon } from '@nextcloud/vue'
 import { ref } from 'vue'
+import { waitPasswordConfirmation } from '../../lib/setting.js'
 
 const loading = ref(false)
 const error = ref(null)
@@ -62,25 +63,33 @@ const save = async () => {
     }
   }
 
-  for (let key in data) {
-    let value = data[key]
+  waitPasswordConfirmation()
+    .then(() => {
+      for (let key in data) {
+        let value = data[key]
 
-    if (Array.isArray(value) || typeof value === 'object') {
-      value = JSON.stringify(value)
-    } else if (typeof value === 'boolean') {
-      value = value ? 1 : 0
-    }
+        if (Array.isArray(value) || typeof value === 'object') {
+          value = JSON.stringify(value)
+        } else if (typeof value === 'boolean') {
+          value = value ? 1 : 0
+        }
 
-    OCP.AppConfig.setValue('side_menu', key, value, {
-      success() {
-        update()
-      },
-      error() {
-        error.value = `Error while saving ${key}`
-        update()
-      },
+        OCP.AppConfig.setValue('side_menu', key, value, {
+          success() {
+            update()
+          },
+          error() {
+            error.value = `Error while saving ${key}`
+            update()
+          },
+        })
+      }
+    })
+    .catch(() => {
+      counter = 0
+      loading.value = false
+      error.value = null
     })
-  }
 }
 </script>