Skip to content

Commit

Permalink
chore: remove vue2 block
Browse files Browse the repository at this point in the history
  • Loading branch information
israx committed Mar 20, 2024
1 parent ed190e5 commit 5968825
Showing 1 changed file with 0 additions and 43 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -491,49 +491,6 @@ The `Authenticator` component offers a simple way to add authentication flows in
</template>
```

</Block>
<Block name="Vue 2">

First, install the `@aws-amplify/ui-components@^0` library as well as `aws-amplify` if you have not already:

```bash
npm install aws-amplify@^5 @aws-amplify/ui-components@^0
```

Now open **src/main.js** and add the following below your last import:

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

Vue.config.ignoredElements = [/amplify-\w*/];

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

Next, open **src/App.js** and add the `amplify-authenticator` component.

**amplify-authenticator**

The `amplify-authenticator` component offers a simple way to add authentication flows into your app. This component encapsulates an authentication workflow in the framework of your choice and is backed by the cloud resources set up in your Auth cloud resources. You will also notice the `amplify-sign-out` component. This is an optional component if you’d like to render a sign-out button.

```html
<template>
<amplify-authenticator>
<div>
My App
<amplify-sign-out></amplify-sign-out>
</div>
</amplify-authenticator>
</template>
```

</Block>
<Block name="Angular">

Expand Down

0 comments on commit 5968825

Please sign in to comment.