hideSignUp doesn't work with amplify-authenticator - Vue 3.x

Describe the bug When I use the amplify-authenticator component in a new project and try to hide the sign up link the hide-sign-up attribute doesn’t work properly

To Reproduce Steps to reproduce the behavior:

1. Create new Vue 3.x app with vue create myamplifyproject (choose default values)
2. Add Amplify packages npm install aws-amplify @aws-amplify/ui-components
3. Import components in src/main.js

import { createApp } from 'vue'
import App from './App.vue'

import { applyPolyfills, defineCustomElements } from '@aws-amplify/ui-components/loader';

applyPolyfills().then(() => {
    defineCustomElements(window);
  });

const app = createApp(App);

app.config.isCustomElement = (tag) => tag.startsWith('amplify-');
app.mount('#app');

1. Add template to App.vue

<template>
  <amplify-authenticator username-alias="email">
    <amplify-sign-in hide-sign-up="true" />
  </amplify-authenticator>
</template>

1. Start app with npm run serve

Expected behavior The sign up block is hidden and can’t see the “No account? Create account” option

Additional context I started a debugger and saw that the <amplify-sign-in> component’s render method is called twice. The first time the hideSignUp attribute is correctly set to true, however when it’s called the second time this value is overwritten with false

[GoodLuc]

@joshfriend the problem still remains:

Vue 3 DOES NOT allow slot attributes, which is the way to customize the component @aws-amplify/ui-components -> see link, so the Vue 3 aws-amplify-ui component CANNOT be customized in Vue 3, which is strange.

I ended up cloning the repo, modifing it and rebuilding my own version with the defaults I needed.

[amhinson]

II’m also going to close this particularly issue so we can track it in the other feature request issue you linked to.