@simitgroup/simpleapp-generator 1.6.3-alpha → 1.6.4-alpha

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

@@ -6,7 +6,11 @@
  */
 import { UserContext } from '../commons/user.context';
 import * as sharelibs from '../sharelibs';
-import { Injectable, Inject,InternalServerErrorException } from '@nestjs/common';
+import {
+  Injectable,
+  Inject,
+  InternalServerErrorException,
+} from '@nestjs/common';
 import { InjectModel } from '@nestjs/mongoose';
 import * as jsonpath from 'jsonpath';
 import { Model } from 'mongoose';
@@ -17,7 +21,7 @@ import { DocNumberFormatGenerator } from '../commons/docnogenerator.service';
 import { AutoincreamentService } from '../../services/autoinc.service';
 import { alldocuments } from '../commons/dicts/documents';
 import { Docnoformat, DocnoformatService } from '../../services/docno.service';
-import { BranchOrganization, Branch,BranchHooks } from '../types/branch.type';
+import { BranchOrganization, Branch, BranchHooks } from '../types/branch.type';
 import {
   DefaultBranchOrganization,
   DefaultBranch,
@@ -32,9 +36,11 @@ export class BranchProcessor extends SimpleAppService<Branch> {
   protected strictIsolation = false;
   protected documentIdentityCode = 'branchCode';
   protected documentIdentityLabel = 'branchName';
-  protected hooks: BranchHooks = {        
-    beforeCreate: async (appuser: UserContext, data: Branch) => await this.branchBeforeCreate(appuser,data),
-    afterCreate: async (appuser: UserContext, data: Branch) => await this.branchAfterCreate(appuser,data),
+  protected hooks: BranchHooks = {
+    beforeCreate: async (appuser: UserContext, data: Branch) =>
+      await this.branchBeforeCreate(appuser, data),
+    afterCreate: async (appuser: UserContext, data: Branch) =>
+      await this.branchAfterCreate(appuser, data),
   };
   protected foreignkeys = { organization: ['$.organization._id'] };
   constructor(mydoc: Model<Branch>) {
@@ -74,7 +80,7 @@ export class BranchProcessor extends SimpleAppService<Branch> {
     const docformats = alldocuments.filter((item) => item.docNumber);
     for (let i = 0; i < docformats.length; i++) {
       const doc = docformats[i];
-      const pattern = `${doc.docType}-${branchCode}-[00000]`;
+      const pattern = doc.docNoPattern.replace('@BranchCode',branchCode);
       const formatdata: Docnoformat = {
         _id: crypto.randomUUID(),
         docNoFormatNo: `${doc.docType}-${branchCode}`,

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

@@ -43,7 +43,7 @@ import {
   WorkflowName,
 } from '../types';
 @Injectable()
-export class SimpleAppService<T extends { _id?: string, __v?:number }> {
+export class SimpleAppService<T extends { _id?: string; __v?: number }> {
   @Inject(EventEmitter2)
   protected eventEmitter: EventEmitter2;
   @Inject(CloudApiService)
@@ -53,7 +53,12 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
   protected hooks: DefaultHooks<T> = {};
   protected logger = new Logger();
   protected strictIsolation = true;
-  protected jsonschema = { type: 'object', properties: {}, required: [] };
+  protected jsonschema: any = {
+    type: 'object',
+    'x-simpleapp-config': {},
+    properties: {},
+    required: [],
+  };
   protected documentIdentityCode = 'code';
   protected documentIdentityLabel = 'label';
   protected documentName = '-unknowndocname-';
@@ -97,6 +102,7 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
   getRecordId = (): string => this.data._id;
   setSchema = (newschema) => (this.jsonschema = newschema);
   getSchema = () => this.doc.schema.obj;
+  getJsonSchema = () => this.jsonschema;
   getHooks = () => this.hooks;
   getData = () => {
     //console.log('thisdata', this.data);
@@ -225,7 +231,9 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
 
         Object.assign(pipeline[0]['$match'], isolationFilter);
         //console.log("final agg",pipeline)
-        return await this.doc.aggregate(pipeline);
+        return await this.doc.aggregate(pipeline, {
+          session: appuser.getDBSession(),
+        });
       } catch (err) {
         throw new InternalServerErrorException(err);
       }
@@ -238,8 +246,9 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
   async search(
     appuser: UserContext,
     filters: FilterQuery<T>,
-    projection: ProjectionType<T> = undefined,
+    projection: string[] = undefined,
     sort: any = undefined,
+    lookup: { [key: string]: string } = undefined,
   ) {
     try {
       const isolationFilter = { ...this.getIsolationFilter(appuser) };
@@ -252,24 +261,47 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
         await this.hooks.beforeSearch(appuser, newfilters);
       // console.log("before _find",newfilters)
       // console.log("this.doc",this.doc)
-      const products = await this.doc
-        .find(newfilters, projection, { session: appuser.getDBSession() })
-        .sort(sort);
-      // console.log("after search",products)
-      const productlist = products.map((p: T) => {
+      let searchResults: T[] = [];
+      if (lookup === undefined) {
+        this.logger.debug('after search', newfilters);
+        searchResults = await this.doc
+          .find(newfilters, projection, { session: appuser.getDBSession() })
+          .sort(sort);
+      } else {
+        const pipelines = this.searchToAggregate(
+          filters,
+          projection,
+          sort,
+          lookup,
+        );
+        this.logger.debug('after aggregate', pipelines);
+
+        searchResults = await this.aggregate(appuser, pipelines);
+      }
+
+      const list: T[] = searchResults.map((p: T) => {
         return p;
       });
       // console.log("after map",productlist)
-      if (this.hooks.afterSearch)
-        await this.hooks.afterSearch(appuser, productlist);
+      if (this.hooks.afterSearch) await this.hooks.afterSearch(appuser, list);
 
       //   console.log(products);
-      return productlist;
+      return list;
     } catch (err) {
       throw new BadRequestException(err.message);
     }
     // return this;
   }
+
+  async fullTextSearch(appuser: UserContext, keyword: string) {
+    const isolationFilter = { ...this.getIsolationFilter(appuser) };
+    this.polishIsolationFilter(isolationFilter);
+
+    const filters = { $text: { $search: keyword } };
+    const newfilters: FilterQuery<T> = { ...filters, ...isolationFilter };
+
+    return await this.doc.find(newfilters);
+  }
   async findById(appuser: UserContext, id: string) {
     if (this.hooks.beforeFetchRecord)
       await this.hooks.beforeFetchRecord(appuser, id);
@@ -364,6 +396,7 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
     // result = await newdoc.save()
     try {
       if (this.hooks.afterCreate) await this.hooks.afterCreate(appuser, result);
+      this.callWebhook(appuser, 'create', result);
       return result as T;
     } catch (err) {
       throw new InternalServerErrorException(
@@ -416,6 +449,7 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
     ajv.addFormat('text', /.*$/);
     ajv.addFormat('html', /.*$/);
     ajv.addFormat('documentno', /.*$/);
+    ajv.addFormat('money', /.*$/);
 
     ajv.addKeyword({ keyword: 'x-foreignkey', schemaType: 'string' });
     ajv.addKeyword({ keyword: 'x-simpleapp-config', schemaType: 'object' });
@@ -524,6 +558,7 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
         if (this.hooks.afterDelete)
           await this.hooks.afterDelete(appuser, deleteresult, id);
         //this.doc.findByIdAndDelete(id);
+        this.callWebhook(appuser, 'delete', deletedata);
         return deleteresult;
       } else {
         this.logger.debug('reject query', dependency);
@@ -544,11 +579,13 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
     const existingdata = await this.findById(appuser, id);
 
     //version exists, need ensure different only 1
-    if(typeof data.__v=='number' && data.__v != existingdata.__v ){
-      throw new BadRequestException(`You submit older version data "v${data.__v}"" but latest version = "v${existingdata.__v}"`)
+    if (typeof data.__v == 'number' && data.__v != existingdata.__v) {
+      throw new BadRequestException(
+        `You submit older version data "v${data.__v}"" but latest version = "v${existingdata.__v}"`,
+      );
     }
 
-    data.__v = existingdata.__v+1
+    data.__v = existingdata.__v + 1;
     if (!existingdata) {
       throw new NotFoundException(`${id} not found`, 'not found');
     }
@@ -582,6 +619,7 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
       appuser.addUpdatedRecordId(this.documentName, data._id);
       if (this.hooks.afterUpdate)
         await this.hooks.afterUpdate(appuser, id, existingdata, result);
+      this.callWebhook(appuser, 'update', result);
       return result; // await this.findById(appuser, id);
     } catch (err) {
       this.logger.error(err);
@@ -599,12 +637,13 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
     if (!existingdata) {
       throw new NotFoundException(`${id} not found`, 'not found');
     }
-    if(typeof data.__v=='number' && data.__v != existingdata.__v ){
-      throw new BadRequestException(`You submit older version data "v${data.__v}"" but latest version = "v${existingdata.__v}"`)
+    if (typeof data.__v == 'number' && data.__v != existingdata.__v) {
+      throw new BadRequestException(
+        `You submit older version data "v${data.__v}"" but latest version = "v${existingdata.__v}"`,
+      );
     }
 
-    data.__v = existingdata.__v+1
-
+    data.__v = existingdata.__v + 1;
 
     if (this.hooks.beforeUpdate)
       await this.hooks.beforeUpdate(appuser, id, data, existingdata);
@@ -641,6 +680,7 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
 
       if (this.hooks.afterUpdate)
         await this.hooks.afterUpdate(appuser, id, existingdata, result);
+      this.callWebhook(appuser, 'update', result);
       return result; //await this.findById(appuser, id);
     } catch (err) {
       throw new InternalServerErrorException(err.message);
@@ -744,6 +784,7 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
       if (this.hooks.afterSetStatus)
         await this.hooks.afterSetStatus(appuser, docstatus, finaldata);
 
+      this.callWebhook(appuser, docstatus, finaldata);
       return updateresult;
     }
   }
@@ -928,4 +969,64 @@ export class SimpleAppService<T extends { _id?: string, __v?:number }> {
     const pdfresult = await this.printapi.getBase64Pdf(appuser, formatid, id);
     return pdfresult;
   }
+
+  searchToAggregate(
+    filter: FilterQuery<T>,
+    columns: string[],
+    sort: string[][],
+    lookup: { [key: string]: string },
+  ) {
+    const pipelines: PipelineStage[] = [];
+    const projection = {};
+    // console.log('sortsort', sort);
+
+    pipelines.push({ $match: filter });
+    if (Array.isArray(columns) && columns.length > 0) {
+      columns.forEach((col) => {
+        projection[col] = 1;
+      });
+    }
+
+    const collections = Object.keys(lookup);
+    collections.forEach((tokey: string) => {
+      const toarr = tokey.split('.');
+      const to = toarr[0];
+      const foreignField = toarr[1] ?? '_id';
+      pipelines.push({
+        $lookup: {
+          from: to,
+          as: '_' + to,
+          localField: lookup[tokey],
+          foreignField: foreignField,
+        },
+      });
+      pipelines.push({ $unwind: '$_' + to });
+
+      if (Object.keys(projection).length > 0) projection['_' + to] = 1;
+    });
+
+    if (Object.keys(projection).length > 0)
+      pipelines.push({ $project: projection });
+
+    if (Array.isArray(sort) && sort.length > 0) {
+      const sortobj = {};
+      sort.forEach((item) => {
+        sortobj[item[0]] = item[1].toLowerCase() == 'asc' ? 1 : -1;
+      });
+      pipelines.push({ $sort: sortobj });
+    }
+    // console.log('pipelinespipelinespipelines', pipelines);
+
+    return pipelines;
+  }
+
+  callWebhook(appuser: UserContext, actionName: string, data: any) {
+    this.eventEmitter.emit(
+      'webhook',
+      appuser,
+      this.documentName,
+      actionName,
+      data,
+    );
+  }
 }

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

@@ -30,17 +30,19 @@ export type DocumentStatus = {
     formula:string  //example "jslib.getDocumentSubTotal(@F{$.details})"
   } 
 export type SchemaConfig = {
-    isolationType: IsolationType  
+    isolationType: string  
     requiredRoles?:string[]
     pageType?: string  
     uniqueKey?:string  
     uniqueKeys?:string[][]
     documentTitle?:string 
     generateDocumentNumber?:boolean
+    docNoPattern?:string
     documentDate?:string
     allStatus?:DocumentStatus[]
     additionalApis?:DocumentApi[]      
     additionalAutoCompleteFields ?: string[]
+    search?:string[]
     // libs?:ImportLibs[]   // both process class and frontend client class will import same lib
     formulas?: Formula[]  
     documentType: string

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

@@ -27,6 +27,7 @@ export type SearchBody = {
   fields?: any[];
 
   sorts?: any[];
+  lookup?:Object;
 };
 
 export enum IsolationType {

package/templates/nest/src/simpleapp/profile/profile.controller.ts.eta

@@ -160,4 +160,23 @@ export class ProfileController {
       throw new HttpException('Forbidden', HttpStatus.FORBIDDEN);
     }
   }
+  @Post('/tour-complete/:guidename')
+  @Roles(Role.User)
+  @ApiOperation({
+    operationId: 'runTourComplete',
+    description: 'complete specific tour guide',
+  })
+  @ApiResponse({ status: 201, type: Object, description: 'Success' })
+  async runTourComplete(
+    @AppUser() appuser: UserContext,
+    @Param('guidename') guidename: string,
+    
+  ) {
+    const result = await this.profileservice.runTourComplete(appuser,guidename,);
+    if (result) {
+      return result;
+    } else {
+      throw new HttpException('Forbidden', HttpStatus.FORBIDDEN);
+    }
+  }
 }

package/templates/nest/src/simpleapp/profile/profile.service.ts.eta

@@ -5,8 +5,8 @@
  * Author: Ks Tan
  */
 import { UserService, User } from './../services/user.service';
-import countrytimezone from 'countries-and-timezones'
-import countryToCurrency, { Currencies, Countries } from "country-to-currency";
+import countrytimezone from 'countries-and-timezones';
+import countryToCurrency, { Currencies, Countries } from 'country-to-currency';
 import {
   Injectable,
   Scope,
@@ -91,14 +91,14 @@ export class ProfileService {
     appuser: UserContext,
     tenantName: string,
     timeZone: string,
-    utcOffset: number
+    utcOffset: number,
   ) {
     // try{
-    const timezonedata = countrytimezone.getCountriesForTimezone(timeZone)[0]
-    const countryCode  = timezonedata['id']
-    const countryName  = timezonedata['name']
-    const currencyCode = countryToCurrency[countryCode]
-    
+    const timezonedata = countrytimezone.getCountriesForTimezone(timeZone)[0];
+    const countryCode = timezonedata['id'];
+    const countryName = timezonedata['name'];
+    const currencyCode = countryToCurrency[countryCode];
+
     appuser.getDBSession().startTransaction();
     const tenantdata: Tenant = {
       tenantId: 1,
@@ -245,4 +245,26 @@ export class ProfileService {
   async getSession(appuser: UserContext) {
     return 'OK';
   }
+
+  
+   async runTourComplete(appuser: UserContext, guideName: string) {
+    if (!guideName || guideName == '')
+      throw new BadRequestException('undefine guideName');
+
+    const user = await this.usersvc.findById(
+      appuser,
+      appuser.getId(),
+    );
+    if(!Array.isArray(user.completedTours)){
+        user.completedTours=[]
+      }
+
+    if (!user.completedTours.includes(guideName)) {
+      
+      user.completedTours.push(guideName);            
+      const res = await this.usersvc.findIdThenUpdate(appuser, user._id, user);
+    }
+
+    return 'ok';
+  }
 }

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

@@ -10,7 +10,7 @@ import {DocNumberFormatGenerator} from './generate/commons/docnogenerator.servic
 import { AuditTrail } from './generate/commons/audittrail.service';
 import { CloudapiModule } from 'src/cloudapi/cloudapi.module';
 import { PrintapiModule } from 'src/printapi/printapi.module';
-
+import { RunWebhookService } from 'src/simpleapp/generate/commons/runwebhook.service'
 import { UserResolverService } from './services/userresolver.service';
 // auto import modules
 <% for(let i=0;i<it.modules.length; i++){ %>
@@ -53,6 +53,7 @@ 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: [
     SimpleAppRobotUserService,
+    RunWebhookService,
     AuditTrail,DocNumberFormatGenerator,<% for(let i=0;i<it.modules.length; i++){ %>
       <%= it.modules[i].docname %>Service,
       <%= it.modules[i].docname %>Resolver,

package/templates/nuxt/assets/css/calendar.css._eta

@@ -5,6 +5,9 @@
  * author: Ks Tan
  */
 /* calendar */
+.vuecal .p-button{
+  color: initial;
+}
 
 #monthviewcal .vuecal__cell--current,
 #monthviewcal .vuecal__cell--today {

package/templates/nuxt/assets/css/style.css._eta

@@ -9,7 +9,7 @@
    @apply bg-gray-100  dark:bg-slate-800 dark:text-gray-300
 }
 
-[disabled=true],input[disabled] ,input[readonly] ,textarea[readonly]{
+[disabled=true],input[disabled] ,input[readonly] ,textarea[readonly], .p-dropdown[readonly]{
     @apply bg-gray-300 dark:bg-gray-600
 }
 

package/templates/nuxt/assets/primevue/passthrough.ts._eta

@@ -24,7 +24,12 @@ const CustomTailwind = usePassThrough(
             root:{class:'bg-white dark:bg-gray-800  shadow p-2 rounded-2xl'},
             // title:{class:''},
             // header:{class:''}
-        },       
+        },     
+        fieldset:{
+            root:{class:'border p-2 mt-1'},
+            legend:{class:''},
+            content:{class:'p-2'}
+        },  
         // tabview:{
             // tabpanel:{
             //     headeraction:{class:'p-tabview-nav-link p-tabview-header-action items-center cursor-pointer flex overflow-hidden relative select-none text-decoration-none select-none border-b-2 p-5 font-bold rounded-t-md transition-shadow duration-200 m-0 transition-colors duration-200  bg-white border-blue-500 text-blue-500 dark:bg-gray-600 dark:border-blue-300 dark:text-blue-300'}

package/templates/nuxt/components/button/ButtonAction.vue._eta

@@ -1,66 +1,67 @@
 <template>
   <ButtonDefault v-if="!actionName" :animate="animate">
-    <i :class="getIcon()"/><slot></slot>def</ButtonDefault
+    <i :class="getIcon()" /><slot></slot>def</ButtonDefault
   >
   <ButtonPrimary
-    v-else-if="['create', 'update','confirm'].includes(actionName)"
+    v-else-if="['create', 'update', 'confirm'].includes(actionName)"
     :animate="animate"
-    >
-    <i :class="getIcon()"/>
+  >
+    <i :class="getIcon()" />
     <slot></slot
   ></ButtonPrimary>
-  
+
   <ButtonDanger
     v-else-if="['delete', 'void'].includes(actionName)"
     :animate="animate"
-    >
-    <i :class="getIcon()"/>
+  >
+    <i :class="getIcon()" />
     <slot></slot>
   </ButtonDanger>
   <ButtonWarning v-else-if="['draft'].includes(actionName)" :animate="animate">
-    <i :class="getIcon()"/>
+    <i :class="getIcon()" />
     <slot></slot>
-  </ButtonWarning>  
-  <ButtonDefault
-    v-else
-    :animate="animate"
-    >
-    <i :class="getIcon()"/>
+  </ButtonWarning>
+  <ButtonSecondary v-else-if="actionName == 'print'">
+    <i :class="getIcon()" />
+    <slot></slot
+  ></ButtonSecondary>
+  <ButtonDefault v-else :animate="animate">
+    <i :class="getIcon()" />
     <slot></slot
   ></ButtonDefault>
 </template>
 <script setup lang="ts">
 /**
  * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
  * last change 2024-03-01
  * author: Ks Tan
  */
 
 const props = defineProps<{ actionName?: string; animate?: boolean }>();
-const getIcon = ()=>{
-  let cssname='mr-1 pi ';
-  switch(props.actionName){
-    case 'create': 
-    case 'update': 
-      cssname+='pi-save';
-    break;
-    case 'delete':
-      cssname+='pi-trash';
-    break;
-    case 'print':
-      cssname+='pi-file-pdf';
-    break;
-    case 'confirm':
-      cssname+='pi-check';
-    break;
-    case 'void':
-      cssname+='pi-file-excel';
-    break;
-    case 'draft':
-      cssname+='pi-file-edit';
-    break;
+const getIcon = () => {
+  let cssname = "mr-1 pi ";
+  switch (props.actionName) {
+    case "create":
+    case "update":
+      cssname += "pi-save";
+      break;
+    case "delete":
+      cssname += "pi-trash";
+      break;
+    case "print":
+      cssname += "pi-file-pdf";
+      break;
+    case "confirm":
+      cssname += "pi-check";
+      break;
+    case "void":
+      cssname += "pi-file-excel";
+      break;
+    case "draft":
+      cssname += "pi-file-edit";
+      break;
   }
-  return cssname
-}
-
+  return cssname;
+};
 </script>

package/templates/nuxt/components/button/ButtonDanger.vue._eta

@@ -1,12 +1,20 @@
 <template>
   <Button
     v-if="isMobile()"
-    :class="`w-full rounded-full text-center block dark:bg-danger-600 bg-danger-600 active:dark:bg-danger-400 text-white ${animate ? 'animate-bounce' :'' }`"
+    severity="danger"
+    :class="`w-full rounded-full text-center block  ${
+      animate ? 'animate-bounce' : ''
+    }`"
     @click="onActivate"
   >
     <slot></slot>
   </Button>
-  <Button v-else :class="`btn-danger ${animate ? 'animate-bounce' :'' }`" @click="onActivate">
+  <Button
+    v-else
+    severity="danger"
+    :class="`${animate ? 'animate-bounce' : ''}`"
+    @click="onActivate"
+  >
     <slot></slot>
   </Button>
 </template>
@@ -18,7 +26,7 @@
  * author: Ks Tan
  */
 const emits = defineEmits(["click"]);
-const props = defineProps<{animate?:boolean}>()
+const props = defineProps<{ animate?: boolean }>();
 const onActivate = (e: Event) => {
   emits("click", e);
 };

package/templates/nuxt/components/button/ButtonDefault.vue._eta

@@ -1,12 +1,20 @@
 <template>
   <Button
     v-if="isMobile()"
-    :class="`w-full rounded-full text-center block dark:bg-gray-600 bg-gray-600 active:dark:bg-gray-400 text-white ${animate ? 'animate-bounce' :'' }`"
+    severity="secondary"
+    :class="`w-full rounded-full text-center block  ${
+      animate ? 'animate-bounce' : ''
+    }`"
     @click="onActivate"
   >
     <slot></slot>
   </Button>
-  <Button v-else :class="`btn-default ${animate ? 'animate-bounce' :'' }`" @click="onActivate">
+  <Button
+    v-else
+    severity="secondary"
+    :class="`${animate ? 'animate-bounce' : ''}`"
+    @click="onActivate"
+  >
     <slot></slot>
   </Button>
 </template>
@@ -18,7 +26,7 @@
  * author: Ks Tan
  */
 const emits = defineEmits(["click"]);
-const props = defineProps<{animate?:boolean}>()
+const props = defineProps<{ animate?: boolean }>();
 const onActivate = (e: Event) => {
   emits("click", e);
 };

package/templates/nuxt/components/button/ButtonPrimary.vue._eta

@@ -1,12 +1,18 @@
 <template>
   <Button
     v-if="isMobile()"
-    :class="`w-full rounded-full text-center block dark:bg-primary-600 bg-primary-600 active:dark:bg-primary-400 text-white ${animate ? 'animate-bounce' :'' }`"
+    :class="`w-full rounded-full text-center block dark:bg-primary-600 bg-primary-600 active:dark:bg-primary-400 text-white ${
+      animate ? 'animate-bounce' : ''
+    }`"
     @click="onActivate"
   >
     <slot></slot>
   </Button>
-  <Button v-else :class="`btn-primary ${animate ? 'animate-bounce' :'' }`" @click="onActivate">
+  <Button
+    v-else
+    :class="`btn-primary ${animate ? 'animate-bounce' : ''}`"
+    @click="onActivate"
+  >
     <slot></slot>
   </Button>
 </template>
@@ -18,7 +24,7 @@
  * author: Ks Tan
  */
 const emits = defineEmits(["click"]);
-const props = defineProps<{animate?:boolean}>()
+const props = defineProps<{ animate?: boolean }>();
 const onActivate = (e: Event) => {
   emits("click", e);
 };