@finema/finework-layer 0.2.131 → 0.2.133

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.2.133](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.132...0.2.133) (2026-02-10)
+
+## [0.2.132](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.131...0.2.132) (2026-02-10)
+
+### Bug Fixes
+
+* timeformnow ([82712ff](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/82712fffacd6f3329934dfc50115d353eaacb63b))
+
 ## [0.2.131](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.130...0.2.131) (2026-02-06)
 
 ### Bug Fixes

package/app/components/Format/TimeFromNow.vue

@@ -8,32 +8,72 @@
 </template>
 
 <script lang="ts" setup>
-import { formatDistanceToNow, differenceInDays } from 'date-fns'
-import * as locales from 'date-fns/locale'
+import { differenceInDays, differenceInHours, differenceInMinutes, differenceInMonths, differenceInWeeks, startOfDay, addDays } from 'date-fns'
 
 const props = defineProps<{
   value: string | Date
   as?: string
 }>()
 
-const config = useAppConfig()
-const localeInject = inject('locale')
-
 const getValue = computed(() => {
-  const locale = (localeInject ?? config.core.locale) === 'th'
-    ? locales.th
-    : locales.enUS
-
   const targetDate = new Date(props.value)
-  const daysDiff = differenceInDays(new Date(), targetDate)
+  const now = new Date()
+
+  // Compare only the date part
+  const nowDate = startOfDay(now)
+  const dueDateOnly = startOfDay(targetDate)
+
+  if (nowDate > dueDateOnly) {
+    const dueDateEnd = addDays(dueDateOnly, 1)
+
+    const months = differenceInMonths(now, dueDateEnd)
+
+    if (months > 0) {
+      return months === 1 ? '1 month ago' : `${months} months ago`
+    }
+
+    const weeks = differenceInWeeks(now, dueDateEnd)
+
+    if (weeks > 0) {
+      return weeks === 1 ? '1 week ago' : `${weeks} weeks ago`
+    }
+
+    const days = differenceInDays(now, dueDateEnd)
+
+    if (days > 0) {
+      return days === 1 ? '1 day ago' : `${days} days ago`
+    }
 
-  if (daysDiff <= 6) {
-    return formatDistanceToNow(targetDate, {
-      addSuffix: true,
-      locale,
-    })
+    const hours = differenceInHours(now, dueDateEnd)
+
+    if (hours > 0) {
+      return hours === 1 ? '1hr ago' : `${hours}hr ago`
+    }
+
+    const minutes = differenceInMinutes(now, dueDateEnd)
+
+    if (minutes > 0) {
+      return minutes === 1 ? '1m ago' : `${minutes}m ago`
+    }
+
+    return 'just now'
+  }
+
+  // Today
+  if (nowDate.getTime() === dueDateOnly.getTime()) {
+    return 'Today'
   }
 
-  return TimeHelper.displayDateTime(props.value)
+  // Tomorrow
+  const tomorrow = addDays(nowDate, 1)
+
+  if (tomorrow.getTime() === dueDateOnly.getTime()) {
+    return 'Tomorrow'
+  }
+
+  // In X days (future)
+  const days = differenceInDays(dueDateOnly, nowDate)
+
+  return `in ${days}d`
 })
 </script>

package/bun.lock

@@ -4,7 +4,7 @@
     "": {
       "name": "@finema/finework-layer",
       "dependencies": {
-        "@finema/core": "^3.9.1",
+        "@finema/core": "^3.11.0",
       },
       "devDependencies": {
         "@finema/eslint-config": "^2.0.3",
@@ -183,7 +183,7 @@
 
     "@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.1", "", { "dependencies": { "@eslint/core": "^0.17.0", "levn": "^0.4.1" } }, "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA=="],
 
-    "@finema/core": ["@finema/core@3.9.1", "", { "dependencies": { "@iconify-json/heroicons": "^1.2.2", "@iconify-json/ph": "^1.2.2", "@iconify-json/svg-spinners": "^1.2.2", "@nuxt/kit": "^4.1.3", "@nuxt/ui": "^4.4.0", "@pinia/nuxt": "^0.11.0", "@tailwindcss/typography": "^0.5.0-alpha.3", "@tiptap/extension-text-align": "^3.18.0", "@vee-validate/nuxt": "^4.15.1", "@vee-validate/valibot": "^4.15.1", "@vuepic/vue-datepicker": "^11.0.2", "@vueuse/components": "^13.9.0", "@vueuse/core": "^13.9.0", "@wdns/vue-code-block": "^2.3.5", "axios": "^1.10.0", "date-fns": "^4.1.0", "date-fns-tz": "^3.2.0", "defu": "^6.1.4", "lodash-es": "^4.17.21", "maska": "^3.1.1", "url-join": "^5.0.0" } }, "sha512-wEbWk4+kEuy4f2nmr3z7zzz7SGC2KGGWxNThdfHnXo1DmKTCN3NHxYhwR2p3Jt+SvuC2c9CYT9p3ANGSU+1KeQ=="],
+    "@finema/core": ["@finema/core@3.11.0", "", { "dependencies": { "@iconify-json/heroicons": "^1.2.2", "@iconify-json/ph": "^1.2.2", "@iconify-json/svg-spinners": "^1.2.2", "@nuxt/kit": "^4.1.3", "@nuxt/ui": "^4.4.0", "@pinia/nuxt": "^0.11.0", "@tailwindcss/typography": "^0.5.0-alpha.3", "@tiptap/extension-text-align": "^3.18.0", "@vee-validate/nuxt": "^4.15.1", "@vee-validate/valibot": "^4.15.1", "@vuepic/vue-datepicker": "^11.0.2", "@vueuse/components": "^13.9.0", "@vueuse/core": "^13.9.0", "@wdns/vue-code-block": "^2.3.5", "axios": "^1.10.0", "date-fns": "^4.1.0", "date-fns-tz": "^3.2.0", "defu": "^6.1.4", "lodash-es": "^4.17.21", "maska": "^3.1.1", "url-join": "^5.0.0" } }, "sha512-hZEpL4LcNnh6kWSISqhirP8BepUcm9uj8UCuEVC3W6DeR38yVxf5UD4i0NyhFQXvYa0d070tql4GjnedRnFsXw=="],
 
     "@finema/eslint-config": ["@finema/eslint-config@2.0.4", "", { "dependencies": { "eslint-plugin-better-tailwindcss": "^3.7.10", "eslint-plugin-tailwindcss": "^3.18.2", "eslint-plugin-unused-imports": "^4.2.0" }, "peerDependencies": { "eslint": "^9.37.0" } }, "sha512-kKznMgbsOfPPg+td53dK36I3YFo6Ji4GAwKbVS2pimuQfcJT4mbgnEXCuW1Q/uNvUaFItr1NCSSD1LtEQTNNug=="],
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "0.2.131",
+  "version": "0.2.133",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",
@@ -30,7 +30,7 @@
     "vue": "latest"
   },
   "dependencies": {
-    "@finema/core": "^3.9.1"
+    "@finema/core": "^3.11.0"
   },
   "lint-staged": {
     "*": "eslint"