From 6ffbabeedc7609eb04b934f913b8f8b4aaa4a0d6 Mon Sep 17 00:00:00 2001
From: Francis Dinh <normandy@biribiri.dev>
Date: Sun, 24 Jul 2022 11:58:15 -0400
Subject: [PATCH] use immediate: true for watch

---
 packages/client/src/components/page/page.text.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/page/page.text.vue b/packages/client/src/components/page/page.text.vue
index 4cd4c24bc..1e07da8c0 100644
--- a/packages/client/src/components/page/page.text.vue
+++ b/packages/client/src/components/page/page.text.vue
@@ -19,7 +19,7 @@ const props = defineProps<{
 
 const MkUrlPreview = defineAsyncComponent(() => import('@/components/url-preview.vue'));
 
-let text: string = $ref(props.hpml.interpolate(props.block.text) ?? '');
+let text: string = $ref('');
 
 const urls = computed((): string[] => {
 	if (text) {
@@ -30,9 +30,10 @@ const urls = computed((): string[] => {
 });
 
 watch(props.hpml.vars, () => {
-	text = props.hpml.interpolate(props.block.text) ?? '';
+	text = props.hpml.interpolate(props.block.text) as string;
 }, {
 	deep: true,
+	immediate: true,
 });
 </script>