eslint use vue flat/recommended

2026-05-08 12:35:30 +02:00 · 2025-07-25 16:20:37 +08:00 · 2025-07-25 16:20:37 +08:00 · d098fac602
commit d098fac602
parent b7ce71651e
17 changed files with 32 additions and 31 deletions
--- 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',
    },
  },

--- 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" />
--- 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" />
--- 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.',
--- 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"
--- 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">
--- 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" />
--- 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>
--- 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>

--- 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
--- 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>
--- 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 }">
--- 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>
--- 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>
--- 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>
--- 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>
--- 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" />