Как правильно подставлять компоненты?

Question

[stanislavkm]

Есть страница логина, в которой могут быть различные компоненты с формами, в зависимости от стадии входа:

...
    <div class="login-content">
      <component :is="loginSteps" />
    </div>
...

<script setup lang="ts">
...

const isLogged = ref(false)
const loginSteps = computed(() => {
  if (!isLogged.value) {
    return LoginAuthWindow
  } else {
    return LoginConfirmWindow
  }
})
</script>

Получается, что мне нужно иметь возможность менять значение переменной isLogged в компоненте LoginAuthWindow. Для этого использовать store?

Comments

[Константин Б.]

Да для этого использовать store! Vuex or Pinia

[WapSter]

Не обязательно у прямого родителя можно менять значения при помощи emit