@finema/core 1.4.151 → 1.4.153

package/README.md

@@ -1,60 +1,60 @@
-# @finema/core Nuxt Module
-
-[✨  Release Notes](/CHANGELOG.md)
-
-## Starter template
-https://gitlab.finema.co/finema/nuxt3-template-with-uikit
-
-## Remark
-- Temporary use resolutions for vue 3.3.13 instead of ^3.4.0 due to [this issue](https://github.com/nuxt/ui/issues/1171) and planned to be fixed in the next vue 3.5 version.
-
-## Quick Setup
-
-1. Add `@finema/core` dependency to your project
-
-```bash
-# Using pnpm
-pnpm add -D @finema/core
-
-# Using yarn
-yarn add --dev @finema/core
-
-```
-
-1. Add `@finema/core` to the `modules` section of `nuxt.config.ts`
-
-```js
-export default defineNuxtConfig({
-  modules: [
-    '@finema/core'
-  ]
-})
-```
-
-That's it! You can now use @finema/core in your Nuxt app ✨
-
-## Development
-
-```bash
-# Install dependencies
-pnpm install
-
-# Generate type stubs
-pnpm dev:prepare
-
-# Develop with the playground
-pnpm dev
-
-# Build the playground
-pnpm dev:build
-
-# Run ESLint
-pnpm lint
-
-# Run Vitest
-pnpm test
-pnpm test:watch
-
-# Release new version
-pnpm release
-```
+# @finema/core Nuxt Module
+
+[✨  Release Notes](/CHANGELOG.md)
+
+## Starter template
+https://gitlab.finema.co/finema/nuxt3-template-with-uikit
+
+## Remark
+- Temporary use resolutions for vue 3.3.13 instead of ^3.4.0 due to [this issue](https://github.com/nuxt/ui/issues/1171) and planned to be fixed in the next vue 3.5 version.
+
+## Quick Setup
+
+1. Add `@finema/core` dependency to your project
+
+```bash
+# Using pnpm
+pnpm add -D @finema/core
+
+# Using yarn
+yarn add --dev @finema/core
+
+```
+
+1. Add `@finema/core` to the `modules` section of `nuxt.config.ts`
+
+```js
+export default defineNuxtConfig({
+  modules: [
+    '@finema/core'
+  ]
+})
+```
+
+That's it! You can now use @finema/core in your Nuxt app ✨
+
+## Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Generate type stubs
+pnpm dev:prepare
+
+# Develop with the playground
+pnpm dev
+
+# Build the playground
+pnpm dev:build
+
+# Run ESLint
+pnpm lint
+
+# Run Vitest
+pnpm test
+pnpm test:watch
+
+# Release new version
+pnpm release
+```

package/dist/module.json

@@ -1,12 +1,8 @@
 {
   "name": "@finema/core",
-  "version": "1.4.151",
+  "version": "1.4.153",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"
-  },
-  "builder": {
-    "@nuxt/module-builder": "0.7.0",
-    "unbuild": "2.0.0"
   }
 }

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { defineNuxtModule, createResolver, installModule, addPlugin, addComponentsDir, addImportsDir } from '@nuxt/kit';
 
 const name = "@finema/core";
-const version = "1.4.151";
+const version = "1.4.153";
 
 const colors = {
   black: "#20243E",
@@ -18,9 +18,9 @@ const colors = {
     DEFAULT: "#9095A6",
     disabled: "#C1C4D0",
     border: "#E2E4EA",
-    fill: "#F4F5FA",
-    50: "#E0E0E0",
-    600: "#616161"
+    fill: "#F4F5FA"
+    // 50: '#E0E0E0',
+    // 600: '#616161',
   },
   secondary: {
     DEFAULT: "#EE8B36",
@@ -227,9 +227,6 @@ const toggle = {
 
 const badge = {};
 
-const colorModeOptions = {
-  preference: "light"
-};
 const veeValidateNuxtOptions = {
   // disable or enable auto imports
   autoImports: true,
@@ -340,6 +337,13 @@ const module = defineNuxtModule({
     nuxt.options.build.transpile.push(runtimeDir);
     nuxt.options.alias["#core"] = runtimeDir;
     nuxt.options.css.push(resolve(runtimeDir, "ui.css"));
+    await installModule("@nuxt/ui", {
+      safelistColors: ["secondary", "success", "info", "danger", "warning"]
+    });
+    await installModule("nuxt-lodash", {
+      prefix: "_",
+      upperAfterPrefix: false
+    });
     nuxt.hook("tailwindcss:config", (tailwindConfig) => {
       tailwindConfig.content = {
         ...tailwindConfig.content,
@@ -354,38 +358,30 @@ const module = defineNuxtModule({
         ...tailwindConfig.theme.extend.colors,
         ...colors
       };
+      nuxt.options.appConfig.ui = _deepMerge(
+        {
+          table,
+          pagination,
+          alert,
+          button,
+          buttonGroup,
+          formGroup,
+          checkbox,
+          input,
+          select,
+          selectMenu,
+          textarea,
+          toggle,
+          badge,
+          icons: {
+            dynamic: true
+          }
+        },
+        nuxt.options.appConfig.ui
+      );
+      nuxt.options.appConfig.ui.strategy = "override";
     });
-    await installModule("@nuxt/ui", {
-      safelistColors: ["secondary", "success", "info", "danger", "warning"]
-    });
-    await installModule("nuxt-lodash", {
-      prefix: "_",
-      upperAfterPrefix: false
-    });
-    nuxt.options.appConfig.ui = _deepMerge(
-      {
-        table,
-        pagination,
-        alert,
-        button,
-        buttonGroup,
-        formGroup,
-        checkbox,
-        input,
-        select,
-        selectMenu,
-        textarea,
-        toggle,
-        badge,
-        icons: {
-          dynamic: true
-        }
-      },
-      nuxt.options.appConfig.ui
-    );
-    nuxt.options.appConfig.ui.strategy = "override";
     nuxt.options.app = _deepMerge({}, nuxtAppOptions, nuxt.options.app);
-    nuxt.options.colorMode = _deepMerge({}, colorModeOptions, nuxt.options.colorMode);
     nuxt.options.devtools = _deepMerge({}, { enabled: true }, nuxt.options.devtools);
     nuxt.options.runtimeConfig = _deepMerge(
       {},

package/dist/runtime/components/Alert.vue

@@ -1,48 +1,48 @@
-<template>
-  <UAlert v-bind="$props">
-    <template #title><slot name="title" :title="title" /></template>
-    <template #description><slot name="description" :description="description" /></template>
-  </UAlert>
-</template>
-<script lang="ts" setup>
-import { type PropType } from 'vue'
-import { type alert } from '#ui/ui.config'
-import type { AlertColor, AlertVariant, Avatar, Button, Strategy } from '#ui/types'
-
-defineProps({
-  title: {
-    type: String,
-    required: true,
-  },
-  description: {
-    type: String,
-    default: null,
-  },
-  icon: {
-    type: String,
-  },
-  avatar: {
-    type: Object as PropType<Avatar>,
-    default: null,
-  },
-  closeButton: {
-    type: Object as PropType<Button>,
-  },
-  actions: {
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    type: Array as PropType<Array<Button & { click?: Function }>>,
-  },
-  color: {
-    type: String as PropType<AlertColor>,
-  },
-  variant: {
-    type: String as PropType<AlertVariant>,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof alert> & { strategy?: Strategy }>,
-  },
-})
-</script>
+<template>
+  <UAlert v-bind="$props">
+    <template #title><slot name="title" :title="title" /></template>
+    <template #description><slot name="description" :description="description" /></template>
+  </UAlert>
+</template>
+<script lang="ts" setup>
+import { type PropType } from 'vue'
+import { type alert } from '#ui/ui.config'
+import type { AlertColor, AlertVariant, Avatar, Button, Strategy } from '#ui/types'
+
+defineProps({
+  title: {
+    type: String,
+    required: true,
+  },
+  description: {
+    type: String,
+    default: null,
+  },
+  icon: {
+    type: String,
+  },
+  avatar: {
+    type: Object as PropType<Avatar>,
+    default: null,
+  },
+  closeButton: {
+    type: Object as PropType<Button>,
+  },
+  actions: {
+    // eslint-disable-next-line @typescript-eslint/ban-types
+    type: Array as PropType<Array<Button & { click?: Function }>>,
+  },
+  color: {
+    type: String as PropType<AlertColor>,
+  },
+  variant: {
+    type: String as PropType<AlertVariant>,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof alert> & { strategy?: Strategy }>,
+  },
+})
+</script>

package/dist/runtime/components/Avatar.vue

@@ -1,27 +1,27 @@
-<template>
-  <UAvatar v-bind="$attrs" :src="src" :alt="alt" :size="size" />
-</template>
-
-<script lang="ts" setup>
-import type { AvatarSize } from '#ui/types'
-import type { PropType } from 'vue'
-
-defineOptions({
-  inheritAttrs: true,
-})
-
-defineProps({
-  src: {
-    type: String,
-    required: true,
-  },
-  alt: {
-    type: String,
-    required: true,
-  },
-  size: {
-    type: String as PropType<AvatarSize>,
-    default: 'sm',
-  },
-})
-</script>
+<template>
+  <UAvatar v-bind="$attrs" :src="src" :alt="alt" :size="size" />
+</template>
+
+<script lang="ts" setup>
+import type { AvatarSize } from '#ui/types'
+import type { PropType } from 'vue'
+
+defineOptions({
+  inheritAttrs: true,
+})
+
+defineProps({
+  src: {
+    type: String,
+    required: true,
+  },
+  alt: {
+    type: String,
+    required: true,
+  },
+  size: {
+    type: String as PropType<AvatarSize>,
+    default: 'sm',
+  },
+})
+</script>

package/dist/runtime/components/Badge.vue

@@ -1,11 +1,11 @@
-<template>
-  <UBadge v-bind="$props">
-    <slot />
-  </UBadge>
-</template>
-
-<script setup lang="ts">
-import type { Badge } from '#ui/types/badge'
-
-defineProps<Badge>()
-</script>
+<template>
+  <UBadge v-bind="$props">
+    <slot />
+  </UBadge>
+</template>
+
+<script setup lang="ts">
+import type { Badge } from '#ui/types/badge'
+
+defineProps<Badge>()
+</script>

package/dist/runtime/components/Breadcrumb.vue

@@ -1,44 +1,44 @@
-<template>
-  <UBreadcrumb v-bind="attrs" :class="$props.class" :links="links" :divider="divider" :ui="ui">
-    <template #default="{ link, isActive, index }">
-      <slot name="default" :link="link" :is-active="isActive" :index="index" />
-    </template>
-
-    <template #icon="{ link, index, isActive }">
-      <slot name="icon" :link="link" :is-active="isActive" :index="index" />
-    </template>
-
-    <template #divider>
-      <slot name="divider" />
-    </template>
-  </UBreadcrumb>
-</template>
-
-<script setup lang="ts">
-import { useUiConfig, type PropType, useUI, toRef } from '#imports'
-import { breadcrumb } from '#core/ui.config'
-import type { BreadcrumbLink, Strategy } from '#ui/types'
-
-const config = useUiConfig<typeof breadcrumb>(breadcrumb, 'breadcrumb')
-
-const props = defineProps({
-  links: {
-    type: Array as PropType<BreadcrumbLink[]>,
-    default: () => [],
-  },
-  divider: {
-    type: String,
-    default: () => breadcrumb.default.divider,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: () => '',
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
-    default: () => ({}),
-  },
-})
-
-const { ui, attrs } = useUI('breadcrumb', toRef(props, 'ui'), config, toRef(props, 'class'))
-</script>
+<template>
+  <UBreadcrumb v-bind="attrs" :class="$props.class" :links="links" :divider="divider" :ui="ui">
+    <template #default="{ link, isActive, index }">
+      <slot name="default" :link="link" :is-active="isActive" :index="index" />
+    </template>
+
+    <template #icon="{ link, index, isActive }">
+      <slot name="icon" :link="link" :is-active="isActive" :index="index" />
+    </template>
+
+    <template #divider>
+      <slot name="divider" />
+    </template>
+  </UBreadcrumb>
+</template>
+
+<script setup lang="ts">
+import { useUiConfig, type PropType, useUI, toRef } from '#imports'
+import { breadcrumb } from '#core/ui.config'
+import type { BreadcrumbLink, Strategy } from '#ui/types'
+
+const config = useUiConfig<typeof breadcrumb>(breadcrumb, 'breadcrumb')
+
+const props = defineProps({
+  links: {
+    type: Array as PropType<BreadcrumbLink[]>,
+    default: () => [],
+  },
+  divider: {
+    type: String,
+    default: () => breadcrumb.default.divider,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: () => '',
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+    default: () => ({}),
+  },
+})
+
+const { ui, attrs } = useUI('breadcrumb', toRef(props, 'ui'), config, toRef(props, 'class'))
+</script>

package/dist/runtime/components/Button/Group.vue

@@ -1,37 +1,37 @@
-<template>
-  <UButtonGroup v-bind="$props">
-    <slot />
-  </UButtonGroup>
-</template>
-
-<script lang="ts" setup>
-import type { PropType } from 'vue'
-import type { ButtonSize } from '#ui/types/button'
-import { button, type buttonGroup } from '#ui/ui.config'
-import type { Strategy } from '#ui/types'
-
-defineProps({
-  size: {
-    type: String as PropType<ButtonSize>,
-    default: () => button.default.size,
-    validator(value: string) {
-      return Object.keys(button.size).includes(value)
-    },
-  },
-  orientation: {
-    type: String as PropType<'horizontal' | 'vertical'>,
-    default: 'horizontal',
-    validator(value: string) {
-      return ['horizontal', 'vertical'].includes(value)
-    },
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: undefined,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof buttonGroup> & { strategy?: Strategy }>,
-    default: undefined,
-  },
-})
-</script>
+<template>
+  <UButtonGroup v-bind="$props">
+    <slot />
+  </UButtonGroup>
+</template>
+
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import type { ButtonSize } from '#ui/types/button'
+import { button, type buttonGroup } from '#ui/ui.config'
+import type { Strategy } from '#ui/types'
+
+defineProps({
+  size: {
+    type: String as PropType<ButtonSize>,
+    default: () => button.default.size,
+    validator(value: string) {
+      return Object.keys(button.size).includes(value)
+    },
+  },
+  orientation: {
+    type: String as PropType<'horizontal' | 'vertical'>,
+    default: 'horizontal',
+    validator(value: string) {
+      return ['horizontal', 'vertical'].includes(value)
+    },
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: undefined,
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof buttonGroup> & { strategy?: Strategy }>,
+    default: undefined,
+  },
+})
+</script>