Merge pull request #389 from traPtitech/dependabot/npm_and_yarn/forma…

…tter-857cc0dc67

Bump the formatter group with 2 updates

.node-version

@@ -1 +1 @@
-20.11.1
+22.11.0

eslint.config.js

@@ -31,7 +31,7 @@ const vueLint = {
     ],
 
     'vue/component-name-in-template-casing': ['error', 'kebab-case'],
-    'vue/custom-event-name-casing': ['error', 'camelCase'],
+    'vue/custom-event-name-casing': ['error', 'kebab-case'],
     'vue/multi-word-component-names': 'off',
     'vue/no-reserved-component-names': 'off',
     'vue/html-self-closing': [

package.json

@@ -36,13 +36,13 @@
     "concurrently": "^9.0.1",
     "eslint": "^9.13.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-vue": "^9.29.1",
+    "eslint-plugin-vue": "^9.30.0",
     "node-fetch": "^3.3.2",
     "prettier": "^3.2.5",
     "sass": "^1.80.5",
     "ts-morph": "^24.0.0",
     "typescript": "^5.6.3",
-    "typescript-eslint": "^8.10.0",
+    "typescript-eslint": "^8.12.2",
     "vite": "^5.4.10",
     "vitest": "^2.1.4",
     "vue-tsc": "2.1.10"

src/components/Layout/PageHeader.vue

@@ -11,7 +11,7 @@ interface Props {
 defineProps<Props>()
 
 const emit = defineEmits<{
-  (e: 'toggleNavigationBar'): void
+  (e: 'toggle-navigation-bar'): void
 }>()
 
 const { isMobile } = storeToRefs(useResponsiveStore())
@@ -21,7 +21,7 @@ const { isMobile } = storeToRefs(useResponsiveStore())
   <div :class="$style.container">
     <button
       v-if="isMobile"
-      @click="emit('toggleNavigationBar')"
+      @click="emit('toggle-navigation-bar')"
     >
       <icon name="mdi:menu" />
     </button>