upgrade to eslint 10

Author: danielswiatek

apps/api/prisma/util/gliederungEmails.ts

@@ -2,9 +2,10 @@ import { PrismaClient } from '@prisma/client'
 import { enrichEmailAdresses } from '../seeders/gliederungen.js'
 
 const prisma = new PrismaClient()
+const enrichEmailAdressesTyped = enrichEmailAdresses as (prisma: PrismaClient) => Promise<void>
 
 await prisma.$connect()
 
-await enrichEmailAdresses(prisma)
+await enrichEmailAdressesTyped(prisma)
 
 await prisma.$disconnect()

apps/api/src/cli/inquireGenerateService.ts

@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
-/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import inquirer from 'inquirer'
 

apps/frontend/src/components/UIComponents/CircularProgress.vue

@@ -7,10 +7,10 @@ import { computed } from 'vue'
 
 const props = withDefaults(
   defineProps<{
-    progress: number
-    size: number
-    strokeWidth: number
-    formatter: (value: number) => string
+    progress?: number
+    size?: number
+    strokeWidth?: number
+    formatter?: (value: number) => string
   }>(),
   {
     progress: 0,

apps/frontend/src/components/UIComponents/KeyValue.vue

@@ -3,8 +3,8 @@ import type { Component } from 'vue'
 
 withDefaults(
   defineProps<{
-    keyText: string
-    valueText: string | number | undefined
+    keyText?: string
+    valueText?: string | number | undefined
     icon?: Component
   }>(),
   {

apps/frontend/src/views/Anmeldung/AnmeldungFormGeneral.vue

@@ -13,7 +13,7 @@ import { type NahrungsmittelIntoleranz } from '@codeanker/api'
 
 const props = withDefaults(
   defineProps<{
-    isPublic: boolean
+    isPublic?: boolean
     token?: string
   }>(),
   {

apps/frontend/src/views/Unterveranstaltung/UnterveranstaltungDetail.vue

@@ -216,6 +216,7 @@ const anmeldeLinkCreateModal = useTemplateRef('anmeldeLinkCreateModal')
           <div class="text-lg font-semibold">Bedingungen <Badge color="secondary"> Gliederung </Badge></div>
           <p class="text-sm text-gray-500">Bitte beachte die folgenden Bedingungen</p>
         </div>
+        <!-- eslint-disable vue/no-v-html -->
         <div
           class="prose dark:prose-invert"
           v-html="unterveranstaltung?.bedingungen"
@@ -249,6 +250,7 @@ const anmeldeLinkCreateModal = useTemplateRef('anmeldeLinkCreateModal')
           class="prose dark:prose-invert"
           v-html="unterveranstaltung?.veranstaltung?.datenschutz"
         />
+        <!-- eslint-enable vue/no-v-html -->
       </Tab>
       <Tab key="marketing">
         <div class="flex justify-between items-center mt-5 lg:mt-10 mb-5">

apps/frontend/src/views/Verwaltung/Veranstaltungen/VeranstaltungDetail.vue

@@ -199,6 +199,7 @@ function copyProgramLink() {
           Bitte beachte die folgenden Teilnahmebedingungen, diese sind bei der Anmeldung öffentlich einsehbar.
         </p>
       </div>
+      <!-- eslint-disable vue/no-v-html -->
       <div
         v-if="veranstaltung?.teilnahmeBedingungenPublic"
         class="prose dark:prose-invert"
@@ -230,6 +231,7 @@ function copyProgramLink() {
         class="prose dark:prose-invert"
         v-html="veranstaltung?.datenschutz"
       />
+      <!-- eslint-enable vue/no-v-html -->
       <div v-else>
         <p class="text-gray-500">Keine Datenschutzhinweise hinterlegt</p>
       </div>

package.json

@@ -20,6 +20,7 @@
     "start:docs": "npm run docs:dev -w ./apps/docs",
     "migrate:api": "npm exec -w ./apps/api prisma migrate deploy",
     "lint": "turbo lint",
+    "lint:strict": "pnpm -C ./apps/api exec eslint . --cache --max-warnings=0 && pnpm -C ./apps/frontend exec eslint . --cache --max-warnings=0 && pnpm -C ./packages/authentication exec eslint . --cache --max-warnings=0 && pnpm -C ./packages/cookies exec eslint . --cache --max-warnings=0 && pnpm -C ./packages/helpers exec eslint . --cache --max-warnings=0 && pnpm -C ./packages/interfaces exec eslint . --cache --max-warnings=0 && pnpm -C ./packages/validation exec eslint . --cache --max-warnings=0",
     "lint:fix": "eslint \"**/*.{vue,ts,js}\" --fix",
     "prepare": "husky install",
     "test": "vitest",

packages/eslint-config/eslint.vue.config.js

@@ -4,14 +4,7 @@ import globals from 'globals'
 import typescriptEslint from 'typescript-eslint'
 import eslintConfigPrettier from 'eslint-config-prettier'
 
-const recommended = eslintPluginVue.configs['flat/recommended'].map((item) => {
-  if (item.rules) delete item.rules['vue/multi-word-component-names']
-  if (item.rules) delete item.rules['vue/singleline-html-element-content-newline']
-  if (item.rules) delete item.rules['vue/html-self-closing']
-  if (item.rules) delete item.rules['vue/html-indent']
-  if (item.rules) delete item.rules['vue/html-closing-bracket-newline']
-  return item
-})
+const recommended = eslintPluginVue.configs['flat/recommended']
 
 export default typescriptEslint.config(
   { ignores: ['*.d.ts', '**/coverage', '**/dist'] },
@@ -45,19 +38,20 @@ export default typescriptEslint.config(
       'vue/no-mutating-props': 'off',
       'vue/multi-word-component-names': 'off',
       'vue/require-default-prop': 'off', // Durch typescript ist das immer ersichtlich, dass es undefined sein kann.
+      'vue/singleline-html-element-content-newline': 'off',
       'vue/html-self-closing': 'off',
+      'vue/html-indent': 'off',
+      'vue/html-closing-bracket-newline': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
       '@typescript-eslint/no-unused-vars': [
         'error',
         { argsIgnorePattern: '^_', destructuredArrayIgnorePattern: '^_', ignoreRestSiblings: true },
       ],
       'no-unused-vars': 'off',
-      'vue/no-ref-object-destructure': 'error',
       'vue/no-undef-components': ['error', { ignorePatterns: ['router-link', 'router-view'] }],
       'vue/no-unused-refs': 'error',
       'vue/no-useless-mustaches': 'error',
       'vue/no-useless-v-bind': 'error',
-      'vue/v-on-function-call': 'error',
       'vue/no-unused-properties': ['error', { groups: ['props', 'data', 'computed', 'methods', 'setup'] }],
       'vue/html-button-has-type': 'error',
       'vue/no-ref-object-reactivity-loss': 'error',

packages/eslint-config/package.json

@@ -7,9 +7,11 @@
   },
   "devDependencies": {
     "@eslint/js": "catalog:",
-    "eslint": "catalog:",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-vue": "^9.32.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
+    "eslint": "^10.0.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-vue": "^10.8.0",
     "globals": "^15.14.0",
     "typescript-eslint": "catalog:"
   }