/vue-auth-example

Example Vue 3 application including Kobble Authentication SDK, Pinia, vue-router and Tailwind.

Primary LanguageVue

Vue App example with Kobble Authentication for SPA

License Status

This template will get you started developing with Vue 3 in Vite with Kobble SDK.

It uses vue-router, pinia and @kobbleio/auth-spa-js SDK.

Deploy with Vercel Preview

Getting Started

Installation

Using npm in your project directory run the following command:

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

Configure Kobble

Create an Application in your Kobble Dashboard.

Make sure your application can handle your localhost callback URL (see section below).

Note the Client ID and your Portal Domain values.

Update environment

Copy the .env.example file to .env and update the values with your Kobble Application details.

cp .env.example > .env

Example:

VITE_KOBBLE_DOMAIN=http://localhost:3003
VITE_KOBBLE_CLIENT_ID=cluipasqr0000k8bzevczqy23
VITE_KOBBLE_REDIRECT_URI=http://localhost:4000/callback

Raise an issue

To provide feedback or report a bug, please raise an issue on our issue tracker.

What is Kobble?

Kobble Logo

Kobble is the one-stop solution for monetizing modern SaaS and APIs. It allows to add authentication, analytics and payment to any app in under 10 minutes.