fix: error message not being shown

1 files changed, 8 insertions, 10 deletions

diff --git a/src/site/components/settings/JoiObject.vue b/src/site/components/settings/JoiObject.vue
index 99e832f..f369ebb 100644
--- a/src/site/components/settings/JoiObject.vue
+++ b/src/site/components/settings/JoiObject.vue
@@ -3,7 +3,7 @@
 		<div v-for="[key, field] in Object.entries(settings)" :key="key">
 			<b-field
 				:label="field.flags.label"
-				:message="getErrorMessage(key) || field | getMessage"
+				:message="getErrorMessage(key) || getMessage(field)"
 				:type="getValidationType(key)"
 				class="field"
 				horizontal>
@@ -53,15 +53,6 @@
 <script>
 export default {
 	name: 'JoiObject',
-	filters: {
-		getMessage: function(field) {
-			let msg = field.flags.description;
-			if (field.notes?.length) {
-				msg += field.notes.map(note => `\n${note}`);
-			}
-			return msg;
-		}
-	},
 	props: {
 		settings: {
 			type: Object,
@@ -127,6 +118,13 @@ export default {
 		},
 		getValues() {
 			return this.values;
+		},
+		getMessage(field) {
+			let msg = field.flags.description;
+			if (field.notes?.length) {
+				msg += field.notes.map(note => `\n${note}`);
+			}
+			return msg;
 		}
 	}
 };