Предупреждение рендера при использовании v-if v-else в VueJS — NuxtJS (SSR)?

Question

[arturminsksum]

Использую простой компонент для отображения логотипа с ссылкой или без в зависимости на главной странице мы или нет

<template lang="pug">
  nuxt-link(v-if="!isMain"  to="/")
    os-svg(name="logo")
  os-svg(v-else name="logo")
</template>

при запуске локального сервера и переходе по страницам все в порядке, но при открытии страницы /about непосредственно из адресной строки или при перезагрузке страницы выкидывает предупреждение
vue.runtime.esm.js:430 [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside , or missing . Bailing hydration and performing full client-side render.
В os-svg лежит

<template lang="pug">
  svg.svg(:width="width", :height="height")
    use(:xlink:href="'#'+name")
</template>

Что нельзя вообще использовать v-if v-else в NUXT (т.е. SRR)?

Comments

[Антон Антон]

попробуйте os-svg(v-if="main" name="logo")

[arturminsksum]

Антон Антон: название переменной никак не может влиять на сервер-сайд рендеринг vue

[Антон Антон]

arturminsksum: я про отказ от v-else (оставляя v-if), а не про имя переменной

[arturminsksum]

Антон Антон: Сори за невнимательность, попробую

[arturminsksum]

Проблема оказалась в том, что я header, в котором находился логотип, вынес в layout default.vue, а вся логика в NUXT.js должна быть внутри тега nuxt. Т.е. в layout должна быть только неизменная разметка