AWS Vue Amplify - Отсутствует компонент PreBuilt Sign-Out

Question

У меня есть Amplify с Cognito, входящие в систему пользователей в моем приложении Gridsome Vue, и я работаю должным образом, но я заметил, что кнопка "Выйти" будет отображаться, только если она не завернута <amplify-authenticator>теги. Документация просто устарела или что-то сломалось?

Пример вместо:

<amplify-authenticator>
    <amplify-sign-out></amplify-sign-out>
</amplify-authenticator>

Я пишу:

<amplify-sign-out></amplify-sign-out>

Что работает.

Это не соответствует документации, но, кроме этого, похоже, работает так, как ожидалось.

Вот как я добавляю Amplify в свой проект Gridsome в main.js:

import Amplify, * as AmplifyModules from "aws-amplify"
import { AmplifyPlugin, components } from "aws-amplify-vue"
import aws_exports from "./aws-exports"
import "@aws-amplify/ui-vue"
Amplify.configure(aws_exports)

...

export default function(Vue, { router, head, isClient, appOptions }) {


    // Expose this.$Amplify in components
    Vue.use(AmplifyPlugin, AmplifyModules)

Answer 1

Когда вы успешно войдете в компонент Authenticator, вы увидите кнопку "Выйти" с примером, которым вы поделились.

<amplify-authenticator>
    <amplify-sign-out></amplify-sign-out>
</amplify-authenticator>

Размещение <amplify-sign-out></amplify-sign-out> кнопка за пределами <amplify-authenticator> Теги сделают так, чтобы "Выйти" всегда отображалось.