Why is Schema.org markup not showing up in Vue.js?

Question

Vue.js

Incorporated Schema.org micro-markup into a Vue.js component. I went to check on the validators, Yandex does not see at all, Google sees the fact of presence, but does not see the note elements. I went to check what code they see and analyze. I find almost empty html markup, where there is a div with id app, and that's it. How to make validators see everything after loading?

Answer 1

Because the server returns an empty page (what bots see) and the interface is already regenerated on the client using JavaScript. In order for bots to see the interface, it is desirable to generate it on the server and then send it to the browser.
Read about Server Side Rendering Vue