Vue.js and Seo duplicate code for search engines?

Question

HTML

Shop site on Laravel 5.7 + vue.js .
At the first loading, the title and meta tags (title, keywords and description) are given from the back. There is a filter system (SPA), when you click on the filter, vue.js sends ajax, pulling the title + all the listed meta tags. If you reload the page on which filters are entered, then the title and meta tags for this combination are pulled up from the back, and then SPA works again.
Exaggerated code example

<template v-if="meta.title">
  <h1>{{ meta.title }}</h1>
<template>
<h1 v-else>Заголовок с бэка</h1>

The SEO department is unhappy that there is a duplication of the title. Do search engines read what is in the template tag?

Answer 1

h1 can be used in any amount, but to the point. The most striking example that I give is the Yandex website.
Just look:
20 h1 headings on the main page!!!!! Probably yandex are fools and don't understand anything about site indexing and layout.
I wonder why they did that?? Maybe because they highlighted key sections on their page?
They probably did the right thing anyway. SEOs generally live in the Stone Age, they don't know what html5 is, they don't know what SPA is and how to work with it, they don't know what semantics is. I have always hated them.
And if you turn lower, loading other sections, then the number of h1 increases

Answer 2

This is not 100% straight, but just a recommendation.
Everyone told you correctly, let them look towards ssr.
Here is a video for you to backfill - https://www.youtube.com/playlist?list=PLKoqnv2vTMU...
here about how Google indexes JS
PS See the source code of the page in the browser, and draw conclusions, because the bots see the source code already