fix linter issues

src/components/settings/form/FormAppPicker.vue

@@ -1,8 +1,8 @@
 <template>
   <NcButton
     aria-label="t('side_menu', 'Select apps')"
-    @click="openModal"
     variant="primary"
+    @click="openModal"
   >
     {{ t('side_menu', 'Select apps') }} ({{ model.length }})
   </NcButton>
@@ -14,10 +14,10 @@
     <div class="modal__content">
       <NcCheckboxRadioSwitch
         v-for="(item, key) in apps"
+        :key="key"
         v-model="model"
         name="value"
         :value="item.id"
-        :key="key"
       >
         <img
           :src="item.icon"
@@ -28,8 +28,8 @@
 
       <div class="modal__footer">
         <NcButton
-          @click="closeModal"
           variant="primary"
+          @click="closeModal"
         >
           {{ t('side_menu', 'Close') }}
         </NcButton>
@@ -38,6 +38,29 @@
   </NcModal>
 </template>
 
+<script setup>
+import { NcButton, NcModal, NcCheckboxRadioSwitch } from '@nextcloud/vue'
+import { useNavStore } from '../../../store/nav.js'
+import { ref, onMounted } from 'vue'
+
+const model = defineModel({ type: Array })
+const navStore = useNavStore()
+const modal = ref(false)
+const apps = ref([])
+
+const openModal = () => {
+  modal.value = true
+}
+
+const closeModal = () => {
+  modal.value = false
+}
+
+onMounted(async () => {
+  apps.value = await navStore.getApps()
+})
+</script>
+
 <style scoped>
 .modal__content {
   padding: 20px;
@@ -57,26 +80,3 @@ img {
   height: 15px;
 }
 </style>
-
-<script setup>
-import { NcButton, NcModal, NcCheckboxRadioSwitch } from '@nextcloud/vue'
-import { useNavStore } from '../../../store/nav.js'
-import { ref, onMounted } from 'vue'
-
-const model = defineModel()
-const navStore = useNavStore()
-const modal = ref(false)
-const apps = ref([])
-
-const openModal = () => {
-  modal.value = true
-}
-
-const closeModal = () => {
-  modal.value = false
-}
-
-onMounted(async () => {
-  apps.value = await navStore.getApps()
-})
-</script>