vue-hooks | Experimental React hooks implementation in Vue | Frontend Utils library

Problem

I have the problem that the value of the property :torrent of the ShowVideo component is not updating.

In the MovieSection component there is a select to choose options, it uses a torrent_selected v-model to save the selected data, when changing options it saves the changes but the value of :torrent.sync = "torrent_selected.torrent_magnet" It remains the same.

The ShowVideo component is supposed to update the video once the property is updated.

ShowVideo: Component

I try to run this code in codesandbox.io, but I got an error - its happens when I click on the links:

[Vue warn]: Error in data(): "ReferenceError: [vue-hooks] Not found

vue instance." ReferenceError: [vue-hooks] Not found vue instance.

[Vue warn]: Property or method "product" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

Not sure why cause it seems like the code is correct.

I try to remove some pieces from my code and seems like useRouter is the problem. but why? any ideas how to solve this problem?

Problem

Hi dev,

I have the problem of when I want to do a search multiple times it shows me the NavigationDuplicated error. My search is in the navbar and the way I have configured the search is to take the value using a model and then pass the value as a parameter to the ContentSearched component, and then receive the value of the search in that components.

I know the right way is to use a emitter, but I still don't know how to learn to use it. To access the emit is context.emit('', someValue)

If someone can help me solve the problem I will appreciate it.