From d098fac602e1136be7587a4d1d67800b956f0a94 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Fri, 25 Jul 2025 16:20:37 +0800
Subject: [PATCH] eslint use vue flat/recommended

---
 next-ui/eslint.config.ts                           |  3 ++-
 next-ui/src/components/apikey/DeletionWarning.vue  |  2 +-
 next-ui/src/components/apikey/ForceSyncWarning.vue |  2 +-
 next-ui/src/components/dialog/Confirm.vue          |  4 ++--
 next-ui/src/components/dialog/ConfirmEdit.vue      |  2 +-
 next-ui/src/components/server/Settings.vue         | 14 +++++++-------
 next-ui/src/components/user/DeletionWarning.vue    |  2 +-
 next-ui/src/components/user/Details.vue            |  2 +-
 next-ui/src/fragments/fragment/ThemeSelector.vue   |  2 +-
 .../fragments/fragment/apikey/GenerateDialog.vue   |  8 ++++----
 next-ui/src/fragments/fragment/apikey/Table.vue    |  4 ++--
 .../src/fragments/fragment/dialog/ConfirmEdit.vue  |  4 ++--
 .../fragment/user/AuthenticationActivityTable.vue  |  2 +-
 next-ui/src/fragments/fragment/user/Table.vue      |  6 +++---
 .../fragments/fragment/user/form/CreateEdit.vue    |  2 +-
 next-ui/src/pages/login.vue                        |  2 +-
 next-ui/src/pages/server/settings.vue              |  2 +-
 17 files changed, 32 insertions(+), 31 deletions(-)

diff --git a/next-ui/eslint.config.ts b/next-ui/eslint.config.ts
index bb5b276d..c2101a33 100644
--- a/next-ui/eslint.config.ts
+++ b/next-ui/eslint.config.ts
@@ -30,7 +30,7 @@ export default defineConfigWithVueTs(
     ],
   },
 
-  ...pluginVue.configs['flat/essential'],
+  ...pluginVue.configs['flat/recommended'],
   vueTsConfigs.recommendedTypeChecked,
 
   {
@@ -49,6 +49,7 @@ export default defineConfigWithVueTs(
       ],
       'no-empty': ['error', { allowEmptyCatch: true }],
       'vue/multi-word-component-names': 'off',
+      'vue/require-default-prop': 'off',
     },
   },
 
diff --git a/next-ui/src/components/apikey/DeletionWarning.vue b/next-ui/src/components/apikey/DeletionWarning.vue
index 9e3a93d4..fe4f7b71 100644
--- a/next-ui/src/components/apikey/DeletionWarning.vue
+++ b/next-ui/src/components/apikey/DeletionWarning.vue
@@ -4,7 +4,7 @@
     variant="tonal"
     class="mb-4"
   >
-    <FormattedMessage :messageDescriptor="message">
+    <FormattedMessage :message-descriptor="message">
       <template #ul="Content">
         <ul class="ps-8">
           <component :is="Content" />
diff --git a/next-ui/src/components/apikey/ForceSyncWarning.vue b/next-ui/src/components/apikey/ForceSyncWarning.vue
index 5b6c7591..9adc2d7a 100644
--- a/next-ui/src/components/apikey/ForceSyncWarning.vue
+++ b/next-ui/src/components/apikey/ForceSyncWarning.vue
@@ -4,7 +4,7 @@
     variant="tonal"
     class="mb-4"
   >
-    <FormattedMessage :messageDescriptor="message">
+    <FormattedMessage :message-descriptor="message">
       <template #ul="Content">
         <ul class="ps-8">
           <component :is="Content" />
diff --git a/next-ui/src/components/dialog/Confirm.vue b/next-ui/src/components/dialog/Confirm.vue
index a97a40a2..8db79a98 100644
--- a/next-ui/src/components/dialog/Confirm.vue
+++ b/next-ui/src/components/dialog/Confirm.vue
@@ -9,9 +9,9 @@
     <template #default="{ isActive }">
       <v-form
         v-model="formValid"
-        @submit.prevent="submitForm(isActive)"
         :disabled="loading"
         class="fill-height"
+        @submit.prevent="submitForm(isActive)"
       >
         <v-card
           :title="title"
@@ -22,7 +22,7 @@
             <slot name="warning" />
             <slot name="text">
               <FormattedMessage
-                :messageDescriptor="
+                :message-descriptor="
                   defineMessage({
                     description: 'Confirmation dialog: default hint to retype validation text',
                     defaultMessage: 'Please type <b>{validateText}</b> to confirm.',
diff --git a/next-ui/src/components/dialog/ConfirmEdit.vue b/next-ui/src/components/dialog/ConfirmEdit.vue
index c745d7d0..926b25db 100644
--- a/next-ui/src/components/dialog/ConfirmEdit.vue
+++ b/next-ui/src/components/dialog/ConfirmEdit.vue
@@ -16,9 +16,9 @@
         <template #default="{ model: proxyModel, cancel, save, isPristine }">
           <v-form
             v-model="formValid"
-            @submit.prevent="submitForm(save)"
             :disabled="loading"
             class="fill-height"
+            @submit.prevent="submitForm(save)"
           >
             <v-card
               :title="title"
diff --git a/next-ui/src/components/server/Settings.vue b/next-ui/src/components/server/Settings.vue
index 561c9126..5ebede41 100644
--- a/next-ui/src/components/server/Settings.vue
+++ b/next-ui/src/components/server/Settings.vue
@@ -3,11 +3,11 @@
     v-model="settingsUpdate"
     hide-actions
   >
-    <template v-slot:default="{ model: proxyModel, cancel, save, isPristine }">
+    <template #default="{ model: proxyModel, cancel, save, isPristine }">
       <v-form
         v-model="formValid"
-        @submit.prevent="submitForm(save)"
         :disabled="loading"
+        @submit.prevent="submitForm(save)"
       >
         <v-row>
           <v-col>
@@ -188,12 +188,12 @@
               hide-details
             >
               <template
-                v-slot:append-inner
                 v-if="!!settings?.serverPort.configurationSource"
+                #append-inner
               >
                 <v-icon
-                  icon="i-mdi:information-outline"
                   v-tooltip:bottom="messagePrecedence"
+                  icon="i-mdi:information-outline"
                 ></v-icon>
               </template>
             </v-number-input>
@@ -228,12 +228,12 @@
                 ],
               ]"
               ><template
-                v-slot:append-inner
                 v-if="!!settings?.serverContextPath.configurationSource"
+                #append-inner
               >
                 <v-icon
-                  icon="i-mdi:information-outline"
                   v-tooltip:bottom="messagePrecedence"
+                  icon="i-mdi:information-outline"
                 ></v-icon> </template
             ></v-text-field>
           </v-col>
@@ -298,9 +298,9 @@
                   id: 'kh49ZJ',
                 })
               "
-              @click="cancel"
               :disabled="isPristine"
               variant="text"
+              @click="cancel"
             ></v-btn>
           </v-col>
           <v-col cols="auto">
diff --git a/next-ui/src/components/user/DeletionWarning.vue b/next-ui/src/components/user/DeletionWarning.vue
index 406ebbf3..8cea613f 100644
--- a/next-ui/src/components/user/DeletionWarning.vue
+++ b/next-ui/src/components/user/DeletionWarning.vue
@@ -4,7 +4,7 @@
     variant="tonal"
     class="mb-4"
   >
-    <FormattedMessage :messageDescriptor="message">
+    <FormattedMessage :message-descriptor="message">
       <template #ul="Content">
         <ul class="ps-8">
           <component :is="Content" />
diff --git a/next-ui/src/components/user/Details.vue b/next-ui/src/components/user/Details.vue
index 28901503..122c96eb 100644
--- a/next-ui/src/components/user/Details.vue
+++ b/next-ui/src/components/user/Details.vue
@@ -21,8 +21,8 @@
     </template>
 
     <template
-      #actions
       v-if="slots.actions"
+      #actions
     >
       <slot name="actions"></slot>
     </template>
diff --git a/next-ui/src/fragments/fragment/ThemeSelector.vue b/next-ui/src/fragments/fragment/ThemeSelector.vue
index 16aa35d3..e8a18871 100644
--- a/next-ui/src/fragments/fragment/ThemeSelector.vue
+++ b/next-ui/src/fragments/fragment/ThemeSelector.vue
@@ -1,8 +1,8 @@
 <template>
   <v-btn
     :icon="themeIcon"
-    @click="cycleTheme()"
     aria-label="theme selector"
+    @click="cycleTheme()"
   />
 </template>
 
diff --git a/next-ui/src/fragments/fragment/apikey/GenerateDialog.vue b/next-ui/src/fragments/fragment/apikey/GenerateDialog.vue
index 1457be65..2163697d 100644
--- a/next-ui/src/fragments/fragment/apikey/GenerateDialog.vue
+++ b/next-ui/src/fragments/fragment/apikey/GenerateDialog.vue
@@ -9,8 +9,8 @@
   >
     <template #default="{ isActive }">
       <v-form
-        @submit.prevent="generateApiKey()"
         class="fill-height"
+        @submit.prevent="generateApiKey()"
       >
         <v-card
           :title="
@@ -56,9 +56,9 @@
                 "
                 :rules="['required']"
                 :error-messages="creationError"
-                @update:modelValue="creationError = ''"
                 :disabled="isLoading || !!createdKey"
                 autofocus
+                @update:model-value="creationError = ''"
               />
             </div>
 
@@ -82,13 +82,13 @@
 
                 <div>
                   <v-text-field
+                    v-model="createdKey.key"
                     readonly
                     :label="createdKey.comment"
-                    v-model="createdKey.key"
                   >
                     <template
-                      #append-inner
                       v-if="clipboardSupported"
+                      #append-inner
                     >
                       <v-fab-transition>
                         <v-icon
diff --git a/next-ui/src/fragments/fragment/apikey/Table.vue b/next-ui/src/fragments/fragment/apikey/Table.vue
index 93126b03..8cefb817 100644
--- a/next-ui/src/fragments/fragment/apikey/Table.vue
+++ b/next-ui/src/fragments/fragment/apikey/Table.vue
@@ -79,16 +79,16 @@
         <v-icon-btn
           v-tooltip:bottom="$formatMessage(messages.forceKoboSync)"
           icon="i-mdi:sync-alert"
+          :aria-label="$formatMessage(messages.forceKoboSync)"
           @click="emit('forceSyncApiKey', apiKey)"
           @mouseenter="emit('enterForceSyncApiKey', $event.currentTarget)"
-          :aria-label="$formatMessage(messages.forceKoboSync)"
         />
         <v-icon-btn
           v-tooltip:bottom="$formatMessage(messages.deleteApiKey)"
           icon="i-mdi:delete"
+          :aria-label="$formatMessage(messages.deleteApiKey)"
           @click="emit('deleteApiKey', apiKey)"
           @mouseenter="emit('enterDeleteApiKey', $event.currentTarget)"
-          :aria-label="$formatMessage(messages.deleteApiKey)"
         />
       </div>
     </template>
diff --git a/next-ui/src/fragments/fragment/dialog/ConfirmEdit.vue b/next-ui/src/fragments/fragment/dialog/ConfirmEdit.vue
index 01374a41..c9c9710d 100644
--- a/next-ui/src/fragments/fragment/dialog/ConfirmEdit.vue
+++ b/next-ui/src/fragments/fragment/dialog/ConfirmEdit.vue
@@ -1,10 +1,10 @@
 <template>
   <DialogConfirmEdit
     v-model="showDialog"
-    :loading="loading"
     v-bind="confirmEdit.dialogProps"
-    :activator="confirmEdit.activator"
     v-model:record="confirmEdit.record"
+    :loading="loading"
+    :activator="confirmEdit.activator"
     @update:record="confirmEdit.callback(hideDialog, setLoading)"
   >
     <template #text="{ proxyModel }">
diff --git a/next-ui/src/fragments/fragment/user/AuthenticationActivityTable.vue b/next-ui/src/fragments/fragment/user/AuthenticationActivityTable.vue
index 5ab1f438..d18abf37 100644
--- a/next-ui/src/fragments/fragment/user/AuthenticationActivityTable.vue
+++ b/next-ui/src/fragments/fragment/user/AuthenticationActivityTable.vue
@@ -8,8 +8,8 @@
     fixed-footer
     multi-sort
     mobile-breakpoint="md"
-    @update:options="updateOptions"
     style="height: 100%"
+    @update:options="updateOptions"
   >
     <template #top>
       <v-toolbar flat>
diff --git a/next-ui/src/fragments/fragment/user/Table.vue b/next-ui/src/fragments/fragment/user/Table.vue
index 5d747bab..1ad351c4 100644
--- a/next-ui/src/fragments/fragment/user/Table.vue
+++ b/next-ui/src/fragments/fragment/user/Table.vue
@@ -80,25 +80,25 @@
         <v-icon-btn
           v-tooltip:bottom="$formatMessage(messages.changePassword)"
           icon="i-mdi:lock-reset"
+          :aria-label="$formatMessage(messages.changePassword)"
           @click="emit('changePassword', user)"
           @mouseenter="emit('enterChangePassword', $event.currentTarget)"
-          :aria-label="$formatMessage(messages.changePassword)"
         />
         <v-icon-btn
           v-tooltip:bottom="$formatMessage(messages.editUser)"
           icon="i-mdi:pencil"
           :disabled="me?.id == user.id"
+          :aria-label="$formatMessage(messages.editUser)"
           @click="emit('editUser', user)"
           @mouseenter="emit('enterEditUser', $event.currentTarget)"
-          :aria-label="$formatMessage(messages.editUser)"
         />
         <v-icon-btn
           v-tooltip:bottom="$formatMessage(messages.deleteUser)"
           icon="i-mdi:delete"
           :disabled="me?.id == user.id"
+          :aria-label="$formatMessage(messages.deleteUser)"
           @click="emit('deleteUser', user)"
           @mouseenter="emit('enterDeleteUser', $event.currentTarget)"
-          :aria-label="$formatMessage(messages.deleteUser)"
         />
       </div>
     </template>
diff --git a/next-ui/src/fragments/fragment/user/form/CreateEdit.vue b/next-ui/src/fragments/fragment/user/form/CreateEdit.vue
index 7601f564..0993992d 100644
--- a/next-ui/src/fragments/fragment/user/form/CreateEdit.vue
+++ b/next-ui/src/fragments/fragment/user/form/CreateEdit.vue
@@ -40,8 +40,8 @@
   <v-row>
     <v-col>
       <v-divider
-        class="mb-4"
         v-if="!user.id"
+        class="mb-4"
       />
       <div class="text-subtitle-2">Permissions</div>
     </v-col>
diff --git a/next-ui/src/pages/login.vue b/next-ui/src/pages/login.vue
index 3c3c9056..b4a9d090 100644
--- a/next-ui/src/pages/login.vue
+++ b/next-ui/src/pages/login.vue
@@ -45,7 +45,7 @@
             type="password"
             :rules="['required']"
             :error-messages="loginError"
-            @update:modelValue="loginError = ''"
+            @update:model-value="loginError = ''"
           />
         </v-col>
       </v-row>
diff --git a/next-ui/src/pages/server/settings.vue b/next-ui/src/pages/server/settings.vue
index 92571b31..b1454665 100644
--- a/next-ui/src/pages/server/settings.vue
+++ b/next-ui/src/pages/server/settings.vue
@@ -4,8 +4,8 @@
     class="pa-0 pa-sm-4"
   >
     <v-skeleton-loader
-      type="article@6, button@2"
       v-if="isPending"
+      type="article@6, button@2"
     />
 
     <EmptyStateNetworkError v-else-if="error" />