@frigear-nu/cookie-consent 0.0.5 → 0.0.7

package/dist/module.d.mts

@@ -1,12 +1,12 @@
 import * as _nuxt_schema from '@nuxt/schema';
+import { Translated } from '@frigear-nu/ui/translated';
+export { Translated } from '@frigear-nu/ui/translated';
 
-/** A string, or a map of locale code -> string (`{ da: '...', en: '...' }`). */
-type Localized = string | Record<string, string>;
 /** A cookie (or similar storage entry) set under a category - listed in the preferences dialog for GDPR transparency. */
 interface ConsentCookie {
     name: string;
     provider?: string;
-    purpose?: Localized;
+    purpose?: Translated;
     /** Human readable, e.g. `'1 year'` or `'Session'`. */
     duration?: string;
 }
@@ -17,9 +17,9 @@ interface ConsentCategory {
     /** Pre-selected state in the preferences dialog. Never applied without the user saving. Default `false`. */
     defaultEnabled?: boolean;
     /** Defaults to the i18n key `cookieConsent.categories.<key>.label`. */
-    label?: Localized;
+    label?: Translated;
     /** Defaults to the i18n key `cookieConsent.categories.<key>.description`. */
-    description?: Localized;
+    description?: Translated;
     cookies?: ConsentCookie[];
 }
 interface ConsentMessages {
@@ -49,13 +49,23 @@ interface ModuleOptions {
     excludeRoutes?: string[];
     /** Collapse the banner into a round button once scrolled this many px (`true` = 80, `false` = never). Default `true`. */
     collapseOnScroll?: boolean | number;
-    /** Link to the cookie/privacy policy shown in the banner. */
-    policyUrl?: string;
+    /** Link to the cookie/privacy policy shown in the banner. A string, or a map of locale code -> URL (`{ da: '/da/gdpr', en: '/gdpr' }`). */
+    policyUrl?: Translated;
+    /**
+     * Text of the policy link in the banner (the "Read more" link). A string or a `{ da, en }` map.
+     * Defaults to the i18n key `cookieConsent.policy`.
+     */
+    policyLabel?: Translated;
     /**
      * Store the consent on the signed-in user (`@frigear-nu/users` + `@nuxthub/core` required).
      * Default: `true` when `@frigear-nu/users` is installed.
      */
     persistToUser?: boolean;
+    /**
+     * Iconify name (`collection:name`) of the icon on the banner badge and the collapsed button. Default `lucide:cookie`.
+     * The module adds it to Nuxt Icon's client bundle, because Nuxt Icon does not scan `node_modules` for icons.
+     */
+    icon?: string;
 }
 interface PublicModuleOptions {
     cookieName: string;
@@ -64,8 +74,10 @@ interface PublicModuleOptions {
     categories: ConsentCategory[];
     excludeRoutes: string[];
     collapseThreshold: number | false;
-    policyUrl?: string;
+    policyUrl?: Translated;
+    policyLabel?: Translated;
     persistToUser: boolean;
+    icon: string;
 }
 /** What is stored in the consent cookie and (for signed-in users) in the database. */
 interface ConsentState {
@@ -125,4 +137,4 @@ declare module 'nitropack' {
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { _default as default };
-export type { ConsentCategory, ConsentCookie, ConsentMessages, ConsentState, Localized, ModuleOptions, PublicModuleOptions };
+export type { ConsentCategory, ConsentCookie, ConsentMessages, ConsentState, ModuleOptions, PublicModuleOptions };

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@frigear-nu/cookie-consent",
   "configKey": "cookieConsent",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,22 +1,29 @@
 import { defineNuxtModule, createResolver, hasNuxtModule, addImports, addServerImports, addComponentsDir, addServerHandler } from '@nuxt/kit';
-import { registerModule, registerLocales, extendDatabaseTable } from '@frigear-nu/module-kit/utils';
+import { registerModule, registerTailwindSource, registerLocales, extendDatabaseTable } from '@frigear-nu/module-kit/utils';
 import { mergeCategories, DEFAULT_CATEGORIES, computeVersion } from '../dist/runtime/utils/consent.js';
 
 const DEFAULT_MAX_AGE = 60 * 60 * 24 * 180;
+const DEFAULT_ICON = "lucide:cookie";
 const module$1 = defineNuxtModule({
   meta: { name: "@frigear-nu/cookie-consent", configKey: "cookieConsent" },
   defaults: {
     cookieName: "cookie-consent",
     maxAge: DEFAULT_MAX_AGE,
     excludeRoutes: ["/authorize"],
-    collapseOnScroll: true
+    collapseOnScroll: true,
+    icon: DEFAULT_ICON
   },
   moduleDependencies: {
-    "@frigear-nu/module-kit": { version: ">=0.0.1" }
+    "@frigear-nu/module-kit": { version: ">=0.0.1" },
+    // Declared (optional) so they are set up first and `hasNuxtModule` below does not depend on the module order:
+    // with `users` the consent is also stored on the signed-in user.
+    "@frigear-nu/auth": { version: ">=0.0.1", optional: true },
+    "@frigear-nu/users": { version: ">=0.0.1", optional: true }
   },
   async setup(options, nuxt) {
     registerModule("@frigear-nu/cookie-consent", nuxt);
     const resolver = createResolver(import.meta.url);
+    registerTailwindSource(nuxt, resolver.resolve("./runtime/app"));
     registerLocales(nuxt, resolver.resolve("./runtime/i18n/lang"));
     const persistToUser = (options.persistToUser ?? true) && hasNuxtModule("@frigear-nu/users");
     addImports([
@@ -28,7 +35,7 @@ const module$1 = defineNuxtModule({
       { name: "getCookieConsent", from: resolver.resolve("./runtime/server/utils/consent") },
       { name: "hasCookieConsent", from: resolver.resolve("./runtime/server/utils/consent") }
     ]);
-    addComponentsDir({ path: resolver.resolve("./runtime/app/components") });
+    addComponentsDir({ path: resolver.resolve("./runtime/app/components"), priority: -1 });
     if (persistToUser) {
       addServerHandler({ route: "/api/cookie-consent", method: "get", handler: resolver.resolve("./runtime/server/routes/cookie-consent/index.get") });
       addServerHandler({ route: "/api/cookie-consent", method: "post", handler: resolver.resolve("./runtime/server/routes/cookie-consent/index.post") });
@@ -38,6 +45,10 @@ const module$1 = defineNuxtModule({
         file: (dialect) => `./runtime/server/db/schema.${dialect}`
       });
     }
+    const icon = options.icon || DEFAULT_ICON;
+    nuxt.hook("icon:clientBundleIcons", ((icons) => {
+      icons.add(icon.replace(/^i[-:]/, ""));
+    }));
     nuxt.hook("modules:done", async () => {
       const categories = mergeCategories(
         options.categories ?? DEFAULT_CATEGORIES,
@@ -52,7 +63,9 @@ const module$1 = defineNuxtModule({
         excludeRoutes: options.excludeRoutes ?? [],
         collapseThreshold: options.collapseOnScroll === false ? false : typeof options.collapseOnScroll === "number" ? options.collapseOnScroll : 80,
         policyUrl: options.policyUrl,
-        persistToUser
+        policyLabel: options.policyLabel,
+        persistToUser,
+        icon
       };
     });
   }

package/dist/runtime/app/components/CookieConsentBanner.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { useWindowScroll } from "@vueuse/core";
-const { config, hasResponded, acceptAll, rejectAll, openPreferences, hydrateFromUser } = useCookieConsent();
-const { t } = useConsentT();
+const { config, hasResponded, hydrateFromUser } = useCookieConsent();
+const { t, policyUrl } = useConsentT();
 const route = useRoute();
 const excluded = computed(() => config.excludeRoutes.includes(route.path));
 const open = computed(() => !hasResponded.value && !excluded.value);
@@ -21,69 +21,58 @@ onMounted(() => {
 
 <template>
   <ClientOnly>
-    <Transition name="cookie-fab">
+    <Transition
+      enter-active-class="transition duration-200 ease-out"
+      leave-active-class="transition duration-200 ease-out"
+      enter-from-class="scale-50 opacity-0"
+      leave-to-class="scale-50 opacity-0"
+    >
       <button
         v-if="open && collapsed"
-        class="cc-fab"
+        class="fixed bottom-4 left-4 z-50 flex size-14 cursor-pointer items-center justify-center rounded-full border border-default bg-default shadow-[0_10px_25px_rgb(0_0_0/0.3)] hover:opacity-90"
         :aria-label="t('expand')"
         data-testid="cookie-consent-fab"
         @click="isManuallyExpanded = true"
       >
         <UIcon
-          name="i-lucide-cookie"
-          class="cc-fab-icon"
+          :name="config.icon"
+          class="size-7 text-primary"
         />
       </button>
     </Transition>
 
-    <Transition name="cookie-slide">
+    <Transition
+      enter-active-class="transition duration-300 ease-out"
+      leave-active-class="transition duration-300 ease-out"
+      enter-from-class="translate-y-full opacity-0"
+      leave-to-class="translate-y-full opacity-0"
+    >
       <div
         v-if="open && !collapsed"
-        class="cc-wrap"
+        class="pointer-events-none fixed inset-x-0 bottom-0 z-50 flex justify-center"
         role="dialog"
         :aria-label="t('preferencesTitle')"
         data-testid="cookie-consent-banner"
       >
-        <div class="cc-banner">
-          <div class="cc-badge">
+        <div class="pointer-events-auto relative w-[92vw] rounded-t-2xl border border-primary/70 bg-default text-default shadow-[0_-8px_30px_rgb(0_0_0/0.25)]">
+          <div class="absolute -top-3.5 left-4 flex items-center justify-center rounded-full border border-primary/70 bg-default p-1">
             <UIcon
-              name="i-lucide-cookie"
-              class="cc-badge-icon"
+              :name="config.icon"
+              class="size-5 text-primary"
             />
           </div>
-          <div class="cc-content">
-            <p class="cc-text">
+          <div class="flex flex-col items-center justify-between gap-4 px-4 pb-4 pt-5 sm:flex-row">
+            <p class="text-sm text-muted">
               {{ t("description") }}
               <NuxtLink
-                v-if="config.policyUrl"
-                :to="config.policyUrl"
-                class="cc-link"
+                v-if="policyUrl"
+                :to="policyUrl"
+                class="underline"
               >
                 {{ t("policy") }}
               </NuxtLink>
             </p>
-            <div class="cc-actions">
-              <UButton
-                color="neutral"
-                variant="ghost"
-                :label="t('preferences')"
-                data-testid="cookie-consent-preferences"
-                @click="openPreferences"
-              />
-              <UButton
-                color="neutral"
-                variant="outline"
-                :label="t('reject')"
-                data-testid="cookie-consent-reject"
-                @click="rejectAll"
-              />
-              <UButton
-                color="primary"
-                :label="t('accept')"
-                data-testid="cookie-consent-accept"
-                @click="acceptAll"
-              />
-            </div>
+            <CookieConsentBannerActions />
           </div>
         </div>
       </div>
@@ -92,7 +81,3 @@ onMounted(() => {
     <CookieConsentPreferences />
   </ClientOnly>
 </template>
-
-<style scoped>
-.cc-wrap{display:flex;inset:auto 0 0 0;justify-content:center;pointer-events:none;position:fixed;z-index:50}.cc-banner{border-radius:1rem 1rem 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.25);color:var(--ui-text);pointer-events:auto;position:relative;width:92vw}.cc-badge,.cc-banner{background:var(--ui-bg);border:1px solid color-mix(in oklab,var(--ui-primary) 70%,transparent)}.cc-badge{align-items:center;border-radius:9999px;display:flex;justify-content:center;left:1rem;padding:.25rem;position:absolute;top:-.875rem}.cc-badge-icon{color:var(--ui-primary);height:1.25rem;width:1.25rem}.cc-content{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding:1.25rem 1rem 1rem}.cc-text{color:var(--ui-text-muted);font-size:.875rem;margin:0}.cc-link{text-decoration:underline}.cc-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem}@media (min-width:640px){.cc-content{flex-direction:row}}.cc-fab{align-items:center;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:9999px;bottom:1rem;box-shadow:0 10px 25px rgba(0,0,0,.3);cursor:pointer;display:flex;height:3.5rem;justify-content:center;left:1rem;position:fixed;width:3.5rem;z-index:50}.cc-fab:hover{opacity:.9}.cc-fab-icon{color:var(--ui-primary);height:1.75rem;width:1.75rem}.cookie-slide-enter-active,.cookie-slide-leave-active{transition:transform .3s ease,opacity .3s ease}.cookie-slide-enter-from,.cookie-slide-leave-to{opacity:0;transform:translateY(100%)}.cookie-fab-enter-active,.cookie-fab-leave-active{transition:opacity .2s ease,transform .2s ease}.cookie-fab-enter-from,.cookie-fab-leave-to{opacity:0;transform:scale(.5)}
-</style>

package/dist/runtime/app/components/CookieConsentBannerActions.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/CookieConsentBannerActions.vue

@@ -0,0 +1,29 @@
+<script setup>
+const { acceptAll, rejectAll, openPreferences } = useCookieConsent();
+const { t } = useConsentT();
+</script>
+
+<template>
+  <div class="flex shrink-0 flex-wrap gap-2">
+    <UButton
+      color="neutral"
+      variant="ghost"
+      :label="t('preferences')"
+      data-testid="cookie-consent-preferences"
+      @click="openPreferences"
+    />
+    <UButton
+      color="neutral"
+      variant="outline"
+      :label="t('reject')"
+      data-testid="cookie-consent-reject"
+      @click="rejectAll"
+    />
+    <UButton
+      color="primary"
+      :label="t('accept')"
+      data-testid="cookie-consent-accept"
+      @click="acceptAll"
+    />
+  </div>
+</template>

package/dist/runtime/app/components/CookieConsentBannerActions.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/CookieConsentManage.vue

@@ -6,14 +6,10 @@ const { t } = useConsentT();
 <template>
   <button
     type="button"
-    :class="['cc-manage', { 'cc-manage-text': !$slots.default }]"
+    :class="['cursor-pointer', { underline: !$slots.default }]"
     data-testid="cookie-consent-manage"
     @click="openPreferences"
   >
     <slot>{{ t("manage") }}</slot>
   </button>
 </template>
-
-<style scoped>
-.cc-manage{background:none;border:0;color:inherit;cursor:pointer;padding:0}.cc-manage-text{text-decoration:underline}
-</style>

package/dist/runtime/app/components/CookieConsentPreferences.vue

@@ -19,26 +19,26 @@ watch(isPreferencesOpen, (isOpen) => {
   >
     <template #body>
       <div
-        class="cc-list"
+        class="flex flex-col gap-4"
         data-testid="cookie-consent-preferences-dialog"
       >
         <div
           v-for="category in categories"
           :key="category.key"
-          class="cc-item"
+          class="rounded-lg border border-default p-3"
         >
-          <div class="cc-row">
+          <div class="flex items-start justify-between gap-4">
             <div>
-              <p class="cc-label">
+              <p class="font-medium">
                 {{ label(category) }}
               </p>
-              <p class="cc-desc">
+              <p class="text-sm text-muted">
                 {{ description(category) }}
               </p>
             </div>
             <span
               v-if="category.required"
-              class="cc-required"
+              class="shrink-0 text-xs text-muted"
             >{{ t("required") }}</span>
             <USwitch
               v-else
@@ -49,12 +49,12 @@ watch(isPreferencesOpen, (isOpen) => {
           </div>
           <details
             v-if="category.cookies?.length"
-            class="cc-details"
+            class="mt-2 text-sm"
           >
-            <summary class="cc-summary">
+            <summary class="cursor-pointer text-muted">
               {{ t("cookies") }} ({{ category.cookies.length }})
             </summary>
-            <ul class="cc-cookies">
+            <ul class="mt-1 flex list-none flex-col gap-1 p-0">
               <li
                 v-for="cookie in category.cookies"
                 :key="cookie.name"
@@ -64,7 +64,7 @@ watch(isPreferencesOpen, (isOpen) => {
                 <span v-if="cookie.duration"> · {{ cookie.duration }}</span>
                 <span
                   v-if="cookie.purpose"
-                  class="cc-purpose"
+                  class="block text-muted"
                 >{{ localize(cookie.purpose) }}</span>
               </li>
             </ul>
@@ -73,7 +73,7 @@ watch(isPreferencesOpen, (isOpen) => {
       </div>
     </template>
     <template #footer>
-      <div class="cc-footer">
+      <div class="flex w-full flex-wrap justify-end gap-2">
         <UButton
           color="neutral"
           variant="outline"
@@ -96,7 +96,3 @@ watch(isPreferencesOpen, (isOpen) => {
     </template>
   </UModal>
 </template>
-
-<style scoped>
-.cc-list{display:flex;flex-direction:column;gap:1rem}.cc-item{border:1px solid var(--ui-border);border-radius:.5rem;padding:.75rem}.cc-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.cc-label{font-weight:500;margin:0}.cc-desc{font-size:.875rem;margin:0}.cc-desc,.cc-purpose,.cc-required,.cc-summary{color:var(--ui-text-muted)}.cc-required{flex-shrink:0;font-size:.75rem}.cc-details{font-size:.875rem;margin-top:.5rem}.cc-summary{cursor:pointer}.cc-cookies{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:.25rem 0 0;padding:0}.cc-purpose{display:block}.cc-footer{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;width:100%}
-</style>

package/dist/runtime/app/composables/useConsentT.d.ts

@@ -1,8 +1,11 @@
-import type { ConsentCategory, ConsentMessages, Localized } from '../../../types.js';
+import type { ConsentCategory, ConsentMessages, Translated } from '../../../types.js';
 export declare function useConsentT(): {
     locale: any;
+    /** The policy link target for the current locale, if `policyUrl` is set. */
+    policyUrl: any;
+    /** The `policyLabel` option wins over the translated `policy` text. */
     t: (key: keyof ConsentMessages) => any;
     label: (category: ConsentCategory) => string;
     description: (category: ConsentCategory) => string;
-    localize: (value: Localized | undefined, fallback?: string) => string;
+    localize: (value: Translated | undefined, fallback?: string) => string;
 };

package/dist/runtime/app/composables/useConsentT.js

@@ -21,6 +21,7 @@ const EN_CATEGORIES = {
 export function useConsentT() {
   const tm = useModuleT("cookieConsent");
   const nuxtApp = useNuxtApp();
+  const { policyLabel, policyUrl } = useRuntimeConfig().public.cookieConsent ?? {};
   const locale = computed(() => nuxtApp.$i18n?.locale?.value ?? "en");
   function categoryText(category, field) {
     const explicit = category[field];
@@ -29,7 +30,10 @@ export function useConsentT() {
   }
   return {
     locale,
-    t: (key) => tm(key, EN[key]),
+    /** The policy link target for the current locale, if `policyUrl` is set. */
+    policyUrl: computed(() => localize(policyUrl, locale.value) || void 0),
+    /** The `policyLabel` option wins over the translated `policy` text. */
+    t: (key) => key === "policy" && policyLabel ? localize(policyLabel, locale.value) : tm(key, EN[key]),
     label: (category) => categoryText(category, "label"),
     description: (category) => categoryText(category, "description"),
     localize: (value, fallback = "") => localize(value, locale.value, fallback)

package/dist/runtime/server/routes/cookie-consent/index.get.js

@@ -1,7 +1,7 @@
 import { db, schema } from "@nuxthub/db";
 import { eq } from "drizzle-orm";
 export default defineEventHandler(async (event) => {
-  const { user } = await requireUserSession(event);
+  const user = await requireUser(event, { sessionOnly: true });
   const [row] = await db.select({
     acceptedAt: schema.users.cookieConsentAcceptedAt,
     version: schema.users.cookieConsentVersion,

package/dist/runtime/server/routes/cookie-consent/index.post.js

@@ -8,7 +8,7 @@ const bodySchema = z.object({
   version: z.string()
 });
 export default defineEventHandler(async (event) => {
-  const { user } = await requireUserSession(event);
+  const user = await requireUser(event, { sessionOnly: true });
   const config = getCookieConsentConfig(event);
   const body = await readValidatedBody(event, bodySchema.parse);
   if (body.version !== config.version) {

package/dist/runtime/utils/consent.d.ts

@@ -1,4 +1,4 @@
-import type { ConsentCategory, ConsentState } from '../../types.js';
+import type { ConsentCategory, ConsentState, Translated } from '../../types.js';
 export declare const DEFAULT_CATEGORIES: ConsentCategory[];
 /** Merges categories by key: earlier labels win, cookies are concatenated, `required` is sticky. */
 export declare function mergeCategories(...lists: ConsentCategory[][]): ConsentCategory[];
@@ -15,4 +15,4 @@ export declare function rejectAllChoices(categories: ConsentCategory[]): Record<
  * The old app's `accepted` / `rejected` strings are migrated.
  */
 export declare function normalizeConsent(raw: unknown, categories: ConsentCategory[], version: string, now?: number): ConsentState | null;
-export declare function localize(value: string | Record<string, string> | undefined, locale: string, fallback?: string): string;
+export declare function localize(value: Translated | undefined, locale: string, fallback?: string): string;

package/dist/runtime/utils/index.d.ts

@@ -1,3 +1,3 @@
 export { extendCookieConsent, defineConsentCategory } from './extend.js';
 export { DEFAULT_CATEGORIES, mergeCategories, computeVersion, buildConsent, normalizeConsent, acceptAllChoices, rejectAllChoices, localize, } from './consent.js';
-export type { ConsentCategory, ConsentCookie, ConsentState, Localized } from '../../types.js';
+export type { ConsentCategory, ConsentCookie, ConsentState, Translated } from '../../types.js';

package/dist/types.d.mts

@@ -1,3 +1,5 @@
+export { type Translated } from '@frigear-nu/ui/translated'
+
 export { default } from './module.mjs'
 
-export { type ConsentCategory, type ConsentCookie, type ConsentMessages, type ConsentState, type Localized, type ModuleOptions, type PublicModuleOptions } from './module.mjs'
+export { type ConsentCategory, type ConsentCookie, type ConsentMessages, type ConsentState, type ModuleOptions, type PublicModuleOptions } from './module.mjs'

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@frigear-nu/cookie-consent",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "GDPR cookie consent banner with categories - modules contribute categories (extendCookieConsent), apps gate scripts on consent, and the choice is stored as proof on the user.",
+  "homepage": "https://docs.frigear.dev/modules/cookie-consent",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/frigear-nu/frigear-nu.git",
@@ -29,7 +30,8 @@
     "playground"
   ],
   "dependencies": {
-    "@frigear-nu/module-kit": "0.1.5",
+    "@frigear-nu/module-kit": "0.1.7",
+    "@frigear-nu/ui": "0.0.7",
     "@libsql/client": "^0.18.0",
     "@nuxt/kit": "^4.6.0",
     "@vueuse/core": "^15.0.0",
@@ -38,6 +40,7 @@
     "zod": "^4.6.5"
   },
   "peerDependencies": {
+    "@frigear-nu/auth": ">=0.0.1",
     "@frigear-nu/users": ">=0.0.1",
     "@nuxthub/core": "^0.10.8",
     "@nuxt/ui": "^4.10.0"
@@ -49,12 +52,16 @@
     "@frigear-nu/users": {
       "optional": true
     },
+    "@frigear-nu/auth": {
+      "optional": true
+    },
     "@nuxthub/core": {
       "optional": true
     }
   },
   "devDependencies": {
-    "@frigear-nu/users": "1.0.7",
+    "@frigear-nu/auth": "0.0.3",
+    "@frigear-nu/users": "1.0.9",
     "@nuxt/devtools": "^3.4.2",
     "@nuxt/eslint-config": "^1.17.0",
     "@nuxt/module-builder": "^1.0.3",