@mythpe/quasar-ui-qui 0.1.57 → 0.1.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.1.57",
+  "version": "0.1.58",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",

package/src/boot/register.ts

@@ -7,8 +7,9 @@
  */
 
 import { boot } from 'quasar/wrappers'
-import Plugin from '../utils/vue-plugin'
+import { install } from '../utils'
+import type { InstallOptions } from '../types'
 
 export default boot(({ app }) => {
-  app.use(Plugin)
+  app.use(install, {} as InstallOptions)
 })

package/src/components/util/sar/MSarCol.vue

@@ -24,8 +24,8 @@ const props = withDefaults(defineProps<Props>(), {
   append: !1
 })
 
-const { te, n } = useI18n({ useScope: 'global' })
-const { __, toFixedFormatted } = useMyth()
+const { te } = useI18n({ useScope: 'global' })
+const { __, formatMoney } = useMyth()
 const getText = computed<string | undefined>(() => {
   if (!props.text?.toString().length) {
     return props.text
@@ -37,7 +37,7 @@ const getText = computed<string | undefined>(() => {
   if (props.string) {
     return te(`labels.${text}`) ? __(`labels.${text}`) : __(text)
   }
-  const v = isNaN(text) ? toFixedFormatted(text || '') : toFixedFormatted(n(parseFloat(text || '0') || 0))
+  const v = formatMoney(text)
 
   return v !== null && v !== undefined ? (v?.toString?.() || v) : undefined
 })

package/src/utils/Helpers.ts

@@ -303,24 +303,16 @@ export const Helpers = {
     }
     return `//${path}`
   },
-  toFixedFormatted (value: any, prefix?: string) {
-    value = value || '0.00'
-    if (value) {
-      const text: string = value?.toString() || ''
-      const def = prefix ? (value + ` ${prefix}`) : value
-      if (!text) {
-        return def
-      }
-      const after: string = (text.split?.('.')[1] || '')?.toString() || ''
-      if (!after) {
-        return def
-      }
-      if (after?.length === 1) {
-        value = `${value}0`
-      }
-      return value?.toString() + (prefix ? ` ${prefix}` : '')
+  formatMoney (value: any = '', suffix: string = ''): string {
+    let numValue = typeof value !== 'number' ? parseFloat(value) : value
+    if (isNaN(numValue)) {
+      numValue = 0.00
     }
-    return value
+    const formattedValue = numValue.toLocaleString('en-US', {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    })
+    return `${formattedValue} ${suffix}`.trim()
   },
   calculateAspectRatio: (width: number | string, height: number | string): [number, string] => {
     width = Number(width)

package/src/utils/vue-plugin.ts

@@ -23,7 +23,6 @@ import { MythKey } from './const'
 function install (app: App, options: InstallOptions) {
   const myth = createMyth(options)
   app.provide(MythKey, myth)
-  // defineOptions(options)
   if (options?.asyncComponents) {
     defineAsyncComponents(app)
   } else {