How refreshContent component?

[romastolbov]

Currently, if you open a component with a text field inside useTippy, enter a value there, then close and re-open it, the field will remain filled. How can I get rid of keep-alive?

Not work:

const { refreshContent } = useTippy(triggerRef, {
  content: computed(() => {
    return h(ComponentList, {
      items: list.value,
      activeIndex: activeIndex.value, // always 0
      onHover: (value) => { activeIndex.value = value }
    })
  }),
  onHide() {
      refreshContent()
  },
 } 

[andrei-nikic-co]

I have the same issue, refreshContent doesn't work.
I wonder, is there a way to call a method inside the rendered vue component? The one that can be exposed via defineExpose.

UPDATE: Due to some limitation on my side, I can use only the Composition API method - useTippy

[KABBOUCHI]

@andrei-nikic-co plz can u share a quick example here https://vue.new/? also i don't think refresh is needed?

[samueleiche]

Similar issue. I'm using script setup and the props of the rendered content component don't update.

vue-tippy 6.4.1

const { setProps, refresh, refreshContent } = useTippy(tooltipRef, {
	content: h(TippyContent, { value: props.value, allowHTML: props.allowHTML }),
	interactive: props.interactive,
	allowHTML: props.allowHTML,
})

watch(
	() => props.value,
	() => {
		refresh() // Doesn't work
		refreshContent() // Doesn't work
		setProps({ content: h(TippyContent, { value: props.value, allowHTML: props.allowHTML }) }) // Doesn't work
	},
)

EDIT: rendering content with computed or defineComponent seemed to solve it without using any additional refresh methods

useTippy(tooltipRef, {
	content: computed(() => {
		return h(TippyContent, { value: props.value, allowHTML: props.allowHTML })
	}),
	interactive: props.interactive,
	allowHTML: props.allowHTML,
})