@merkaly/nuxt 0.5.0 → 0.6.1

package/dist/module.d.mts

@@ -27,7 +27,7 @@ interface MerkalyModuleOptions {
         token: string;
     };
 }
-declare const merkalyModule: _nuxt_schema.NuxtModule<MerkalyModuleOptions, MerkalyModuleOptions, false>;
+declare const _default: _nuxt_schema.NuxtModule<MerkalyModuleOptions, MerkalyModuleOptions, false>;
 
-export { merkalyModule as default };
+export { _default as default };
 export type { MerkalyModuleOptions };

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.14.0"
   },
-  "version": "0.5.0",
+  "version": "0.6.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, useLogger, createResolver, addPlugin, addRouteMiddleware, addImportsDir, addComponentsDir, addTypeTemplate } from '@nuxt/kit';
+import { defineNuxtModule, useLogger, createResolver, addPlugin, addServerHandler, addRouteMiddleware, addImportsDir, addComponentsDir, addTypeTemplate } from '@nuxt/kit';
 import { defu } from 'defu';
 import { createJiti } from 'jiti';
 import { existsSync } from 'node:fs';
@@ -73,7 +73,7 @@ function configureSentry(nuxt, options) {
     org: "merkaly",
     project: options.sentry.project
   });
-  nuxt.options.sourcemap = { client: "hidden" };
+  nuxt.options.sourcemap = { client: "hidden", server: true };
 }
 async function loadBootstrapConfig(nuxt) {
   const rootDirResolver = createResolver(nuxt.options.rootDir);
@@ -95,15 +95,26 @@ function configureBootstrapVueNext(nuxt, components) {
     }
   );
 }
+function configureAppHead(nuxt) {
+  nuxt.options.app?.head?.script?.push({
+    crossorigin: "anonymous",
+    src: "https://kit.fontawesome.com/55a4b2f4e1.js"
+  });
+}
 function registerRuntimeFeatures(nuxt, options, resolver) {
   addPlugin({ src: resolver.resolve("./runtime/plugins/api.global") });
   addPlugin({ src: resolver.resolve("./runtime/plugins/auth0.client") });
   addPlugin({ src: resolver.resolve("./runtime/plugins/sentry.global") });
+  addServerHandler({
+    handler: resolver.resolve("./runtime/server/middleware/proxy"),
+    middleware: true
+  });
   addRouteMiddleware({
     global: options.auth0.requiresAuth,
     name: "auth",
     path: resolver.resolve("./runtime/middleware/auth")
   });
+  addImportsDir(resolver.resolve("./runtime/adapters"));
   addImportsDir(resolver.resolve("./runtime/composables"));
   addImportsDir(resolver.resolve("./runtime/utils"));
   addComponentsDir({
@@ -123,7 +134,7 @@ function configureVite(nuxt) {
     }
   );
 }
-const merkalyModule = defineNuxtModule({
+const module = defineNuxtModule({
   defaults: defaultOptions,
   meta: {
     name: "@merkaly/nuxt",
@@ -148,9 +159,10 @@ const merkalyModule = defineNuxtModule({
       logger.info("Loading bootstrap.config.ts");
     }
     configureBootstrapVueNext(nuxt, bootstrapComponentsConfig);
+    configureAppHead(nuxt);
     registerRuntimeFeatures(nuxt, options, resolver);
     configureVite(nuxt);
   }
 });
 
-export { merkalyModule as default };
+export { module as default };

package/dist/runtime/adapters/create.auth.session.d.ts

@@ -0,0 +1,9 @@
+interface AuthSessionData {
+    expiresAt: string | Date;
+    issuedAt: string | Date;
+    orgId?: string;
+    role: string;
+    userId: string;
+}
+export declare const createAuthSession: (args?: ((args: object) => import("#imports").AdapterArgs<AuthSessionData, Record<string, unknown>, object>) | undefined) => import("#imports").UseApiReturn<AuthSessionData, Record<string, unknown>, object>;
+export {};

package/dist/runtime/adapters/create.auth.session.js

@@ -0,0 +1,14 @@
+import { useAuth } from "#imports";
+import { withAdapter } from "../utils/withAdapter.js";
+export const createAuthSession = withAdapter(() => {
+  const { token } = useAuth();
+  return {
+    default: () => ({}),
+    global: true,
+    headers: {
+      authorization: token.value ? `Bearer ${token.value}` : ""
+    },
+    method: "POST",
+    uri: "/session"
+  };
+});

package/dist/runtime/adapters/delete.auth.session.d.ts

@@ -0,0 +1 @@
+export declare const deleteAuthSession: (args?: ((args: object) => import("../utils/withAdapter.js").AdapterArgs<undefined, Record<string, unknown>, object>) | undefined) => import("../composables/useApi.js").UseApiReturn<undefined, Record<string, unknown>, object>;

package/dist/runtime/adapters/delete.auth.session.js

@@ -0,0 +1,6 @@
+import { withAdapter } from "../utils/withAdapter.js";
+export const deleteAuthSession = withAdapter(() => ({
+  global: true,
+  method: "DELETE",
+  uri: "/session"
+}));

package/dist/runtime/adapters/read.auth.session.d.ts

@@ -0,0 +1,9 @@
+interface AuthSessionData {
+    expiresAt: string | Date;
+    issuedAt: string | Date;
+    orgId?: string;
+    role: string;
+    userId: string;
+}
+export declare const readAuthSession: (args?: ((args: object) => import("../utils/withAdapter.js").AdapterArgs<AuthSessionData, Record<string, unknown>, object>) | undefined) => import("../composables/useApi.js").UseApiReturn<AuthSessionData, Record<string, unknown>, object>;
+export {};

package/dist/runtime/adapters/read.auth.session.js

@@ -0,0 +1,8 @@
+import { withAdapter } from "../utils/withAdapter.js";
+export const readAuthSession = withAdapter(() => ({
+  default: () => ({}),
+  global: true,
+  immediate: false,
+  method: "GET",
+  uri: "/session"
+}));

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

@@ -1,8 +1,8 @@
-declare var __VLS_8: {}, __VLS_10: {};
+declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_8) => any;
+    loading?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app.vue

@@ -15,13 +15,15 @@ hook("page:finish", () => regenerate());
 </script>
 
 <template>
-  <BApp>
-    <!-- Mostramos spinner mientras auth se carga -->
-    <slot v-if="isLoading" name="loading" />
+  <main>
+    <BApp>
+      <!-- Mostramos spinner mientras auth se carga -->
+      <slot v-if="isLoading" name="loading" />
 
-    <!-- Renderizamos páginas solo cuando isLoading = false -->
-    <slot v-else>
-      <NuxtPage />
-    </slot>
-  </BApp>
+      <!-- Renderizamos páginas solo cuando isLoading = false -->
+      <slot v-else>
+        <NuxtPage />
+      </slot>
+    </BApp>
+  </main>
 </template>

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

@@ -1,8 +1,8 @@
-declare var __VLS_8: {}, __VLS_10: {};
+declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_8) => any;
+    loading?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/format/FormatIcon.d.vue.ts

@@ -1,6 +1,14 @@
-import type { ColorVariant } from 'bootstrap-vue-next';
+import type { ColorVariant, AlignmentVertical, AlignmentHorizontal } from 'bootstrap-vue-next';
 import type { PropType } from 'vue';
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    alignV: {
+        type: PropType<AlignmentVertical>;
+        default: () => string;
+    };
+    alignH: {
+        type: PropType<AlignmentHorizontal>;
+        default: () => string;
+    };
     mode: {
         type: StringConstructor;
         default: string;
@@ -42,6 +50,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    alignV: {
+        type: PropType<AlignmentVertical>;
+        default: () => string;
+    };
+    alignH: {
+        type: PropType<AlignmentHorizontal>;
+        default: () => string;
+    };
     mode: {
         type: StringConstructor;
         default: string;
@@ -88,6 +104,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     size: string;
     tag: string;
     variant: string;
+    alignV: AlignmentVertical;
+    alignH: AlignmentHorizontal;
     opacity: string | number;
     provider: string;
     reversed: boolean;

package/dist/runtime/components/format/FormatIcon.vue

@@ -1,6 +1,8 @@
 <script setup>
 import { computed } from "vue";
 const props = defineProps({
+  alignV: { type: String, default: () => "center" },
+  alignH: { type: String, default: () => "start" },
   mode: { type: String, default: "duotone" },
   name: { type: String, required: true },
   opacity: { type: [String, Number], default: () => "" },
@@ -28,17 +30,27 @@ const classList = computed(() => [
   fontSize.value,
   fontColor.value
 ].filter(Boolean));
+const wrapperClass = computed(() => [
+  "d-flex",
+  `justify-content-${props.alignH}`,
+  `align-items-${props.alignV}`,
+  { "flex-row-reverse": props.reversed }
+]);
+defineOptions({
+  inheritAttrs: false
+});
 </script>
 
 <template>
   <template v-if="hasContent">
-    <span :class="{ 'flex-row-reverse': props.reversed }" class="d-flex align-items-center">
-      <component :is="props.tag" :class="classList" />
+    <span :class="wrapperClass">
+      <component :is="props.tag" :class="classList" v-bind="$attrs" />
+
       <slot>
         <span :class="fontColor" class="ps-1" v-text="props.text" />
       </slot>
     </span>
   </template>
 
-  <component :is="props.tag" v-else :class="classList" />
+  <component :is="props.tag" v-else :class="classList" v-bind="$attrs" />
 </template>

package/dist/runtime/components/format/FormatIcon.vue.d.ts

@@ -1,6 +1,14 @@
-import type { ColorVariant } from 'bootstrap-vue-next';
+import type { ColorVariant, AlignmentVertical, AlignmentHorizontal } from 'bootstrap-vue-next';
 import type { PropType } from 'vue';
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    alignV: {
+        type: PropType<AlignmentVertical>;
+        default: () => string;
+    };
+    alignH: {
+        type: PropType<AlignmentHorizontal>;
+        default: () => string;
+    };
     mode: {
         type: StringConstructor;
         default: string;
@@ -42,6 +50,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: () => string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    alignV: {
+        type: PropType<AlignmentVertical>;
+        default: () => string;
+    };
+    alignH: {
+        type: PropType<AlignmentHorizontal>;
+        default: () => string;
+    };
     mode: {
         type: StringConstructor;
         default: string;
@@ -88,6 +104,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     size: string;
     tag: string;
     variant: string;
+    alignV: AlignmentVertical;
+    alignH: AlignmentHorizontal;
     opacity: string | number;
     provider: string;
     reversed: boolean;

package/dist/runtime/components/input/InputMoney.d.vue.ts

@@ -77,9 +77,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     decimal: string;
     min: number;
     max: number;
-    prefix: string;
     placeholder: string;
     precision: number;
+    prefix: string;
     suffix: string;
     thousands: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/input/InputMoney.vue

@@ -4,7 +4,7 @@ import { Money3Component } from "v-money3";
 const money = defineModel({ type: null, ...{
   default: () => 0,
   get: (v) => v / 100,
-  set: (v) => v * 100,
+  set: (v) => Math.trunc(v * 100),
   type: [String, Number]
 } });
 const props = defineProps({

package/dist/runtime/components/input/InputMoney.vue.d.ts

@@ -77,9 +77,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     decimal: string;
     min: number;
     max: number;
-    prefix: string;
     placeholder: string;
     precision: number;
+    prefix: string;
     suffix: string;
     thousands: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/table/TableDatagrid.vue

@@ -21,7 +21,9 @@ const canFilter = Boolean(slots.filters);
 const hasDetailsSlot = computed(() => Boolean(slots["details"]));
 const hasActionsSlot = computed(() => Boolean(slots["actions"]));
 const hasBulkSlot = computed(() => Boolean(slots["bulk"]));
-const visibleColumns = computed(() => Object.entries($datagrid.value.columns));
+const visibleColumns = computed(() => Object.entries($datagrid.value.columns).filter(({ 1: column }) => {
+  return column.visible !== false;
+}));
 const tableColspan = computed(() => {
   const baseColumns = 2;
   const selectColumn = props.hideSelect ? 0 : 1;
@@ -172,8 +174,8 @@ function getRowAttrs(item, idx) {
         v-if="$datagrid.loading"
         :value="100"
         animated
-        height="5px"
         class="rounded-0 position-absolute w-100 start-0"
+        height="5px"
         style="bottom: -6px; z-index: 10" />
     </BCardHeader>
 
@@ -200,7 +202,7 @@ function getRowAttrs(item, idx) {
           </BTh>
 
           <template v-for="[key, column] in visibleColumns" :key="key">
-            <BTh :class="[column.class, column.thClass]">
+            <BTh :class="[column.class, column.thClass, 'text-nowrap']">
               <slot :name="`head[${key}]`" v-bind="{ column, key }">
                 <span v-text="column.title ?? sentenceCase(key)" />
               </slot>
@@ -219,7 +221,7 @@ function getRowAttrs(item, idx) {
         </BTd>
       </BTbody>
 
-      <BTbody v-else class="fw-semibold text-gray-600">
+      <BTbody v-else class="fw-semibold text-gray-600 text-nowrap">
         <template v-for="(item, idx) in visibleItems" :key="getRowKey(item, idx)">
           <BTr v-bind="getRowAttrs(item, idx)">
             <BTd v-if="hasDetailsSlot" class="p-0 w-25px">
@@ -247,7 +249,7 @@ function getRowAttrs(item, idx) {
             </template>
 
             <BTd v-if="hasActionsSlot" class="text-end px-3">
-              <DropdownIcon toggle-class="border border-secondary-subtle border-dashed text-body py-1 px-3">
+              <DropdownIcon icon="caret-down" text="Actions" toggle-class="py-1 px-3" variant="light-dark">
                 <slot :index="idx" :item="item" name="actions" />
               </DropdownIcon>
             </BTd>

package/dist/runtime/composables/useDatagrid.d.ts

@@ -5,20 +5,25 @@ export interface ColumnDefinition<C = unknown> {
     thClass?: string;
     title?: string;
     type?: unknown;
+    visible?: boolean;
 }
 export type DataGridItem<C> = C;
+export type DataGridAddItemMode = 'append' | 'prepend';
+export interface DataGridAddItemOptions {
+    mode?: DataGridAddItemMode;
+}
 export type DataGridRowAttrs = Record<string, unknown>;
 export type DataGridRowKey = string | number;
 export interface DataGridRowDefinition {
     attrs?: DataGridRowAttrs;
-    class?: string;
+    class?: string | Record<string, unknown>;
     key?: DataGridRowKey;
 }
 export interface DataGrid<C = unknown> {
     columns: Record<string, ColumnDefinition<C>>;
     error: unknown;
     fn: {
-        addItem: (item: C) => DataGridItem<C>[];
+        addItem: (item: C, options?: DataGridAddItemOptions) => DataGridItem<C>[];
         removeItem: (predicate: (item: DataGridItem<C>, index: number) => boolean) => number;
     };
     items: DataGridItem<C>[];

package/dist/runtime/composables/useDatagrid.js

@@ -4,8 +4,13 @@ export function useDatagrid(params) {
     columns: params.columns,
     error: params.error ?? null,
     fn: {
-      addItem(item) {
-        state.items.push(item);
+      addItem(item, options = {}) {
+        const mode = options.mode ?? "append";
+        if (mode === "prepend") {
+          state.items.unshift(item);
+        } else if (mode === "append") {
+          state.items.push(item);
+        }
         return state.items;
       },
       removeItem(predicate) {

package/dist/runtime/plugins/api.global.d.ts

@@ -37,9 +37,9 @@ export interface ParamsOptions {
     body?: FetchOptions['body'];
     controller?: AbortController;
     default?: () => unknown;
+    global?: boolean;
     headers?: FetchOptions['headers'];
     method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
-    prefix?: string;
     query?: FetchOptions['query'];
     timeout?: FetchOptions['timeout'];
 }

package/dist/runtime/plugins/api.global.js

@@ -1,15 +1,15 @@
-import { defineNuxtPlugin, useRuntimeConfig } from "#app";
+import { defineNuxtPlugin } from "#app";
 import { useAuth } from "#imports";
+const GLOBAL_API_HEADER = "x-merkaly-global";
 export default defineNuxtPlugin(({ provide }) => provide("api", async (url, options = {}) => {
-  const { public: $config } = useRuntimeConfig();
   const { tenant, token } = useAuth();
   await $fetch(url, {
-    // Determine the base URL
-    baseURL: new URL(options.prefix || $config.merkaly.api.prefix || "/", $config.merkaly.api.url).href,
+    baseURL: "/api",
     body: options?.body,
     headers: {
       authorization: token.value ? `Bearer ${token.value}` : "",
       identity: tenant.value,
+      [GLOBAL_API_HEADER]: options.global ? "true" : "",
       ...options?.headers
     },
     method: options?.method,

package/dist/runtime/plugins/auth0.client.js

@@ -40,17 +40,17 @@ export default defineNuxtPlugin(async ({ callHook, hook }) => {
       redirect_uri: redirectUri
     }
   });
-  auth0.linkWithConnection = (connection) => {
-    return linkingClient.loginWithPopup({ authorizationParams: { connection } }).then(() => linkingClient.getIdTokenClaims()).then((claims) => {
-      if (!claims?.sub) {
-        throw new Error("Failed to get ID token for linking");
-      }
-      const [provider, ...userIdParts] = claims.sub.split("|");
-      const userId = userIdParts.join("|");
-      const body = { provider, userId };
-      const { $api } = useNuxtApp();
-      return $api("/identities", { method: "POST", prefix: "/", body });
-    });
+  auth0.linkWithConnection = async (connection) => {
+    await linkingClient.loginWithPopup({ authorizationParams: { connection } });
+    const claims = await linkingClient.getIdTokenClaims();
+    if (!claims?.sub) {
+      throw new Error("Failed to get ID token for linking");
+    }
+    const [provider, ...userIdParts] = claims.sub.split("|");
+    const userId = userIdParts.join("|");
+    const body = { provider, userId };
+    const { $api } = useNuxtApp();
+    return await $api("/identities", { body, global: true, method: "POST" });
   };
   const isAuthCallback = window.location.pathname === callbackPath;
   if (!isAuthCallback) {

package/dist/runtime/plugins/sentry.global.js

@@ -2,13 +2,10 @@ import { defineNuxtPlugin } from "#app";
 import { setUser } from "@sentry/nuxt";
 export default defineNuxtPlugin(async ({ hook }) => {
   hook("merkaly:auth", (user) => {
-    if (!user) {
-      return setUser(null);
-    }
-    return setUser({
+    return setUser(user ? {
       id: user.sub,
       email: user.email,
       username: user.name
-    });
+    } : null);
   });
 });

package/dist/runtime/server/middleware/proxy.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any> | undefined>;
+export default _default;

package/dist/runtime/server/middleware/proxy.js

@@ -0,0 +1,34 @@
+import { defineEventHandler, getRequestURL, proxyRequest } from "h3";
+import { useRuntimeConfig } from "#imports";
+const GLOBAL_API_HEADER = "x-merkaly-global";
+const API_PREFIX_PATTERN = /^\/api\/?/;
+const API_ROUTE_PATTERN = /^\/api(?:\/|$)/;
+const EDGE_SLASH_PATTERN = /^\/|\/$/g;
+function normalizeSegment(value) {
+  return value.replace(EDGE_SLASH_PATTERN, "");
+}
+function resolveProxyPath(prefix, pathname, search) {
+  const normalizedPathname = pathname.replace(API_PREFIX_PATTERN, "");
+  return `/${[prefix, normalizedPathname].map(normalizeSegment).filter(Boolean).join("/")}${search}`;
+}
+function isGlobalRequest(value) {
+  if (Array.isArray(value)) {
+    return value.includes("true");
+  }
+  return value === "true";
+}
+export default defineEventHandler((event) => {
+  if (!API_ROUTE_PATTERN.test(event.path)) {
+    return;
+  }
+  const { public: $config } = useRuntimeConfig();
+  const targetOrigin = new URL($config.merkaly.api.url);
+  const url = getRequestURL(event);
+  const prefix = isGlobalRequest(event.node.req.headers[GLOBAL_API_HEADER]) ? "" : $config.merkaly.api.prefix;
+  const path = resolveProxyPath(prefix, url.pathname, url.search);
+  event.node.req.headers["x-forwarded-host"] = url.host;
+  if (import.meta.dev && targetOrigin.hostname.endsWith(".test")) {
+    process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
+  }
+  return proxyRequest(event, new URL(path, targetOrigin).toString());
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkaly/nuxt",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/merkaly-io/nuxt.git"
@@ -27,22 +27,8 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "nuxt-module-build build",
-    "build:stub": "nuxt-module-build build --stub",
-    "dev": "pnpm dev:prepare && cd playground && pnpm storybook",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "pnpm build:stub && nuxi prepare playground",
-    "lint": "eslint .",
-    "prepack": "pnpm build",
-    "prepare": "nuxt-module-build prepare",
-    "release": "pnpm lint && pnpm test && pnpm build && changelogen --release && npm publish --access public && git push --follow-tags",
-    "test": "vitest run",
-    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
-    "test:watch": "vitest watch"
-  },
   "dependencies": {
-    "@auth0/auth0-spa-js": "^2.17.0",
+    "@auth0/auth0-spa-js": "^2.19.0",
     "@bootstrap-vue-next/nuxt": "^0.44.1",
     "@nuxt/devtools": "^3.2.1",
     "@nuxt/eslint": "1.15.1",
@@ -51,13 +37,13 @@
     "@nuxt/image": "^2.0.0",
     "@nuxt/kit": "^4.4.2",
     "@nuxtjs/plausible": "^3.0.1",
-    "@sentry/nuxt": "^10.47.0",
+    "@sentry/nuxt": "^10.51.0",
     "@types/node": "latest",
     "@types/vue-select": "^3.16.8",
-    "@vueuse/components": "^14.2.0",
-    "@vueuse/core": "^14.2.0",
-    "@vueuse/integrations": "^14.2.0",
-    "@vueuse/nuxt": "^14.2.0",
+    "@vueuse/components": "^14.3.0",
+    "@vueuse/core": "^14.3.0",
+    "@vueuse/integrations": "^14.3.0",
+    "@vueuse/nuxt": "^14.3.0",
     "bootstrap": "^5.3.8",
     "bootstrap-vue-next": "^0.44.1",
     "change-case": "^5",
@@ -67,7 +53,7 @@
     "filesize": "^11.0.2",
     "nuxt": "^4.4.2",
     "reflect-metadata": "^0.2.2",
-    "sass": "^1.98.0",
+    "sass": "^1.99.0",
     "typescript": "~5.9.3",
     "v-money3": "^3.24.1",
     "vite-svg-loader": "^5.1.0",
@@ -85,9 +71,20 @@
     "vue-tsc": "^3.2.1"
   },
   "optionalDependencies": {
-    "defu": "^6.1.4"
+    "defu": "^6.1.5"
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=24"
+  },
+  "scripts": {
+    "build": "nuxt-module-build build",
+    "build:stub": "nuxt-module-build build --stub",
+    "dev": "pnpm dev:prepare && cd playground && pnpm storybook",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "pnpm build:stub && nuxi prepare playground",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
+    "test:watch": "vitest watch"
   }
-}
+}