Browse docs

@kolaylogin/nuxt

Nuxt 3 integration — a server event handler that populates event.context.kolaylogin on every request. Pair with @kolaylogin/vue on the client for composables + auto-refresh.

Copy this quickstart guide as a prompt for LLMs to implement KolayLogin in your application.

Install

npm install @kolaylogin/nuxt @kolaylogin/vue @kolaylogin/backend

Server middleware

server/middleware/kolaylogin.ts
import { defineEventHandler } from 'h3';
import { kolayloginEventHandler } from '@kolaylogin/nuxt';

export default defineEventHandler(
  kolayloginEventHandler({
    // baseUrl defaults to https://api.kolaylogin.com
    issuer: process.env.KL_JWT_ISSUER,
  }),
);

Your server routes now have event.context.kolaylogin — either the decoded session (userId, orgId, claims) or null.

Use it in a route

server/api/me.get.ts
import { defineEventHandler, createError } from 'h3';

export default defineEventHandler(async (event) => {
  const auth = event.context.kolaylogin;
  if (!auth) throw createError({ statusCode: 401 });
  return { userId: auth.userId, orgId: auth.orgId };
});

Client composables

Call provideKolayLogin once from app.vue and use useAuth / useUser anywhere — see @kolaylogin/vue.