@simitgroup/simpleapp-generator 1.0.59 → 1.0.60

package/templates/nuxt/pages/[xorg]/user.vue.eta

@@ -0,0 +1,197 @@
+<script setup lang="ts">
+/**
+ * invite user into current tenant (put user into user catalogue)
+ * 1. user accept then have uid
+ * 2. no uid user will put at invite place
+ *
+ */
+// import userchild from './userchild.vue'
+import Menu from "primevue/menu";
+import Dialog from "primevue/dialog";
+import { SearchBody, EventType } from "~/types";
+import _ from "lodash";
+import Panel from "primevue/panel";
+import { ref } from "vue";
+import {
+  UserListItem,
+  BranchListItem,
+  OrgListItem,
+  PermissionListItem,
+} from "~/types";
+import SelectButton from "primevue/selectbutton";
+import Button from "primevue/button";
+import InputText from "primevue/inputtext";
+import Card from "primevue/card";
+import TabView from "primevue/tabview";
+import TabPanel from "primevue/tabpanel";
+import { Permission, User } from "~/simpleapp/generate/openapi/api";
+import BlockUI from "primevue/blockui";
+
+//initialize api
+const {
+  $listen,
+  $PermissionDoc,
+  $OrganizationDoc,
+  $BranchDoc,
+  $UserDoc,
+  // $InvitationDoc,
+} = useNuxtApp();
+
+const permdoc = $PermissionDoc();
+const orgdoc = $OrganizationDoc();
+const branchdoc = $BranchDoc();
+// const invitedoc = $InvitationDoc();
+const userdoc = $UserDoc();
+const userdata = userdoc.getReactiveData();
+//initialize require list in UI
+const permlist = ref<PermissionListItem[]>([]);
+const userlist = ref<UserListItem[]>([]);
+const orglist = ref<OrgListItem[]>([]);
+const branchlist = ref<BranchListItem[]>([]);
+const currentpermissions = ref<Permission[]>([]);
+const grouplist = getAllGroups().map((item) => {
+  return { value: item, label: _.capitalize(item) };
+});
+
+//initialize some runtime variable
+const blockscreen = ref(false);
+const inviteemail = ref("");
+const selected = ref("");
+const activeuser = ref("");
+const showpermissioninfo = ref(false);
+const permissionselected = ref();
+
+/**
+ * 1. get all users from this tenant
+ * @param resetpage after reload, will it reset user interface or remain as current
+ */
+const refreshList = async (resetpage: boolean = true) => {
+  const items: any[] = [];
+  const searchbody: SearchBody = {
+    fields: [
+      "uid",
+      "email",
+      "created",
+      "fullname",
+      "active",
+      "lastActivity",
+      "description",
+    ],
+  };
+  userlist.value = await userdoc.search(searchbody);
+  //listUser();
+  // userlist.value = _.uniqBy(permlist.value, "uid");
+  if (resetpage) {
+    selected.value = "";
+    activeuser.value = "";
+  }
+  blockscreen.value = false;
+  // console.log("userlist", userlist.value);
+};
+
+/**
+ * identity branch object under org
+ * @param org object of org
+ * @param branch object of branch
+ */
+
+/**
+ * generate dialog for view each user group have what permission
+ */
+const previewPermission = () => {
+  showpermissioninfo.value = true;
+};
+
+/***** send or remove invitation  ******/
+
+const invite = async () => {
+  // const invitedata:User = {}
+  const currentuser = getUserProfile();
+  const inviteuserdoc = $UserDoc();
+  inviteuserdoc.setNew();
+  const newuserdata = inviteuserdoc.getReactiveData();
+  newuserdata.value.email = inviteemail.value;
+  newuserdata.value.fullname = inviteemail.value.split("@")[0];
+  newuserdata.value.active = true;
+  newuserdata.value.tenantId = currentuser.tenantId;
+  newuserdata.value.orgId = currentuser.orgId;
+  newuserdata.value.branchId = currentuser.branchId;
+
+  const invitedata = await inviteuserdoc.create();
+  inviteemail.value = "";
+  await refreshList();
+  // onSelectUser(invitedata);
+};
+
+$listen("RefreshUser", () => {
+  refreshList();
+});
+onMounted(() => {  
+  refreshList();
+});
+</script>
+<template>
+  <div class="grid grid-cols-4">
+    <div v-if="userlist" class="m-2 p-2 border-r-2">
+      <TabView>
+        <TabPanel header="Active">
+          <ul role="list" class="divide-y divide-gray-100">
+            <li v-for="item in userlist" :key="item.email">
+              <NuxtLink
+                v-if="item.uid && item.active"
+                :to="`${getPageBaseUrl('user')}/${item._id}`"
+              >
+                <UserProfileListItem :data="item"></UserProfileListItem>
+              </NuxtLink>
+            </li>
+          </ul>
+        </TabPanel>
+        <TabPanel header="Inactive">
+          <ul role="list" class="divide-y divide-gray-100">
+            <li v-for="item in userlist" :key="item.email">
+              <NuxtLink
+                v-if="item.uid && !item.active"
+                :to="`${getPageBaseUrl('user')}/${item._id}`"
+              >
+                <UserProfileListItem :data="item"></UserProfileListItem>
+              </NuxtLink>
+            </li>
+          </ul>
+        </TabPanel>
+        <TabPanel header="Invite">
+          <div class="padding p-2">
+            <form @submit.prevent="true" class="w-full">
+              <div class="p-inputgroup flex-1">
+                <InputText
+                  type="email"
+                  placeholder="email"
+                  v-model="inviteemail"
+                />
+                <Button
+                  label="Search"
+                  class="hover:bg-primary-400 bg-primary-600 text-white"
+                  @click="invite"
+                >
+                  Invite
+                </Button>
+              </div>
+            </form>
+          </div>
+          <ul role="list" class="divide-y divide-gray-100">
+            <li v-for="item in userlist" :key="item.email">
+              <NuxtLink
+                v-if="!item.uid"
+                :to="`${getPageBaseUrl('user')}/${item._id}`"
+              >
+                <UserProfileListItem :data="item"></UserProfileListItem>
+              </NuxtLink>
+            </li>
+          </ul>
+        </TabPanel>
+      </TabView>
+    </div>
+    <div class="col-span-3 p-2">
+      <NuxtPage />
+    </div>
+  </div>
+</template>

package/templates/nuxt/pages/index.vue._eta

@@ -0,0 +1,101 @@
+<script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
+
+import _ from "lodash";
+// import InputText from "primevue/inputtext";
+// import Dialog from "primevue/dialog";
+import { ref, Ref } from "vue";
+// import { EventType } from "~/types";
+// import { TenantDoc } from "../simpleapp/docs/TenantDoc";
+// import ProgressSpinner from "primevue/progressspinner";
+// import Panel from "primevue/panel";
+// import Card from "primevue/card";
+// import { AxiosResponse } from "axios";
+import {computed} from 'vue'
+const { $event, $listen, $userstore } = useNuxtApp();
+const branches = ref([]);
+const userprofile = ref();
+const orgList = ref();
+const alltenants = ref()
+
+const loadTenants = async () => {
+  const profileapi = getApi().PROFILEApi;
+    const axiosreturn = await new profileapi(
+      undefined,
+      useRuntimeConfig().public.API_URL,
+    ).getAllTenants();
+    alltenants.value = axiosreturn.data
+};
+
+// $listen("InvitationAccepted", async () => {
+//   loadProfile();
+// });
+
+onMounted(() => {
+  loadTenants();
+
+//   const profileapi = getApi().PROFILEApi;
+});
+</script>
+<template>
+  <div
+    class="mx-4 md:mx-12 py-8 md:py-12 grid place-content-center px-4 md:px-0"
+  >
+    <div class="lg:flex justify-start lg:gap-28">
+      <div class="">
+        <h1 class="font-bold text-5xl text-gray-800 dark:text-white">
+          Welcome To SimpleApp
+        </h1>
+        <p class="pt-8 md:pt-4 text-gray-600 dark:text-gray-200">
+          It is product front page and by right you shall replace it with
+          something else.
+        </p>
+        <div class="mt-8 md:flex justify-start md:gap-4">
+          <ButtonCreateTenant></ButtonCreateTenant>
+        </div>
+      </div>
+      <div class="pt-8 lg:pt-0">
+        <svg
+          fill="#000000"
+          viewBox="0 0 512 512"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+          <g
+            id="SVGRepo_tracerCarrier"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          ></g>
+          <g id="SVGRepo_iconCarrier">
+            <g id="Anonymous">
+              <path
+                d="M475.3571,413.24a69.9,69.9,0,0,0-39.8845-57.4407l-39.9287-18.7987,21.5791-44.5621a89.4527,89.4527,0,0,0,.0025-77.9684L359.7988,96.0682C317.7933,9.3105,194.2088,9.31,152.2019,96.0666L94.87,214.4745a89.445,89.445,0,0,0,.0049,77.9692l21.581,44.5569L76.5256,355.8a69.898,69.898,0,0,0-39.8831,57.439l-3.612,43.3773a22.5157,22.5157,0,0,0,22.4381,24.3842H456.5337A22.5134,22.5134,0,0,0,478.97,456.6187ZM364,260.1205a107.9746,107.9746,0,0,1-98.1035,107.5V341.1249a9.8965,9.8965,0,0,0-19.793,0v26.4957A107.9746,107.9746,0,0,1,148,260.1205V203.44a28.8192,28.8192,0,0,1,28.8193-28.8193H335.1806A28.8193,28.8193,0,0,1,364,203.44Z"
+              ></path>
+              <path
+                d="M321.8213,275.9979a9.91,9.91,0,0,0-12.3135,6.6709,13.5776,13.5776,0,0,1-26.0156,0,9.9026,9.9026,0,1,0-18.9844,5.6426,33.3877,33.3877,0,0,0,63.9844,0A9.9125,9.9125,0,0,0,321.8213,275.9979Z"
+              ></path>
+              <path
+                d="M240.8213,275.9979a9.8908,9.8908,0,0,0-12.3135,6.6709,13.5776,13.5776,0,0,1-26.0156,0,9.9026,9.9026,0,1,0-18.9844,5.6426,33.3877,33.3877,0,0,0,63.9844,0A9.9125,9.9125,0,0,0,240.8213,275.9979Z"
+              ></path>
+              <path
+                d="M319,227.4384H283a9.8965,9.8965,0,1,0,0,19.7929h36a9.8965,9.8965,0,1,0,0-19.7929Z"
+              ></path>
+              <path
+                d="M193,247.2313h36a9.8965,9.8965,0,1,0,0-19.7929H193a9.8965,9.8965,0,1,0,0,19.7929Z"
+              ></path>
+            </g>
+          </g>
+        </svg>
+        <p class="text-gray-500">Real man code with simpleapp</p>
+      </div>
+    </div>
+    <div  class="grid grid-cols-2">
+      <TenantPicker v-for="tenant in alltenants" :tenant="tenant" class="col col-span-1"></TenantPicker>
+    </div>
+  </div>
+</template>

package/templates/nuxt/pages/profile.vue.eta

@@ -0,0 +1,94 @@
+<template>
+  <div class="p-4">
+    <div class="px-4 sm:px-0">
+      <h3 class="text-base font-semibold leading-7 text-gray-900">
+        User Information
+      </h3>
+    </div>
+    <div class="mt-6 border-t border-gray-100">
+      <dl class="divide-y divide-gray-100">
+        <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
+          <dt class="text-sm font-medium leading-6 text-gray-900">Full name</dt>
+          <dd
+            class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"
+          >
+            {{ getUserProfile().fullName }}
+          </dd>
+        </div>
+        <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
+          <dt class="text-sm font-medium leading-6 text-gray-900">Group</dt>
+          <dd
+            class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"
+          >
+            {{ getUserProfile().group }}
+          </dd>
+        </div>
+        <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
+          <dt class="text-sm font-medium leading-6 text-gray-900">
+            Email address
+          </dt>
+          <dd
+            class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"
+          >
+            {{ getUserProfile().email }}
+          </dd>
+        </div>
+
+        <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
+          <dt class="text-sm font-medium leading-6 text-gray-900">
+            Branch Access
+          </dt>
+          <dd class="mt-2 text-sm text-gray-900 sm:col-span-2 sm:mt-0">
+            <ul
+              role="list"
+              class="divide-y divide-gray-100 rounded-md border border-gray-200"
+            >
+              <li
+                class="flex items-center justify-between py-4 pl-4 pr-5 text-sm leading-6"
+                v-for="b in getUserProfile().branches"
+              >
+                <NuxtLink :href="`/${b.xOrg}`" :external="true">
+                  <div class="flex w-0 flex-1 items-center">
+                    <i class="pi pi-sitemap"></i>
+                    <div class="ml-4 flex min-w-0 flex-1 gap-2">
+                      <span class="truncate font-medium">
+                        {{ b.branch.branchName }}
+                      </span>
+                      <span class="flex-shrink-0 text-gray-400">{{
+                        b.branch.branchCode
+                      }}</span>
+                    </div>
+                  </div>
+                  <div class="ml-4 flex-shrink-0">
+                    <p
+                      href="#"
+                      class="font-medium text-indigo-600 hover:text-indigo-500"
+                    >
+                      {{ b.group }}
+                    </p>
+                  </div>
+                </NuxtLink>
+              </li>
+            </ul>
+          </dd>
+        </div>
+
+        <div
+          v-if="useRuntimeConfig().public.DEBUGDATA == '1'"
+          class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0 bg-warning-100"
+        >
+          <dt class="text-sm font-medium leading-6 text-gray-900">
+            Current Branch Access Rights
+            <p class="text-danger-600">only appear in debug mode</p>
+            <p class="text-danger-600">{{ getUserProfile().sessionId }}</p>
+          </dt>
+          <dd
+            class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"
+          >
+            {{ getUserProfile().roles }}
+          </dd>
+        </div>
+      </dl>
+    </div>
+  </div>
+</template>

package/templates/nuxt/plugins/10.simpleapp-event.ts.eta

@@ -6,13 +6,13 @@
  */
 import { defineNuxtPlugin } from "#app";
 import axios, { Axios, AxiosResponse } from 'axios'
+import {Notification,EventType} from '~/types'
 // import PrimeVue from "primevue/config";
 import mitt from 'mitt'
 // import ToastService from 'primevue/toastservice';
 // import ConfirmationService from 'primevue/confirmationservice';
 // import Tooltip from 'primevue/tooltip';
-const emitter = mitt()
-
+const emitter = mitt<EventType>()
 export default defineNuxtPlugin( async(nuxtApp) => {
     //const { csrf } = useCsrf()    
     //axios.defaults.headers.common = {"CSRF-TOKEN": csrf};
@@ -32,7 +32,7 @@ export default defineNuxtPlugin( async(nuxtApp) => {
         createError({
           statusCode:error.response.status,
           statusMessage:error.response.message})
-        // return Promise.reject(error)
+          return Promise.reject(error)
       }else{
         console.error("unknown error")
         createError({statusCode:500,statusMessage:"Internal server error"})
@@ -53,7 +53,7 @@ export default defineNuxtPlugin( async(nuxtApp) => {
           event: emitter.emit, // Will emit an event
           listen: emitter.on, // Will register a listener for an event
           axios: myaxios,
-        }
+        } 
     }
     //other components that you need
 });

package/templates/nuxt/plugins/20.simpleapp-userstore.ts.eta

@@ -15,6 +15,7 @@ export default defineNuxtPlugin( async(nuxtApp) => {
 
     const useUserStore = defineStore('userstore', {
         state: ()=>({        
+          sessionId:ref(''),
           tenantId:ref(0),
           orgId:ref(0),
           branchId:ref(0),
@@ -34,21 +35,24 @@ export default defineNuxtPlugin( async(nuxtApp) => {
         
         actions:{    
           async loadRemoteUserInfo(){
-            console.log('loadRemoteUserInfo')
+            // console.log('loadRemoteUserInfo')
+            
             const {$axios} = useNuxtApp()
             const route = useRoute();
-            let xorg = route.params.xorg
+            let xorg = this.getCurrentXorg()            
+            
             let apiurl=''
             if(xorg===undefined){
               apiurl = `${useRuntimeConfig().public.APP_URL}/api`
             }else{
               apiurl = `${useRuntimeConfig().public.APP_URL}/api/${xorg}`
             }
-            
+            console.log(apiurl)
             return await new PROFILEApi(undefined,apiurl,$axios).getProfile().then((res:AxiosResponse)=>{            
               if(!res){
                 return
               }
+              this.sessionId = res.data.sessionId
               this.tenantId = res.data.tenantId              
               this.orgId = res.data.orgId
               this.branchId = res.data.branchId
@@ -80,13 +84,9 @@ export default defineNuxtPlugin( async(nuxtApp) => {
                 return Promise.reject(errdata)
               }
             })            
-          },
-          getAvatarLink(size:number){
-            return `https://i.pravatar.cc/${size}`
-          },
+          },         
           getCurrentXorg(){
-            const currentxorg:string = String(useRoute().params.xorg)
-            return currentxorg //_.find(this.branches,{xorg:currentxorg})
+            return  (useRoute().params.xorg) ? String(useRoute().params.xorg) : undefined            
           },
           async decideInvitation(id:string,decision:string){
             const apiurl = `${useRuntimeConfig().public.APP_URL}/api`
@@ -136,6 +136,7 @@ export default defineNuxtPlugin( async(nuxtApp) => {
           },
           getUserInfo(){
             return {
+              sessionId : this.sessionId,
               tenantId : this.tenantId,
               orgId : this.orgId,
               branchId : this.branchId,
@@ -151,7 +152,7 @@ export default defineNuxtPlugin( async(nuxtApp) => {
               roles:this.roles,
               group:this.group,
               time:this.time,
-              currentxorg: this.getCurrentXorg()
+              
   
               
             }

package/templates/nuxt/simpleapp/generate/clients/SimpleAppClient.ts.eta

@@ -10,7 +10,7 @@ import addErrors from 'ajv-errors';
 import { ref } from 'vue';
 import type { Ref } from 'vue';
 import type { AxiosResponse } from 'axios';
-import {SearchBody} from '~/types'
+import {SearchBody,Notification,NotificationStatus} from '~/types'
 // import { useToast, } from 'primevue/usetoast';
 // import type {  ToastMessageOptions } from 'primevue/toast';
 // const toast = useToast();
@@ -61,63 +61,115 @@ export class SimpleAppClient<
   async getById(id: string) {
     return await this.docapi.runFindOne(id,{timeout:this.defaultTimeOut})
     .then((res: AxiosResponse) => {
-      if(this.event){this.event('info:getById',res.data)}
+      // if(this.event){this.event('info:getById',res.data)}
       Object.assign(this.data.value, res.data);
       return res;
     }).catch((res:any)=>{
-      if(this.event){this.event('error:getById',res)}
+      // if(this.event){this.event('error:getById',res)}
       return Promise.reject(res)
     });
   }
+
   async create() {
     const errors = this.validateFailed();
+    const {$event} =useNuxtApp()
     if (errors) {
-      if(this.event){this.event('error:create',errors)}      
+      $event('Notification',{
+        documentName:this.getDocName(),
+        summary:'Record create failed',
+        status:NotificationStatus.error,
+        data:errors
+      })
+      // this.event('error:create',errors)
       return await Promise.reject(errors);
     } else {
       return await this.docapi
         .runCreate(this.data.value,{timeout:this.defaultTimeOut})
         .then((res: AxiosResponse) => {
-          if(this.event){this.event('success:create',res.data);return res.data}
+          // if(this.event){this.event('success:create',res.data);return res.data}
+          // console.log(this.getDocName(), "ok")
+          $event('Notification',{
+            documentName:this.getDocName(),
+            summary:'Record create successfully',
+            status:NotificationStatus.success
+          })
           this.data.value = { ...res.data };
           return res;
-        }).catch((errors:any)=>{
-          if(this.event){
-            this.event('error:create',errors.response.data.data)}
+        }).catch((errors:any)=>{   
+          // console.log(this.getDocName(),"-----failed")
+            $event('Notification',{
+              documentName:this.getDocName(),
+              summary:'Record create failed',
+              status:NotificationStatus.error,
+              data:errors.response.data.data
+            })
             console.error('error:create',errors.response.data.data)
           return Promise.reject(errors)
         });
     }
   }
+
   async update() {
+    const {$event} =useNuxtApp()
     const recordid: string = this.data.value._id ?? '';
     const errors = this.validateFailed();
     if (errors) {
-      if(this.event){this.event('error:update',errors)}
-      console.error(errors)
+      // if(this.event){this.event('error:update',errors)}
+      $event('Notification',{
+        documentName:this.getDocName(),
+        summary:'Record update failed',
+        status:NotificationStatus.error,
+        data:errors
+      })
+      console.error('update errors',errors)
       return await Promise.reject(errors);
     } else {
       return await this.docapi
         .runUpdate(recordid, this.data.value,{timeout:this.defaultTimeOut})
         .then((res: AxiosResponse) => {
-          if(this.event){this.event('success:update',res.data)}
+          // if(this.event){this.event('success:update',res.data)}
+          $event('Notification',{
+            documentName:this.getDocName(),
+            summary:'Record update success',
+            status:NotificationStatus.success,
+            data:errors
+          })
           return res.data;
         }).catch((errors:any)=>{
+          $event('Notification',{
+            documentName:this.getDocName(),
+            summary:'Record update failed',
+            status:NotificationStatus.error,
+            data:errors.response.data.data
+          })
           // console.error('error:update---',errors,",---",errors.message)
-          if(this.event){
-          this.event('error:update',errors.response.data.data)}
+          // if(this.event){
+          // this.event('error:update',errors.response.data.data)}
           console.error('error:update',errors.response.data.data)
           return Promise.reject(errors)
         });
     }
   }
   async delete(id: string) {
+    const {$event} =useNuxtApp()
     return await this.docapi.runDelete(id,{timeout:this.defaultTimeOut})
       .then((res:AxiosResponse)=>{
-        if(this.event){this.event('success:delete',res.data)}
+        // if(this.event){this.event('success:delete',res.data)}
+        $event('Notification',{
+          documentName:this.getDocName(),
+          summary:'Record deleted successfully',
+          status:NotificationStatus.success,
+          data:res.data
+        })
         return Promise.resolve(res.data)
       }).catch((errors:any)=>{
-        if(this.event){this.event('error:delete',errors.response.data.data)}
+        // if(this.event){this.event('error:delete',errors.response.data.data)}
+        $event('Notification',{
+          documentName:this.getDocName(),
+          summary:'Record delete failed',
+          status:NotificationStatus.error,
+          data:errors.response.data.data
+        })
         console.error(errors.response.data.data)
         return Promise.reject(errors)
       });
@@ -125,10 +177,10 @@ export class SimpleAppClient<
   async search(searchbody:SearchBody) {
     return await this.docapi.runSearch(searchbody,{timeout:this.defaultTimeOut})
         .then((res:AxiosResponse)=>{
-          if(this.event){this.event('info:listready',res.data);}
+          // if(this.event){this.event('info:listready',res.data);}
           return res.data
         }).catch((errors:any)=>{
-          if(this.event){this.event('error:list',errors.response.data.data)}
+          // if(this.event){this.event('error:list',errors.response.data.data)}
           return Promise.reject(errors)
         });
   }

package/templates/nuxt/simpleapp/generate/commons/documents.ts.eta

@@ -5,11 +5,14 @@
  * Author: Ks Tan
  */
 import { DocumentMetaData } from "~/types"
-export const alldocuments:DocumentMetaData[] = [
+
+
+export const getAllDocuments = ():DocumentMetaData[] =>[
+ 
     <%for(let i=0; i<it.modules.length;i++){ %>
       <% const d = it.modules[i] %>      
       <% const conf =  d.schema["x-simpleapp-config"] %>
-      {docName:'<%= d['docname'] %>',docType:'<%= d['doctype'].toUpperCase()%>',page: '<%=d['pagetype']%>', isolationType:'<%=conf['isolationType']%>', 
-            documentDate:'<%=conf['documentDate']??""%>', docNumber:<%=conf['generateDocumentNumber']??false%>},
+      {docName:'<%= d['docname'].toLowerCase() %>',docType:'<%= d['doctype'].toUpperCase()%>',page: '<%=d['pagetype']%>', isolationType:'<%=conf['isolationType']%>', 
+            documentDate:'<%=conf['documentDate']??""%>', docNumber:<%=conf['generateDocumentNumber']??false%>, docClass: useNuxtApp().$<%=d['docname']%>Doc()},
     <%}%>
   ]

package/templates/nuxt/tailwind.config.ts._eta

@@ -2,6 +2,16 @@ import type { Config } from 'tailwindcss'
 
 // Default are on https://tailwindcss.nuxtjs.org/tailwind/config#default-configuration
 export default <Partial<Config>>{
+  content: [
+    "./index.html",
+    "./components/**/*.{vue,js,ts,jsx,tsx}",
+    "./components/*.{vue,js,ts,jsx,tsx}",
+    "./assets/**/*.{vue,js,ts,jsx,tsx,css}",
+    "./layouts/*.{vue,js,ts,jsx,tsx,css}",
+    "./pages/**/*.{vue,js,ts,jsx,tsx}",
+    "./pages/*.{vue,js,ts,jsx,tsx}",
+    "./node_modules/primevue/**/*.{vue,js,ts,jsx,tsx}"
+  ],
   theme: {
     extend:{
       colors:{