SDK

Nuxt SDK

Name: Authon
Author: Authon

@authon/nuxt — SSR 지원, 라우트 미들웨어, 서버 측 유틸리티를 갖춘 Nuxt 3 모듈.

설치

bash

npm install @authon/nuxt

모듈 설정

plugins/authon.client.ts

import { createAuthonPlugin } from "@authon/nuxt";

export default defineNuxtPlugin(() => {
  const authon = createAuthonPlugin(
    process.env.NUXT_PUBLIC_AUTHON_KEY ?? "",
  );
  return { provide: { authon } };
});

환경 변수

.env

NUXT_PUBLIC_AUTHON_KEY=pk_live_your_key

페이지에서 사용

pages/dashboard.vue

<template>
  <div>
    <AuthonSignedIn>
      <h1>Welcome, {{ user?.displayName }}</h1>
      <AuthonUserButton />
    </AuthonSignedIn>
  </div>
</template>

<script setup lang="ts">
import { useUser } from "@authon/nuxt";

const { user } = useUser();
</script>

서버 측 인증

middleware/auth.ts

import { createAuthMiddleware } from "@authon/nuxt";

export default defineNuxtRouteMiddleware((to, from) => {
  const { $authon } = useNuxtApp();
  return createAuthMiddleware($authon, "/sign-in")(to, from);
});