chore:file structure and setitings

AntPos/components.d.ts

@@ -8,7 +8,24 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    Autocomplete: typeof import('./src/components/custom_components/Autocomplete.vue')['default']
+    CloseShift: typeof import('./src/components/Dialog/CloseShift.vue')['default']
+    Customer: typeof import('./src/components/Customer.vue')['default']
+    CustomerForm: typeof import('./src/components/Dialog/CustomerForm.vue')['default']
+    Held: typeof import('./src/components/Dialog/Held.vue')['default']
+    ImageUploader: typeof import('./src/components/Controls/ImageUploader.vue')['default']
+    Invoice: typeof import('./src/components/Invoice.vue')['default']
+    Item: typeof import('./src/components/Item.vue')['default']
+    ItemDetail: typeof import('./src/components/ItemDetail.vue')['default']
+    ItemSelector: typeof import('./src/components/ItemSelector.vue')['default']
+    Navbar: typeof import('./src/components/Navbar.vue')['default']
+    OpenShift: typeof import('./src/components/Dialog/Open-Shift.vue')['default']
+    Payment: typeof import('./src/components/Payment.vue')['default']
+    Return: typeof import('./src/components/Dialog/Return.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    SalesInvoice: typeof import('./src/components/SalesInvoice.vue')['default']
+    Settings: typeof import('./src/components/Dialog/Settings.vue')['default']
+    Sidebar: typeof import('./src/components/Sidebar.vue')['default']
   }
 }

AntPos/src/App.vue

@@ -1,12 +1,51 @@
 <template>
   <div>
     <FrappeUIProvider>
-      <router-view />
+      <div class="w-screen h-screen flex select-none ">
+        <div v-if="currentComponent">
+          <component :is="currentComponent" @switchComponent="loadComponent" />
+        </div>
+        <Sidebar :class="w-full" />
+        <div class="w-full h-full">
+          <Navbar />
+          <div class="w-[calc(100%-var(--sidebar-width))]  h-[94%]">
+            <router-view />
+          </div>
+        </div>
+      </div>
     </FrappeUIProvider>
   </div>
 </template>
 
 <script setup>
-  import { FrappeUIProvider } from 'frappe-ui'
+import { FrappeUIProvider } from 'frappe-ui'
+import { onBeforeMount, provide, watch, } from 'vue';
+import { usePosProfileStore } from '@/stores/posProfile';
+import { useDynamicComponent } from '@/utils/Dialog';
+import { usePageMeta } from 'frappe-ui';  
+import { getSettings } from '@/stores/settings';
+import Navbar from '@/components/Navbar.vue';
+import Sidebar from '@/components/Sidebar.vue';
+
+const { brand } = getSettings()
+const { currentComponent, loadComponent } = useDynamicComponent();
+
+provide('dynamicComponent', { currentComponent, loadComponent });
+
+usePageMeta(() => {
+  return {
+    icon: brand.favicon ? brand.favicon : '/assets/ant_pos/antPOS.png',
+  }
+})
+
+onBeforeMount(() => {
+    usePosProfileStore().fetchPosProfile();
+  });
+
+  watch(() => usePosProfileStore().hasNoData, (val) => {
+  if (val) {
+    loadComponent('OpenShift')
+  }
+})
 
 </script>