format code

src/components/settings/AdminSaveButton.vue

@@ -10,18 +10,13 @@
       <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>

src/components/settings/TableRow.vue

@@ -23,18 +23,18 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
   </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>

src/components/settings/UserSaveButton.vue

@@ -10,18 +10,13 @@
       <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>

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>

src/pages/AdminSettings.vue

@@ -688,6 +688,6 @@ onMounted(async () => {
 
 .save {
   display: block;
-  float: right
+  float: right;
 }
 </style>

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="[
+            <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']" />
+            />
+            <FormAppPicker
+              v-if="config['target-blank-mode'] === 2"
+              v-model="config['target-blank-apps']"
+            />
           </TableValue>
         </TableRow>
         <TableRow>
@@ -166,6 +178,6 @@ onMounted(async () => {
 
 .save {
   display: block;
-  float: right
+  float: right;
 }
 </style>

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'