@merkaly/nuxt 0.6.0 → 0.6.1

package/dist/module.json

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

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.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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@merkaly/nuxt",
-  "version": "0.6.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"
   }
-}
+}