Merge pull request #4552 from traPtitech/dependabot/npm_and_yarn/eslint-plugin-vue-10.1.0

build(deps-dev): bump eslint-plugin-vue from 9.32.0 to 10.1.0

Author: Pugma

eslint.config.mjs

@@ -6,6 +6,8 @@ import js from '@eslint/js'
 import { FlatCompat } from '@eslint/eslintrc'
 import stylisticTs from '@stylistic/eslint-plugin-ts'
 import cypress from 'eslint-plugin-cypress'
+import vueLint from 'eslint-plugin-vue'
+import prettier from 'eslint-config-prettier'
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
@@ -22,10 +24,10 @@ export default [
   ...compat.extends(
     'eslint:recommended',
     './eslint-vue-ts-recommended.cjs',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:vue/vue3-recommended',
-    'prettier'
+    'plugin:@typescript-eslint/recommended'
   ),
+  ...vueLint.configs['flat/recommended'],
+  prettier,
   {
     plugins: {
       'unused-imports': unusedImports,
@@ -104,7 +106,6 @@ export default [
         }
       ],
 
-      'vue/v-on-function-call': 'error',
       'vue/no-template-target-blank': 'error',
       'vue/prefer-true-attribute-shorthand': 'error',
       '@typescript-eslint/no-non-null-assertion': 'warn',
@@ -127,6 +128,12 @@ export default [
       '@typescript-eslint/no-var-requires': 'off'
     }
   },
+  {
+    files: ['**/public/**/*.js', '**/build/**/*.js'],
+    rules: {
+      'no-undef': 'off'
+    }
+  },
   {
     plugins: { cypress },
     files: ['**/tests/e2e/**/*.{js,cjs,jsx,ts,tsx}'],

package-lock.json

@@ -86,7 +86,7 @@
     "eslint-config-prettier": "^10.1.3",
     "eslint-plugin-cypress": "^5.0.1",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "eslint-plugin-vue": "^9.32.0",
+    "eslint-plugin-vue": "^10.2.0",
     "fonteditor-core": "^2.4.1",
     "jsdom": "^26.1.0",
     "patch-package": "^8.0.0",

package.json

@@ -1,5 +1,7 @@
 <template>
-  <div :class="$style.container"><slot></slot></div>
+  <div :class="$style.container">
+    <slot />
+  </div>
 </template>
 
 <style lang="scss" module>

src/components/Authenticate/AuthenticateModal.vue

@@ -1,10 +1,10 @@
 <template>
   <div :class="$style.container">
-    <span :class="$style.hr"></span>
+    <span :class="$style.hr" />
     <span v-if="label !== ''" :class="$style.label">
       {{ label }}
     </span>
-    <span :class="$style.hr"></span>
+    <span :class="$style.hr" />
   </div>
 </template>
 

src/components/Authenticate/AuthenticateSeparator.vue

@@ -1,6 +1,8 @@
 <template>
   <div :class="$style.container">
-    <div :class="$style.name">{{ client.name }}</div>
+    <div :class="$style.name">
+      {{ client.name }}
+    </div>
     <div :class="$style.desc">
       <div :class="$style.descTitle">開発者</div>
       <div :class="$style.descContent">

src/components/Authenticate/ConsentForm/ClientDescription.vue

@@ -1,7 +1,9 @@
 <template>
   <div :class="$style.user">
     <img :src="saved.iconURL ?? undefined" :class="$style.userIcon" />
-    <p :class="$style.name">{{ saved.id }}</p>
+    <p :class="$style.name">
+      {{ saved.id }}
+    </p>
   </div>
   <div :class="$style.buttons">
     <authenticate-button

src/components/Authenticate/LoginFormSaved.vue

@@ -1,6 +1,8 @@
 <template>
   <div :class="$style.container">
-    <div :class="$style.name">{{ group.name }}</div>
+    <div :class="$style.name">
+      {{ group.name }}
+    </div>
     <div :class="$style.adminList">
       <a-icon name="crown" mdi />
       <user-icon-ellipsis-list

src/components/GroupManager/GroupListGroupView.vue

@@ -24,7 +24,9 @@
         @edit="onEdit(member.id)"
         @delete="onDelete(member.id)"
       >
-        <div :class="$style.role">{{ member.role }}</div>
+        <div :class="$style.role">
+          {{ member.role }}
+        </div>
       </group-user>
     </div>
   </div>

src/components/GroupManager/GroupMemberList.vue

@@ -2,7 +2,9 @@
   <div v-if="user" :class="$style.container">
     <user-icon :class="$style.userIcon" :user-id="id" prevent-modal />
     <div :class="$style.content">
-      <div :class="$style.displayName">{{ user.displayName }}</div>
+      <div :class="$style.displayName">
+        {{ user.displayName }}
+      </div>
       <slot />
     </div>
     <div :class="$style.controls">