feat: arm 'vue/no-setup-props-reactivity-loss' rule

frontend/eslint.config.js

@@ -48,7 +48,7 @@ export default [
 
 			// vue3
 			'vue/no-ref-object-reactivity-loss': 'error',
-			'vue/no-setup-props-reactivity-loss': 'warn', // TODO: switch to error after vite `propsDestructure` is removed
+			'vue/no-setup-props-reactivity-loss': 'error',
 
 			'@typescript-eslint/no-unused-vars': [
 				'error',

frontend/src/components/input/Password.vue

@@ -55,6 +55,7 @@ const emit = defineEmits<{
 const {t} = useI18n()
 const passwordFieldType = ref('password')
 const password = ref('')
+// eslint-disable-next-line vue/no-setup-props-reactivity-loss
 const isValid = ref<true | string>(props.validateInitially === true ? true : '')
 const validateAfterFirst = ref(false)
 

frontend/src/components/misc/Popup.vue

@@ -51,6 +51,7 @@ defineSlots<{
 	}): void
 }>()
 
+// eslint-disable-next-line vue/no-setup-props-reactivity-loss
 const openValue = ref(props.open)
 watchEffect(() => {
 	openValue.value = props.open

frontend/src/components/misc/flatpickr/Flatpickr.vue

@@ -93,6 +93,7 @@ const attrs = useAttrs()
 
 const root = ref<HTMLInputElement | null>(null)
 const fp = ref<flatpickr.Instance | null>(null)
+// eslint-disable-next-line vue/no-setup-props-reactivity-loss
 const safeConfig = ref<Options>({...props.config})
 
 function prepareConfig() {

frontend/vite.config.ts

@@ -100,11 +100,7 @@ export default defineConfig(({mode}) => {
 			},
 		},
 		plugins: [
-			vue({
-				script: {
-					propsDestructure: true,
-				},
-			}),
+			vue(),
 			svgLoader({
 				// Since the svgs are already manually optimized via https://jakearchibald.github.io/svgomg/
 				// we don't need to optimize them again.