@simitgroup/simpleapp-generator 1.4.1-alpha → 1.5.0-alpha

package/templates/nest/src/simpleapp/generate/commons/roles/roles.guard.ts.eta

@@ -1,13 +1,19 @@
 /**
  * This file was automatically generated by simpleapp generator. Every
  * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
+ * last change 2024-03-17
  * Author: Ks Tan
  */
-import { Injectable, Inject, CanActivate, ExecutionContext, Scope } from '@nestjs/common';
+import {
+  Injectable,
+  Inject,
+  CanActivate,
+  ExecutionContext,
+  Scope,
+} from '@nestjs/common';
 import { Reflector } from '@nestjs/core';
-import { Role } from './roles.enum'
-import { ROLES_KEY } from './roles.decorator'
+import { Role } from './roles.enum';
+import { ROLES_KEY } from './roles.decorator';
 import { UserContext } from '../user.context';
 
 @Injectable()
@@ -15,25 +21,31 @@ export class RolesGuard implements CanActivate {
   constructor(private reflector: Reflector) {}
 
   canActivate(context: ExecutionContext): boolean {
-    
     const requiredRoles = this.reflector.getAllAndOverride<Role[]>(ROLES_KEY, [
       context.getHandler(),
       context.getClass(),
     ]);
 
-    const sessionuser = context.switchToHttp().getRequest()['sessionuser']
+    let sessionuser:UserContext 
+    if (context.getType() == 'http') {
+      const request = context.switchToHttp().getRequest();
+      sessionuser = request['sessionuser'];
+    } else if (context.getArgs()[2]) {
+      const req = context.getArgs()[2].req;
+      sessionuser = req['sessionuser'];
+    }
     
     if (!requiredRoles) {
       return true;
     }
-        
-    const roles = sessionuser.getRoles()    
-    if(!roles){      
-      return false
+
+    const roles = sessionuser.getRoles();
+    if (!roles) {
+      return false;
     }
     const result = requiredRoles.some((role) => roles.includes(role));
 
-    return result
+    return result;
     // return true
   }
-}
+}

package/templates/nest/src/simpleapp/generate/processors/simpleapp.processor.ts.eta

@@ -37,6 +37,7 @@ import {
   DefaultHooks,
   MoreProjectionType,
   DeleteResultType,
+  WorkflowName,
 } from '../types';
 @Injectable()
 export class SimpleAppService<T extends { _id?: string }> {
@@ -275,29 +276,30 @@ export class SimpleAppService<T extends { _id?: string }> {
 
   /**
    * create many from array, for performance reason it submit all item in 1 go, so it won't implement hooks
-   * @param appuser 
-   * @param datas 
+   * @param appuser
+   * @param datas
    */
-  async createMany (appuser: UserContext, datas: T[]){
-    if(Array.isArray(datas)){
-      for(let i=0 ; i< datas.length; i++){
-        const data = datas[i]
+  async createMany(appuser: UserContext, datas: T[]) {
+    if (Array.isArray(datas)) {
+      for (let i = 0; i < datas.length; i++) {
+        const data = datas[i];
         let isolationFilter: any = { ...appuser.getCreateFilter() };
         isolationFilter = this.polishIsolationFilter(isolationFilter, data);
-        
+
         Object.assign(data, isolationFilter);
         this.reCalculateValue(data);
         await this.validateData(appuser, data);
-        this.applyNestedDateTime(appuser, data, 'create');        
+        this.applyNestedDateTime(appuser, data, 'create');
       }
-      const result = await this.doc.insertMany(datas)
-      return result
-
-    }else{
-      throw new BadRequestException(this.getDocumentType() +': create many only support array')
+      const result = await this.doc.insertMany(datas);
+      return result;
+    } else {
+      throw new BadRequestException(
+        this.getDocumentType() + ': create many only support array',
+      );
     }
   }
-  
+
   async create(appuser: UserContext, data: T) {
     let result;
     if (!data._id) {
@@ -353,7 +355,7 @@ export class SimpleAppService<T extends { _id?: string }> {
       return result as T;
     } catch (err) {
       throw new InternalServerErrorException(
-        `createHook ${this.documentType} error: ${err}`,
+        `createHook ${this.documentType} error: ${JSON.stringify(err)}`,
         `${this.documentType} createHook error`,
       );
     }
@@ -555,11 +557,12 @@ export class SimpleAppService<T extends { _id?: string }> {
     try {
       const result = await this.doc.findOneAndReplace(isolationFilter, data, {
         session: dbsession,
+        new: true,
       });
       appuser.addUpdatedRecordId(this.documentName, data._id);
       if (this.hooks.afterUpdate)
         await this.hooks.afterUpdate(appuser, id, result);
-      return await this.findById(appuser, id);
+      return  result // await this.findById(appuser, id);
     } catch (err) {
       this.logger.error(err);
       throw new InternalServerErrorException(err.message);
@@ -605,13 +608,14 @@ export class SimpleAppService<T extends { _id?: string }> {
     try {
       const result = await this.doc.findOneAndUpdate(isolationFilter, data, {
         session: dbsession,
+        new: true,
       });
 
       appuser.addUpdatedRecordId(this.documentName, data._id);
 
       if (this.hooks.afterUpdate)
         await this.hooks.afterUpdate(appuser, id, result);
-      return await this.findById(appuser, id);
+      return result //await this.findById(appuser, id);
     } catch (err) {
       throw new InternalServerErrorException(err.message);
     }
@@ -718,7 +722,11 @@ export class SimpleAppService<T extends { _id?: string }> {
     }
   }
 
-  startWorkflow(appuser: UserContext, processName: string, workflowData: any) {
+  startWorkflow(
+    appuser: UserContext,
+    processName: WorkflowName,
+    workflowData: any,
+  ) {
     return this.eventEmitter.emit(
       'workflow.start',
       appuser,

package/templates/nest/src/simpleapp/generate/types/index.ts.eta

@@ -3,5 +3,6 @@
 export * from './<%= d['doctype']%>.type'      
 <%}%>
 export * from './simpleapp.type'
+export * from './workflow.type'
 
 export * from '../../types';

package/templates/nest/src/simpleapp/generate/types/workflow.type.ts.eta

@@ -0,0 +1,15 @@
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2024-04-15
+ * Author: Ks Tan
+ */
+
+ export type WorkflowCatalogue = {
+    <%for(let i=0; i<it.allbpmn.length;i++){ %>
+    <% const bpmn = it.allbpmn[i] %>      
+        <%=bpmn%>:any,
+    <%}%>
+}
+
+export type WorkflowName = keyof WorkflowCatalogue

package/templates/nest/src/simpleapp/generate/workflow/workflow.config.ts.eta

@@ -65,8 +65,8 @@ export class WorkflowConfig {
       },
       appDelegate: (server: BPMNServer) =>
         _this.workflowdelegate.setServer(server),
-      userService: (server: BPMNServer) =>
-        _this.workflowUserService.setServer(server),
+      //userService: (server: BPMNServer) =>
+        //_this.workflowUserService.setServer(server),
       dataStore: function (server: BPMNServer) {
         return new MyDataStore(server);
       },

package/templates/nest/src/simpleapp/generate/workflow/workflow.controller.ts.eta

@@ -1,7 +1,7 @@
 /**
  * This file was automatically generated by simpleapp generator. Every
  * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2024-02-23
+ * last change 2024-04-15
  * Author: Ks Tan
  */
 import {
@@ -15,6 +15,7 @@ import {
   Delete,
   HttpCode,
 } from '@nestjs/common';
+
 import { WorkflowService } from './workflow.service';
 import { UserTaskActors } from './workflow.type';
 import { Roles } from '../commons/roles/roles.decorator';
@@ -29,6 +30,7 @@ import {
 import { ApiTags, ApiBody, ApiResponse, ApiOperation } from '@nestjs/swagger';
 import { AppUser } from '../commons/decorators/appuser.decorator';
 import { UserContext } from '../commons/user.context';
+import { WorkflowName } from '../types';
 @ApiTags('workflow')
 @Controller('workflow')
 export class WorkflowController {
@@ -210,7 +212,7 @@ export class WorkflowController {
   })
   async newWorkflowDefinitions(
     @AppUser() appuser: UserContext,
-    @Param('workflowname') workflowname: string,
+    @Param('workflowname') workflowname: WorkflowName,
     @Body() xml: string,
   ) {
     return await this.workflowService.newWorkflowDefinitions(
@@ -234,7 +236,7 @@ export class WorkflowController {
   })
   async updateWorkflowDefinition(
     @AppUser() appuser: UserContext,
-    @Param('workflowname') workflowname: string,
+    @Param('workflowname') workflowname: WorkflowName,
     @Body() xml: string,
   ) {
     return await this.workflowService.updateWorkflowDefinition(
@@ -254,7 +256,7 @@ export class WorkflowController {
   })
   async readWorkflowDefinition(
     @AppUser() appuser: UserContext,
-    @Param('workflowname') workflowname: string,
+    @Param('workflowname') workflowname: WorkflowName,
   ) {
     return await this.workflowService.readWorkflowDefinition(
       appuser,
@@ -271,7 +273,7 @@ export class WorkflowController {
   })
   async dropWorkflowDefinition(
     @AppUser() appuser: UserContext,
-    @Param('workflowname') workflowname: string,
+    @Param('workflowname') workflowname: WorkflowName,
   ) {
     return await this.workflowService.deleteWorkflowDefinition(
       appuser,
@@ -344,7 +346,7 @@ export class WorkflowController {
   })
   async startWorkflow(
     @AppUser() appuser: UserContext,
-    @Param('workflowname') workflowname: string,
+    @Param('workflowname') workflowname: WorkflowName,
     @Body() data: any,
   ) {
     return await this.workflowService.startWorkflow(

package/templates/nest/src/simpleapp/generate/workflow/workflow.service.ts.eta

@@ -1,7 +1,7 @@
 /**
  * This file was automatically generated by simpleapp generator. Every
  * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2024-02-23
+ * last change 2024-04-15
  * Author: Ks Tan
  */
 import { WorkflowConfig } from './workflow.config';
@@ -33,6 +33,7 @@ import {
 } from 'bpmn-server';
 // import { configuration } from './configuration';
 import { UserContext } from '../commons/user.context';
+import { WorkflowName } from '../types';
 //import * as formschemas from '../../workflow/formschema';
 export {
   WorkflowSettingApiSchema,
@@ -110,7 +111,7 @@ export class WorkflowService {
    */
   async newWorkflowDefinitions(
     appuser: UserContext,
-    workflowName: string,
+    workflowName: WorkflowName,
     xml: string,
   ) {
     throw new BadRequestException(
@@ -124,13 +125,19 @@ export class WorkflowService {
     );
   }
 
-  async readWorkflowDefinition(appuser: UserContext, workflowname: string) {
+  async readWorkflowDefinition(
+    appuser: UserContext,
+    workflowname: WorkflowName,
+  ) {
     throw new BadRequestException(
       `readWorkflowDefinition is not supported yet`,
     );
   }
 
-  async deleteWorkflowDefinition(appuser: UserContext, workflowname: string) {
+  async deleteWorkflowDefinition(
+    appuser: UserContext,
+    workflowname: WorkflowName,
+  ) {
     throw new BadRequestException(
       `deleteWorkflowDefinition is not supported yet`,
     );
@@ -138,7 +145,7 @@ export class WorkflowService {
 
   async updateWorkflowDefinition(
     appuser: UserContext,
-    workflowname: string,
+    workflowname: WorkflowName,
     xml: string,
   ) {
     throw new BadRequestException(
@@ -193,21 +200,20 @@ export class WorkflowService {
     data: any,
   ) {
     try {
-      
       const response = await this.bpmnServer.engine.invoke(
         { 'items.id': taskId, 'items.status': 'wait' },
         data,
         appuser.getUid(),
-        {appuser:appuser}
+        { appuser: appuser },
       );
       return {
-        parentKeys:Object.keys(response),
-        parentId:response.id,
-        data:response.instance.data,
+        parentKeys: Object.keys(response),
+        parentId: response.id,
+        data: response.instance.data,
         // parentId:response,
-        input:response.item.input,
-        vars:response.item.vars,
-        id:response.item.id,
+        input: response.item.input,
+        vars: response.item.vars,
+        id: response.item.id,
         status: response.item.status,
       };
     } catch (e) {
@@ -313,12 +319,26 @@ export class WorkflowService {
    * @returns workflowsummary
    */
   @OnEvent('workflow.start')
-  async startWorkflow(appuser: UserContext, workflowName: string, data?: any) {
+  async startWorkflow(
+    appuser: UserContext,
+    workflowName: WorkflowName,
+    data?: any,
+  ) {
+    //run as event, it wont have transaction
+    appuser.setDBSession(undefined);
+    
+    if (!data ) data = {}    
+    
+    //sometimes data is Mongoose object instead of pure data, need serialize and deserialize to remove that
+    data=JSON.parse(JSON.stringify(data))
+    
     try {
       // console.log('startWorkflow started: ', workflowName);
+      
       data.tenantId = appuser.getTenantId();
       data.orgId = appuser.getOrgId();
       data.branchId = appuser.getBranchId();
+    
       const result = await this.bpmnServer.engine.start(
         workflowName,
         data,
@@ -457,13 +477,12 @@ export class WorkflowService {
       const elementProps = event.context.item.element.def;
       // const usertaskinput = event.context.item.input ?? null;
       const data = event.context.instance.data;
-      const vars = {}
-      Object.assign(vars,event.context.item.input);
-      event.context.item.input={}
+      const vars = {};
+      Object.assign(vars, event.context.item.input);
+      event.context.item.input = {};
       const options = event.context.options;
       switch (elementType) {
         case BPMN_TYPE.UserTask:
-          
           let usertaskeventtype: UserTaskEventType;
           if (eventType == EXECUTION_EVENT.node_start)
             usertaskeventtype = 'start';
@@ -475,7 +494,7 @@ export class WorkflowService {
             usertaskeventtype = 'invoked';
           else if (eventType == EXECUTION_EVENT.node_wait)
             usertaskeventtype = 'wait';
-            // console.log("event-------=================================",eventType,usertaskeventtype)
+          // console.log("event-------=================================",eventType,usertaskeventtype)
           if (usertaskeventtype) {
             const props: UserTaskData = {
               workflowName: workflowName,
@@ -492,9 +511,9 @@ export class WorkflowService {
                 followUpDate: event.context.item.followUpDate,
                 priority: event.context.item.priority,
                 formKey: elementProps.formKey,
-              },              
+              },
               data: data,
-              vars:vars,
+              vars: vars,
               options: options,
             };
             this.eventEmitter.emit(
@@ -518,7 +537,7 @@ export class WorkflowService {
               elementId: elementId,
               elementName: elementName,
               data: data,
-              vars:vars,
+              vars: vars,
               options: options,
             };
             this.eventEmitter.emit(

package/templates/nest/src/simpleapp/resolvers/readme.md.eta

@@ -0,0 +1 @@
+graphql resolver

package/templates/nest/src/simpleapp/simpleapp.module.ts.eta

@@ -13,6 +13,7 @@ import { AuditTrail } from './generate/commons/audittrail.service';
 <% for(let i=0;i<it.modules.length; i++){ %>
 <% let obj = it.modules[i]%>
 import { <%= obj.docname %>Service } from './services/<%= obj.doctype %>.service';    
+import { <%= obj.docname %>Resolver } from './generate/resolvers/<%= obj.doctype %>.resolver';    
 import { <%= obj.docname %>Controller } from './generate/controllers/<%= obj.doctype %>.controller';    
 import { <%= obj.docname %>MongoSchema } from './generate/models/<%= obj.doctype %>.model';
 <%}%>
@@ -45,12 +46,18 @@ import { <%=capitalizeFirstLetter(bpmn)%>ListenerService } from 'src/simpleapp/w
   ],
   controllers: [<% for(let i=0;i<it.modules.length; i++){ %><%= it.modules[i].docname %>Controller,<%}%> ProfileController,WorkflowController],
   providers: [
-    AuditTrail,DocNumberFormatGenerator,<% for(let i=0;i<it.modules.length; i++){ %><%= it.modules[i].docname %>Service,<%}%> ProfileService,WorkflowDelegate,WorkflowConfig,WorkflowService,WorkflowUserService,
+    AuditTrail,DocNumberFormatGenerator,<% for(let i=0;i<it.modules.length; i++){ %>
+      <%= it.modules[i].docname %>Service,
+      <%= it.modules[i].docname %>Resolver,
+      <%}%> ProfileService,WorkflowDelegate,WorkflowConfig,WorkflowService,WorkflowUserService,
      <%for(let i=0; i<it.allbpmn.length;i++){%>
         <%let bpmn = it.allbpmn[i]%>
         <%=capitalizeFirstLetter(bpmn)%>ListenerService,
     <%}%>
   ],
-  exports:[AuditTrail,DocNumberFormatGenerator,<% for(let i=0;i<it.modules.length; i++){ %><%= it.modules[i].docname %>Service,<%}%> ProfileService,WorkflowDelegate,WorkflowConfig,WorkflowService,WorkflowUserService,]
+  exports:[AuditTrail,DocNumberFormatGenerator,<% for(let i=0;i<it.modules.length; i++){ %>
+    <%= it.modules[i].docname %>Service,
+    <%= it.modules[i].docname %>Resolver,
+    <%}%> ProfileService,WorkflowDelegate,WorkflowConfig,WorkflowService,WorkflowUserService,]
 })
 export class GenerateModule {}

package/templates/nuxt/app.vue._eta

@@ -1,6 +1,7 @@
 <template>
   <NuxtLayout :name="getLayout()">      
     <SessionBlock/>
+    <OverlayHoldscreen/>
     <EventDocumentViewer></EventDocumentViewer>      
     <EventDecision/>
     <EventNotification/>
@@ -12,13 +13,15 @@
 /**
  * This file was automatically generated by simpleapp generator. Every
  * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-11-12
+ * last change 2024-03-17
  * Author: Ks Tan
  */
+
 watch(()=>useRoute().params['xorg'],async (newval,oldvalue)=>{
   await reloadUserStore()  
   if(getPathPara('xorg','')!=''){
     if(!getUserProfile()?.currentGroup) goTo('pickgroup')
+    setGraphqlServer()
   }  
 })
 
@@ -35,6 +38,10 @@ const getLayout = ()=>{
 onMounted(()=>{
   const currentgroup = useCookie('currentGroup').value
   //if no xorg, no enforce pick group
-  if(getCurrentXorg() &&  !currentgroup)  goTo('pickgroup')
+  if(getCurrentXorg()){
+    if (!currentgroup)goTo('pickgroup')
+    setGraphqlServer()
+  }
+    
 })
 </script>

package/templates/nuxt/components/calendar/CalendarByResource.vue.eta

@@ -5,7 +5,7 @@
     :disable-views="['years', 'year', 'month', 'week']"
     :time-from="8 * 60"
     :time-to="22 * 60"
-    :time-step="60"
+    :time-step="30"
     active-view="day"
     :snap-to-time="15"
     hide-view-selector

package/templates/nuxt/components/mobile/MobileToolbar.vue.eta

@@ -1,15 +1,15 @@
-<template>  
-    <div v-bind="$attrs"
-      class="w-full dark:bg-gray-800 z-20 justify justify-between absolute h h-14 flex flex-row place-items-center opacity-90 dark:text-white"
-    >
-      <div class="text-left"><slot name="start"></slot></div>
-      <div class="flex-1 text-center line-clamp-2">
-        <slot name="center"></slot>
-      </div>
-      <div class="text-right"><slot name="end"></slot></div>
+<template>
+  <div
+    v-bind="$attrs"
+    class="w-full bg-gray-800 dark:bg-gray-800 z-20 justify justify-between absolute h h-14 flex flex-row place-items-center opacity-90 dark:text-white text-white"
+  >
+    <div class="text-left "><slot name="start"></slot></div>
+    <div class="flex-1 text-center line-clamp-2">
+      <slot name="center"></slot>
     </div>
-    <div class="h-14"></div>
-  
+    <div class="text-right"><slot name="end"></slot></div>
+  </div>
+  <div class="h-14"></div>
 </template>
 <script setup lang="ts">
 /**

package/templates/nuxt/components/overlay/OverlayHoldscreen.vue._eta

@@ -0,0 +1,26 @@
+<template>
+    <Dialog modal v-model:visible="visible" :closable="false" 
+        :pt="{
+            root:{class:'w-auto'},            
+            }">
+        <div class=" items-center justify-center flex flex-col ">
+            <ProgressSpinner />
+        </div>
+        
+    </Dialog>
+</template>
+<script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-03-13
+ * Author: Ks Tan
+ */
+const visible = ref(false)
+onMounted(()=>{
+
+    useNuxtApp().$listen('HoldScreen',(ishold)=>{
+        visible.value=ishold
+    })
+})
+</script>

package/templates/nuxt/components/renderer/RendererDate.vue.eta

@@ -1,5 +1,5 @@
 <template>
-  <span v-if="modelValue">{{ toLocalDate(modelValue) }}</span>
+  <span v-if="modelValue">{{ toUTCDate(modelValue) }}</span>
   <span v-else>-</span>
 </template>
 <script lang="ts" setup>

package/templates/nuxt/components/renderer/RendererDateTime.vue.eta

@@ -1,5 +1,5 @@
 <template>
-  <span v-if="modelValue">{{ toLocalDateTime(modelValue) }}</span>
+  <span v-if="modelValue">{{ toUTCDateTime(modelValue) }}</span>
   <span v-else>-</span>
 </template>
 <script lang="ts" setup>

package/templates/nuxt/components/renderer/RendererForeignKey.vue.eta

@@ -14,14 +14,14 @@
 /**
  * This file was automatically generated by simpleapp generator during initialization.
  * DONT CHANGE THIS FILE CAUSE IT OVERRIDE
- * last change 2024-02-04
+ * last change 2024-04-14
  * author: Ks Tan
  */
-import { ForeignKey, FormCrudEvent } from "~/types";
+import { ForeignKey, FormCrudEvent, SimpleAppDocumentType } from "~/types";
 
-type SettingProp = { collection: string; displayField?: string };
+type SettingProp = { collection: SimpleAppDocumentType; displayField?: string };
 const modelValue = defineModel<ForeignKey>();
-const emits = defineEmits(['after'])
+const emits = defineEmits(["after"]);
 const props = defineProps<{ setting: SettingProp }>();
 const displayText = computed(() => {
   const s = props.setting;
@@ -44,9 +44,9 @@ const viewRecord = () => {
     documentName: props.setting.collection,
     viewer: viewer.value,
     readonly: true,
-    after: async(actionName:FormCrudEvent,data)=>{
-      emits('after',actionName,data)
-    }
+    after: async (actionName: FormCrudEvent, data) => {
+      emits("after", actionName, data);
+    },
   });
 };
 </script>

package/templates/nuxt/components/renderer/RendererMoney.vue.eta

@@ -1,11 +1,13 @@
-
 <template>
-    <span v-if="showCurrency"> {{ Intl.NumberFormat(  useI18n().defaultLocale,{
-        style:'currency',
-        currency: getUserProfile()?.currency,
-        currencyDisplay: 'symbol',        
-    }).format(modelValue) }}</span>
-    <span v-else> {{ modelValue.toLocaleString(useI18n().defaultLocale,options) }}</span>
+  <span v-if="typeof modelValue=='undefined' || typeof modelValue=='string' ">-</span>
+  <span v-else-if="showCurrency">
+    {{
+      currenyValue
+    }}</span
+  >
+  <span v-else>
+    {{ modelValue.toLocaleString(useI18n().defaultLocale, options) }}</span
+  >
 </template>
 <script lang="ts" setup>
 /**
@@ -14,12 +16,19 @@
  * last change 2024-02-04
  * author: Ks Tan
  */
-
+const currenyValue = computed(()=>{
+  if(modelValue.value === undefined) return '-'
+  return Intl.NumberFormat(useI18n().defaultLocale, {
+        // style: "currency",
+        // currency: getUserProfile()?.currency ?? '',
+        // currencyDisplay: "symbol",
+      }).format(modelValue.value)
+})
 const options = {
-  style: 'decimal',  // Other options: 'currency', 'percent', etc.
+  style: "decimal", // Other options: 'currency', 'percent', etc.
   minimumFractionDigits: 2,
   maximumFractionDigits: 2,
 };
-const modelValue = defineModel<number>({required:true})
-const props = defineProps<{showCurrency?:boolean}>()
-</script>
+const modelValue = defineModel<number>({ required: true });
+const props = defineProps<{ showCurrency?: boolean }>();
+</script>