Vue.js Passkey Example App

This is a sample implementation of the Corbado web-js package being integrated into a web application built with Vue.js.

Please see the full blog post to understand the detailed steps needed to integrate passkeys into Vue.js apps.

File structure

• src/router/index.js: routing for the Vue.js web app
• src/views/HomeView.vue: component for the sign up / login screen
• src/views/ProfileView.vue: component for the user profile information that is shown after successful authentication

Setup

Prerequisites

Please follow the steps in Getting started to create and configure a project in the Corbado developer panel.

Add your projects id to an environment file as seen in .env.example

You need to have Node and npm installed to run it.

Usage

Run

npm i

to install all dependencies.

Finally, you can run the project locally with

npm run dev