🐛 Bug - [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of null (reading 'options')"

[TooColline]

@google-translate-select bug report

I sometimes get this error when I click on a dropdown language option. This only happens after I navigate away from the page the component is mounted on and when I switch back to the page and try again it doesn't work. I assume the component options aren't ready yet by the rime it's mounted?

Summary

Environment

Using Vue 2.7

Steps to reproduce

Expected results

To switch to the language clicked on the dropdown

Actual results

The language switch doesn't work because of this error

[ubercj]

I'm also encountering this bug using Vue 3 and Nuxt. It looks like the hidden Google Translate select element isn't getting reinjected in the DOM in between page loads. Instead, the '.goog-te-combo' is null, so it doesn't have any options

It looks like the select element gets injected from a script tag inserted into the document head at runtime. Between page loads in a SPA, though, that script tag stays in the document head with the data-loaded attribute, so the script isn't being re-run

[TooColline]

I'm also encountering this bug using Vue 3 and Nuxt. It looks like the hidden Google Translate select element isn't getting reinjected in the DOM in between page loads. Instead, the '.goog-te-combo' is null, so it doesn't have any options

It looks like the select element gets injected from a script tag inserted into the document head at runtime. Between page loads in a SPA, though, that script tag stays in the document head with the data-loaded attribute, so the script isn't being re-run

Yeah, I think so too, we need a way to re-load the script, any ideas @i7eo of how we can fix this?

[i7eo]

Sorry guys, I've been very busy lately. I checked @ubercj pr and there is no problem, it has been merged

[i7eo]

You can check version 0.1.2, Thanks @ubercj 👏

[HozSensei]

Hello there !
Thanks for your work :)

I use version 0.1.2 with vue3 but i still have this problem in my project

Just to be sure, i need to import the component like this :

[TooColline]

Yeah it's still there for Vue2 as well, I think I had mentioned it before somewhere cc @ubercj

[HozSensei]

@i7eo, possible to re-open this bug? Or should we create a new one?

[i7eo]

@i7eo, possible to re-open this bug? Or should we create a new one?

try @google-translate-select/vue2^0.1.3