-
-
Notifications
You must be signed in to change notification settings - Fork 15
Open
Description
When using the Vue package of Torph inside a Nuxt project, the initial value passed to the text prop is not rendered.
Instead, the generated .torph-root span remains empty on first render.
The text only appears after the prop value changes, with a reactive ref for example.
Here's the code:
<template>
<div>
<!-- Does NOT render -->
<TextMorph :text="'Lorem ipsum'" />
<!-- Only renders after update -->
<TextMorph :text="text" />
</div>
</template>
<script setup>
import { TextMorph } from 'torph/vue'
import { ref, onMounted } from 'vue'
const text = ref('Lorem ipsum')
onMounted(() => {
text.value = 'Test'
})
</script>
Nuxt: 4.2.2
Vue: 3.5.26
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels