fix: unmount from component to page

AntPos/src/components/Customer.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script setup>
-import { computed, inject, onMounted, onUnmounted, watch, defineProps } from 'vue';
+import { computed, onMounted, onUnmounted, watch, defineProps } from 'vue';
 import emitter from '@/utils/emitter'; 
 import Autocomplete from '@/components/custom_components/Autocomplete.vue';
 import { createListResource } from 'frappe-ui';

AntPos/src/components/Dialog/CloseShift.vue

@@ -84,7 +84,7 @@
 
 
 <script setup>
-import { ref, inject, defineEmits, watch } from 'vue';
+import { ref, watch } from 'vue';
 import { Button, Dialog, FormControl, createResource, debounce,Spinner} from 'frappe-ui';
 import { createToast } from '@/utils';
 import { usePosProfileStore } from '@/stores/posProfile';

AntPos/src/components/Dialog/CustomerForm.vue

@@ -62,7 +62,7 @@
 </template>
 
 <script setup>
-import { ref, computed, inject } from 'vue';
+import { ref, computed } from 'vue';
 import { Dialog, createListResource, Button, FormControl, createResource } from 'frappe-ui';
 import emitter from '@/utils/emitter';
 import { showToast } from '@/utils';

AntPos/src/components/Dialog/Held.vue

@@ -68,7 +68,7 @@
 
 <script setup>
 import { Dialog, Button, createListResource, createResource, TextInput, FeatherIcon } from 'frappe-ui';
-import { ref, inject, computed, watch } from 'vue';
+import { ref, computed, watch } from 'vue';
 import { createToast } from '@/utils';
 import { usePosProfileStore } from '@/stores/posProfile';
 import { usePermissionStore } from '@/stores/permission';

AntPos/src/components/Dialog/Return.vue

@@ -68,7 +68,7 @@
 
 <script setup>
 import { Dialog, Button, createListResource, createResource, TextInput, debounce, FeatherIcon } from 'frappe-ui';
-import { ref, inject, computed, watch } from 'vue';
+import { ref, computed, watch } from 'vue';
 import { createToast } from '@/utils';
 import { usePosProfileStore } from '@/stores/posProfile';
 import { usePermissionStore } from '@/stores/permission';

AntPos/src/components/Dialog/Settings.vue

@@ -124,11 +124,11 @@
 <script setup>
 import { Dialog, Button, FeatherIcon ,FormControl, Badge, ErrorMessage } from 'frappe-ui';
 import ImageUploader from '@/components/Controls/ImageUploader.vue'
-import { ref, onBeforeMount } from 'vue';
+import {ref} from 'vue';
 import { getSettings } from '@/stores/settings'
 
 const dialogVisible = ref(true);
-const { setting, settings, setupBrand } = getSettings()
+const { setting: settings, setupBrand } = getSettings()
 
 function updateSettings() {
     settings.save.submit(null, {
@@ -137,11 +137,5 @@ function updateSettings() {
         },
     })
 }
-onBeforeMount(()=>{
-    settings.get
-    // setupBrand()
-
-
-})
 
 </script>

AntPos/src/components/Invoice.vue

@@ -230,7 +230,7 @@
 
 <script setup>
 import { Button, FormControl, createResource, DatePicker, dayjsLocal  } from 'frappe-ui'
-import { ref, inject, onMounted , watch, computed } from 'vue'
+import { ref, onMounted , watch, computed } from 'vue'
 import { createToast } from '@/utils';
 import { showToast } from '@/utils'
 import emitter from '@/utils/emitter';
@@ -244,6 +244,7 @@ const invoiceStore = useInvoiceStore()
 const baseurl = createResource({url: 'ant_pos.ant_pos.utils.get_domain_url',});
 const addPayments = () => {
     invoiceStore.invoice.paid_amount = invoiceStore.invoice.base_rounded_total
+    if (!invoiceStore.invoice.payments) invoiceStore.invoice.payments = []
     store.posProfileData.payments.forEach(element => {
         if (!invoiceStore.invoice.payments.some(payment => payment.mode_of_payment === element.mode_of_payment) && (invoiceStore.invoice.is_return && element.allow_in_returns || !invoiceStore.invoice.is_return )) {
             invoiceStore.invoice.payments.push({
@@ -279,10 +280,6 @@ const deliveryDate = computed({
   }
 })
 
-onMounted(() => {
-    addPayments()
-})
-
 const createSaveResource = createResource({
     url: 'frappe.desk.form.save.savedocs',
     makeParams(params) {
@@ -389,7 +386,7 @@ const createPrint = async (name) =>{
     }
 }
 
-let advance = createResource({
+createResource({
     url: 'run_doc_method',
     auto: true,
     makeParams(params) {        
@@ -399,7 +396,16 @@ let advance = createResource({
         }
     },
     onSuccess(data) {
-        invoiceStore.invoice = {...data.docs[0],is_pos: true}
+        for (const key in data.docs[0]) {
+
+            const existingValue = invoiceStore.invoice[key];
+            const newValue = data.docs[0][key];
+
+            // Check for changes or new keys
+            if (key !== 'is_pos' && key !== 'docstatus' && JSON.stringify(existingValue) !== JSON.stringify(newValue)) {
+                invoiceStore.invoice[key] = newValue;
+            }
+        }
         addPayments()
     },
     onError(error) {
@@ -491,4 +497,7 @@ watch(
     { deep: true }
 );
 
+onMounted(() => {
+    addPayments()
+})
 </script>

AntPos/src/components/Item.vue

@@ -245,7 +245,7 @@
 </template>
 <script setup>
 import { FeatherIcon, FormControl, Autocomplete, DatePicker, dayjsLocal, createResource, createListResource,debounce } from 'frappe-ui';
-import { inject, watch, defineProps, onMounted, onUnmounted, computed } from 'vue';
+import { watch, defineProps, onMounted, onUnmounted, computed } from 'vue';
 import { showToast } from '@/utils'
 import emitter from '@/utils/emitter';
 import { usePosProfileStore } from '@/stores/posProfile';

AntPos/src/components/ItemSelector.vue

@@ -37,7 +37,7 @@
 
 <script setup>
 import { FormControl, FeatherIcon, createResource } from 'frappe-ui';
-import { ref, inject, onMounted, onUnmounted } from 'vue';
+import { ref, onMounted } from 'vue';
 import { createToast } from '@/utils';
 import { showToast } from '@/utils'
 import { usePosProfileStore } from '@/stores/posProfile';
@@ -315,8 +315,4 @@ onMounted(() => {
     });
 })
 
-onUnmounted(()=>{
-    invoiceStore.unmount()
-})
-
 </script> 

AntPos/src/components/Sidebar.vue

@@ -97,7 +97,7 @@
 </template>
 
 <script setup>
-import { FeatherIcon, Dropdown, createResource, Button } from 'frappe-ui';
+import { FeatherIcon, Dropdown, Button } from 'frappe-ui';
 import { useRouter } from 'vue-router';
 import { inject, h, computed } from 'vue';
 import { getSettings } from '@/stores/settings'
@@ -136,6 +136,13 @@ const option=[
       loadComponent('CloseShift')
     },
   },
+  {
+    label: 'Desk',
+    icon: () => h(FeatherIcon, { name: 'home' }),
+    onClick: () => {
+       window.location.href = '/app'
+    },
+  },
   {
     label: 'Settings',
     icon: () => h(FeatherIcon, { name: 'settings' }),

AntPos/src/pages/Pos.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script setup>
-import { computed, inject, onBeforeMount } from 'vue';
+import { computed, onBeforeMount,onUnmounted } from 'vue';
 import ItemSelector from '@/components/ItemSelector.vue';
 import Invoice from '@/components/Invoice.vue';
 import ItemDetail from '@/components/ItemDetail.vue';
@@ -26,9 +26,12 @@ const currentComponent = computed(() =>
 
 
 onBeforeMount(() => {
-    
+
   invoiceStore.invoiceResource.fetch()
 
 });
+onUnmounted(()=>{
+    invoiceStore.unmount()
+})
 
 </script>