How to build a Vue app with Safe and passkeys

This example app shows how to create a Vue app for using passkeys in your Safe. Please read How to build an app with Safe and passkeys to see how this app was created.

What you’ll need

Prerequisite knowledge: You will need some basic experience with Vue, Nuxt, and ERC-4337.

Before progressing with the tutorial, please make sure you have:

• Downloaded and installed Node.js and pnpm.
• Created an API key from Pimlico.

Getting Started

To install this example application, run the following commands:

git clone https://github.com/5afe/safe-passkeys-nuxt.git
cd safe-passkeys-nuxt
pnpm i

This will get a copy of the project installed locally. Now, create a file named .env at the root of your project, and add your Pimlico API key to it:

echo "NUXT_PUBLIC_PIMLICO_API_KEY='your_pimlico_api_key_goes_here'" > .env

Run the local development server with the following command:

pnpm dev

Go to http://localhost:3000 in your browser to see the application.

Help

Please post any questions on Stack Exchange with the safe-core tag.

License

MIT, see LICENSE.