use immediate: true for watch
Some checks failed
ci/woodpecker/pr/lint-backend Pipeline was successful
ci/woodpecker/pr/build Pipeline was successful
ci/woodpecker/pr/lint-client Pipeline failed
ci/woodpecker/pr/test Pipeline failed

This commit is contained in:
Norm 2022-07-24 11:58:15 -04:00
parent ebfe2162e9
commit 6ffbabeedc
Signed by: norm
GPG key ID: 7123E30E441E80DE

View file

@ -19,7 +19,7 @@ const props = defineProps<{
const MkUrlPreview = defineAsyncComponent(() => import('@/components/url-preview.vue')); 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[] => { const urls = computed((): string[] => {
if (text) { if (text) {
@ -30,9 +30,10 @@ const urls = computed((): string[] => {
}); });
watch(props.hpml.vars, () => { watch(props.hpml.vars, () => {
text = props.hpml.interpolate(props.block.text) ?? ''; text = props.hpml.interpolate(props.block.text) as string;
}, { }, {
deep: true, deep: true,
immediate: true,
}); });
</script> </script>