@merkaly/nuxt 0.9.2 → 0.9.4

package/dist/module.json

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

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

@@ -1,18 +1,20 @@
 <script setup>
 import { computed, onBeforeMount, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import FormatIcon from "../format/FormatIcon.vue";
 const props = defineProps({
   disabled: { type: Boolean, default: false },
   preset: { type: String, default: () => "today" }
 });
 const model = defineModel({ type: Object });
+const { locale, t } = useI18n({ useScope: "local" });
 const presets = [
-  { key: "today", label: "Today", icon: "calendar-day" },
-  { key: "yesterday", label: "Yesterday", icon: "calendar-minus" },
-  { key: "last7days", label: "Last 7 days", icon: "calendar-week" },
-  { key: "last30days", label: "Last 30 days", icon: "calendar" },
-  { key: "thisMonth", label: "This month", icon: "calendar-check" },
-  { key: "lastMonth", label: "Last month", icon: "calendar-xmark" }
+  { key: "today", icon: "calendar-day" },
+  { key: "yesterday", icon: "calendar-minus" },
+  { key: "last7days", icon: "calendar-week" },
+  { key: "last30days", icon: "calendar" },
+  { key: "thisMonth", icon: "calendar-check" },
+  { key: "lastMonth", icon: "calendar-xmark" }
 ];
 const selectedPreset = ref(model.value?.preset || props.preset);
 const getDateRange = (key) => {
@@ -50,16 +52,17 @@ const getDateRange = (key) => {
   }
 };
 const currentPresetLabel = computed(() => {
-  return presets.find((p) => p.key === selectedPreset.value)?.label || "Select";
+  const preset = presets.find((p) => p.key === selectedPreset.value);
+  return preset ? t(preset.key) : t("select");
 });
 const formatDateRange = computed(() => {
   const range = getDateRange(selectedPreset.value);
   const options = { day: "numeric", month: "short" };
   if (range.start.getTime() === range.end.getTime()) {
-    return range.start.toLocaleDateString("en", { ...options, year: "numeric" });
+    return range.start.toLocaleDateString(locale.value, { ...options, year: "numeric" });
   }
-  const startStr = range.start.toLocaleDateString("en", options);
-  const endStr = range.end.toLocaleDateString("en", { ...options, year: "numeric" });
+  const startStr = range.start.toLocaleDateString(locale.value, options);
+  const endStr = range.end.toLocaleDateString(locale.value, { ...options, year: "numeric" });
   return `${startStr} - ${endStr}`;
 });
 const selectPreset = (preset) => {
@@ -78,14 +81,14 @@ onBeforeMount(() => selectPreset(props.preset));
     </template>
 
     <div class="px-3 py-2 border-bottom">
-      <span class="fs-7 fw-bold text-gray-800">Date Range</span>
+      <span class="fs-7 fw-bold text-gray-800" v-text="t('title')" />
     </div>
 
     <template v-for="item in presets" :key="item.key">
       <BDropdownItem :active="selectedPreset === item.key" @click="selectPreset(item.key)">
         <div class="d-flex align-items-center gap-2">
           <FormatIcon :name="item.icon" class="text-gray-500" />
-          <span v-text="item.label" />
+          <span v-text="t(item.key)" />
         </div>
       </BDropdownItem>
     </template>
@@ -95,8 +98,35 @@ onBeforeMount(() => selectPreset(props.preset));
     <BDropdownItem disabled>
       <div class="d-flex align-items-center gap-2 text-muted">
         <FormatIcon name="calendar-plus" />
-        <span>Custom range (coming soon)</span>
+        <span v-text="t('custom')" />
       </div>
     </BDropdownItem>
   </BDropdown>
 </template>
+
+<i18n lang="json">
+{
+  "en": {
+    "title": "Date range",
+    "select": "Select",
+    "today": "Today",
+    "yesterday": "Yesterday",
+    "last7days": "Last 7 days",
+    "last30days": "Last 30 days",
+    "thisMonth": "This month",
+    "lastMonth": "Last month",
+    "custom": "Custom range (coming soon)"
+  },
+  "pt": {
+    "title": "Período",
+    "select": "Selecionar",
+    "today": "Hoje",
+    "yesterday": "Ontem",
+    "last7days": "Últimos 7 dias",
+    "last30days": "Últimos 30 dias",
+    "thisMonth": "Este mês",
+    "lastMonth": "Mês passado",
+    "custom": "Período personalizado (em breve)"
+  }
+}
+</i18n>

package/dist/runtime/types/nuxt.d.ts

@@ -3,9 +3,13 @@ import type { Auth0Client, User } from '@auth0/auth0-spa-js';
 import type { ApiOptions } from '../plugins/api.global';
 import type { AuthErrorContext } from '../composables/useAuth';
 
+type MerkalyAuth0Client = Auth0Client & {
+  linkWithConnection: (connection: string) => Promise<unknown>; // added by the auth0 plugin
+};
+
 declare module '#app' {
   interface NuxtApp {
-    $auth0: Auth0Client;
+    $auth0: MerkalyAuth0Client;
     $api: <T = unknown>(url: string, options?: ApiOptions) => Promise<T>;
     $gmap: never;
   }
@@ -20,7 +24,7 @@ declare module '#app' {
 
 declare module 'vue' {
   interface ComponentCustomProperties {
-    $auth0: Auth0Client;
+    $auth0: MerkalyAuth0Client;
     $api: <T = unknown>(url: string, options?: ApiOptions) => Promise<T>;
     $gmap: never;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkaly/nuxt",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/merkaly-io/nuxt.git"
@@ -54,7 +54,7 @@
     "filesize": "^11.0.17",
     "gsap": "^3.15.0",
     "notivue": "^2.4.5",
-    "nuxt": "^4.6.2",
+    "nuxt": "^4.6.3",
     "reflect-metadata": "^0.2.2",
     "sass": "^1.106.1",
     "typescript": "~5.9.3",