diff --git a/src/components/molecules/TitleInput.vue b/src/components/molecules/TitleInput.vue
index 7bd3000e42..935f3e5daf 100644
--- a/src/components/molecules/TitleInput.vue
+++ b/src/components/molecules/TitleInput.vue
@@ -1,27 +1,29 @@
 <template>
 	<base-input
 		v-bind="{ ...$attrs, ...$props }"
-		:model-value="vmodel"
+		v-model="value"
 		classes="h1"
 		:label-hidden="true"
 	/>
 </template>
-<script>
-export default {
-	inheritAttrs: false,
-	model: {
-		prop: "vmodel",
-		event: "update:vmodel",
+<script setup lang="ts">
+import { computed } from "vue";
+
+const props = defineProps({
+	modelValue: {
+		type: [String, Number],
+		required: true,
 	},
-	props: {
-		vmodel: {
-			type: [String, Number],
-			required: true,
-		},
+});
+
+const emit = defineEmits(["update:modelValue"]);
+
+const value = computed({
+	get() {
+		return props.modelValue;
 	},
-	data() {
-		// This solely exists to appear in the coverage report
-		return {};
+	set(value) {
+		emit("update:modelValue", value);
 	},
-};
+});
 </script>
diff --git a/src/components/organisms/FormNews.vue b/src/components/organisms/FormNews.vue
index ce9324b499..c6ec69a342 100644
--- a/src/components/organisms/FormNews.vue
+++ b/src/components/organisms/FormNews.vue
@@ -21,7 +21,7 @@
 						:error="errors.content"
 						:required="true"
 						:placeholder="
-							$t('components.organisms.FormNews.editor.placeholder').toString()
+							$t('components.organisms.FormNews.editor.placeholder')
 						"
 					/>
 					<transition name="fade">
@@ -103,10 +103,6 @@ export default defineComponent({
 		TitleInput,
 		FormActions,
 	},
-	model: {
-		prop: "news",
-		event: "update:news",
-	},
 	props: {
 		news: {
 			type: Object,