title: AWS Vue Amplify - PreBuilt Sign-Out Component Missing
body: <p>I have Amplify with Cognito signing in users on my Gridsome Vue app and working as expected, but I noticed that the "Sign Out" button will only show up if it is not wrapped in <code>&lt;amplify-authenticator&gt;</code> tags. Is the documentation just out-dated or is something broken?</p>
  
  <p>Example, instead of:</p>
  
  <pre><code>&lt;amplify-authenticator&gt;
      &lt;amplify-sign-out&gt;&lt;/amplify-sign-out&gt;
  &lt;/amplify-authenticator&gt;
  </code></pre>
  
  <p>I am writing:</p>
  
  <pre><code>&lt;amplify-sign-out&gt;&lt;/amplify-sign-out&gt;
  </code></pre>
  
  <p>Which works.</p>
  
  <p>This doesn't follow <a href="https://docs.amplify.aws/ui/auth/authenticator/q/framework/vue" rel="nofollow noreferrer">the docs</a> but other than that it seems to be working as expected.</p>
  
  <p>Here is how I am adding Amplify to my Gridsome project in main.js:</p>
  
  <pre><code>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)
  </code></pre>
  
  <p>...</p>
  
  <pre><code>export default function(Vue, { router, head, isClient, appOptions }) {
  
  
      // Expose this.$Amplify in components
      Vue.use(AmplifyPlugin, AmplifyModules)
  </code></pre>