How to deploy remark42 on vue3?

[renjunok]

I've been trying for 3 days and would appreciate any help available, thanks!

[paskal]

Hi @renjunok, can you please describe what do you have working and what is the problem you have? Do you have a remark42 instance working with /web/ endpoint, looking similar to https://remark42.com/demo/ so that you can leave a comment, refresh the page and still see it?

[renjunok]

Hi, appreciate your reply!
I am a beginner of vue, refer to https://remark42.com/docs/configuration/frontend/spa/
Install remark42, now the statement reports an error, I have taken a screenshot

Also is there a code sample for vue3 route for the code below?

   onRouteChange() {
     this.initRemark42()
   }

Thank you!

[akellbl4]

As I understand you don't have ref to the element. Could you please post code of the whole file or maybe you have in on github?

[renjunok]

This is index.html code a screenshot

This is vue file

[akellbl4]

You don't have ref assigned to remark div. Check vue docs https://vuejs.org/guide/essentials/template-refs.html#template-refs

[renjunok]

Thank you, I have made a reference to remark42 according to the vue document, but still report an error.

error line: this.$refs.remark42 as HTMLElement,