Make fancy_body a computed property

toaq · Nov 19, 2023 · 28af79f · 28af79f
1 parent 6968668
commit 28af79f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/frontend/App.vue b/frontend/App.vue
@@ -317,7 +317,6 @@ export default defineComponent({
 
 		process_entry(e: Entry): Entry {
 			if (e.uncollapsed === undefined) e.uncollapsed = false;
-			e.fancy_body = shared.replacements(e.body, false, false);
 			e.notes.forEach(
 				_ => (_.fancy_content = shared.replacements(_.content, false, false)),
 			);

diff --git a/frontend/Result.vue b/frontend/Result.vue
@@ -46,7 +46,7 @@ defineProps<{
 				}}</span>
 			</span>
 		</div>
-		<p class="body" v-html="result.fancy_body"></p>
+		<p class="body" v-html="fancy_body"></p>
 		<div class="notes">
 			<p class="note" v-for="note in result.notes">
 				<span
@@ -184,5 +184,10 @@ export default defineComponent({
 			input: '',
 		};
 	},
+	computed: {
+		fancy_body() {
+			return shared.replacements(this.result.body, false, false);
+		},
+	},
 });
 </script>
diff --git a/frontend/shared/index.ts b/frontend/shared/index.ts
@@ -20,7 +20,6 @@ export interface Entry {
 	notes: Note[];
 	score: number;
 
-	fancy_body?: string;
 	uncollapsed?: boolean;
 	vote?: number;
 }