From b835bbb34d3e68b70b942db91f87f63f971676cf Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Sun, 13 Apr 2025 20:33:03 +0200
Subject: [PATCH] format code

---
 src/components/settings/AdminSaveButton.vue  | 38 ++++++++++----------
 src/components/settings/TableRow.vue         | 16 ++++-----
 src/components/settings/UserSaveButton.vue   | 36 ++++++++++---------
 src/components/settings/form/FormCatSort.vue |  5 ++-
 src/pages/AdminSettings.vue                  |  4 +--
 src/pages/UserSettings.vue                   | 30 +++++++++++-----
 src/store/config.js                          |  1 -
 7 files changed, 74 insertions(+), 56 deletions(-)

diff --git a/src/components/settings/AdminSaveButton.vue b/src/components/settings/AdminSaveButton.vue
index 6209dce..d9a23dc 100644
--- a/src/components/settings/AdminSaveButton.vue
+++ b/src/components/settings/AdminSaveButton.vue
@@ -3,25 +3,20 @@
     <NcButton
       variant="success"
       @click="save"
-      >
-        <template v-if="!loading">
-          {{ t('side_menu', 'Save') }}
-        </template>
-        <NcLoadingIcon v-else />
+    >
+      <template v-if="!loading">
+        {{ t('side_menu', 'Save') }}
+      </template>
+      <NcLoadingIcon v-else />
     </NcButton>
 
-    <div v-if="error" id="error">
-    </div>
+    <div
+      v-if="error"
+      id="error"
+    ></div>
   </div>
 </template>
 
-<style scoped>
-#error {
-  padding-top: 10px;
-  color: red;
-}
-</style>
-
 <script setup>
 import { NcButton, NcLoadingIcon } from '@nextcloud/vue'
 import { ref } from 'vue'
@@ -56,7 +51,7 @@ const save = async () => {
   error.value = null
 
   const update = () => {
-    ++counter;
+    ++counter
 
     if (counter === size) {
       loading.value = false
@@ -70,9 +65,9 @@ const save = async () => {
   for (let key in data) {
     let value = data[key]
 
-    if (Array.isArray(value) || typeof(value) === 'object') {
+    if (Array.isArray(value) || typeof value === 'object') {
       value = JSON.stringify(value)
-    } else if (typeof(value) === 'boolean') {
+    } else if (typeof value === 'boolean') {
       value = value ? 1 : 0
     }
 
@@ -83,8 +78,15 @@ const save = async () => {
       error() {
         error.value = `Error while saving ${key}`
         update()
-      }
+      },
     })
   }
 }
 </script>
+
+<style scoped>
+#error {
+  padding-top: 10px;
+  color: red;
+}
+</style>
diff --git a/src/components/settings/TableRow.vue b/src/components/settings/TableRow.vue
index 06c77fa..42b7a0d 100644
--- a/src/components/settings/TableRow.vue
+++ b/src/components/settings/TableRow.vue
@@ -17,24 +17,24 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 <template>
   <div
     class="side-menu-setting-row"
-    :class="{'side-menu-setting-row--disabled': disabled }"
+    :class="{ 'side-menu-setting-row--disabled': disabled }"
   >
     <slot></slot>
   </div>
 </template>
 
-<style scoped>
-.disabled {
-  display: block;
-}
-</style>
-
 <script setup>
 const { disabled } = defineProps({
   disabled: {
     type: Boolean,
     required: false,
     default: false,
-  }
+  },
 })
 </script>
+
+<style scoped>
+.disabled {
+  display: block;
+}
+</style>
diff --git a/src/components/settings/UserSaveButton.vue b/src/components/settings/UserSaveButton.vue
index 7e764d7..b536f05 100644
--- a/src/components/settings/UserSaveButton.vue
+++ b/src/components/settings/UserSaveButton.vue
@@ -3,25 +3,20 @@
     <NcButton
       variant="success"
       @click="save"
-      >
-        <template v-if="!loading">
-          {{ t('side_menu', 'Save') }}
-        </template>
-        <NcLoadingIcon v-else />
+    >
+      <template v-if="!loading">
+        {{ t('side_menu', 'Save') }}
+      </template>
+      <NcLoadingIcon v-else />
     </NcButton>
 
-    <div v-if="error" id="error">
-    </div>
+    <div
+      v-if="error"
+      id="error"
+    ></div>
   </div>
 </template>
 
-<style scoped>
-#error {
-  padding-top: 10px;
-  color: red;
-}
-</style>
-
 <script setup>
 import { NcButton, NcLoadingIcon } from '@nextcloud/vue'
 import { ref } from 'vue'
@@ -56,7 +51,7 @@ const save = async () => {
   error.value = null
 
   const update = () => {
-    ++counter;
+    ++counter
 
     if (counter === size) {
       loading.value = false
@@ -71,9 +66,9 @@ const save = async () => {
     let value = data[key]
     let formData = []
 
-    if (Array.isArray(value) || typeof(value) === 'object') {
+    if (Array.isArray(value) || typeof value === 'object') {
       value = JSON.stringify(value)
-    } else if (typeof(value) === 'boolean') {
+    } else if (typeof value === 'boolean') {
       value = value ? 1 : 0
     }
 
@@ -95,3 +90,10 @@ const save = async () => {
   }
 }
 </script>
+
+<style scoped>
+#error {
+  padding-top: 10px;
+  color: red;
+}
+</style>
diff --git a/src/components/settings/form/FormCatSort.vue b/src/components/settings/form/FormCatSort.vue
index 4d92650..cdbd7f7 100644
--- a/src/components/settings/form/FormCatSort.vue
+++ b/src/components/settings/form/FormCatSort.vue
@@ -35,7 +35,10 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         @end="update"
       >
         <template #item="{ element }">
-          <div class="draggable" v-if="element.name !== ''">
+          <div
+            v-if="element.name !== ''"
+            class="draggable"
+          >
             <span class="arrow">⇅</span>
             {{ element.name }}
           </div>
diff --git a/src/pages/AdminSettings.vue b/src/pages/AdminSettings.vue
index f2b31a5..3bf77c1 100644
--- a/src/pages/AdminSettings.vue
+++ b/src/pages/AdminSettings.vue
@@ -423,7 +423,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 
       <TableContainer :class="sectionClass('global')">
         <p class="side-menu-tips">
-            <em>{{ t('side_menu', 'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.') }}</em>
+          <em>{{ t('side_menu', 'Use the shortcut Ctrl+o to open and to hide the side menu. Use tab key to navigate.') }}</em>
         </p>
 
         <SectionTitle label="Global" />
@@ -688,6 +688,6 @@ onMounted(async () => {
 
 .save {
   display: block;
-  float: right
+  float: right;
 }
 </style>
diff --git a/src/pages/UserSettings.vue b/src/pages/UserSettings.vue
index 987979a..2130380 100644
--- a/src/pages/UserSettings.vue
+++ b/src/pages/UserSettings.vue
@@ -19,12 +19,18 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     v-if="config"
     app-name="side_menu"
   >
-    <NcAppContent class="side-menu-setting-app" v-if="config['force']">
+    <NcAppContent
+      v-if="config['force']"
+      class="side-menu-setting-app"
+    >
       <TableContainer>
         <TableLabel label="You do not have permission to change the settings." />
       </TableContainer>
     </NcAppContent>
-    <NcAppContent v-else class="side-menu-setting-app side-menu-setting-app--user">
+    <NcAppContent
+      v-else
+      class="side-menu-setting-app side-menu-setting-app--user"
+    >
       <TableContainer>
         <SectionTitle label="Menu" />
 
@@ -64,11 +70,17 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             :middle="true"
           />
           <TableValue>
-            <FormSelect v-model="config['target-blank-mode']" :options="[
-              {id: 1, label: 'Use the global setting'},
-              {id: 2, label: 'Use my selection'},
-            ]" />
-            <FormAppPicker v-if="config['target-blank-mode'] === 2" v-model="config['target-blank-apps']" />
+            <FormSelect
+              v-model="config['target-blank-mode']"
+              :options="[
+                { id: 1, label: 'Use the global setting' },
+                { id: 2, label: 'Use my selection' },
+              ]"
+            />
+            <FormAppPicker
+              v-if="config['target-blank-mode'] === 2"
+              v-model="config['target-blank-apps']"
+            />
           </TableValue>
         </TableRow>
         <TableRow>
@@ -82,7 +94,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         </TableRow>
       </TableContainer>
 
-       <TableContainer>
+      <TableContainer>
         <SectionTitle label="Support" />
 
         <TableRow>
@@ -166,6 +178,6 @@ onMounted(async () => {
 
 .save {
   display: block;
-  float: right
+  float: right;
 }
 </style>
diff --git a/src/store/config.js b/src/store/config.js
index 744c23d..65540be 100644
--- a/src/store/config.js
+++ b/src/store/config.js
@@ -16,7 +16,6 @@
  */
 
 import { defineStore } from 'pinia'
-import { ref } from 'vue'
 import axios from '@nextcloud/axios'
 import { generateUrl } from '@nextcloud/router'