sample(851312): resolve script error on staging

public/index.html

@@ -7,7 +7,6 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>IT Asset Management - Essential JS 2 for Vue - Syncfusion</title>
-    <link rel="shortcut icon" href="static/favicon.ico" />
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
     <link href="https://cdn.syncfusion.com/ej2/23.1.36/fabric.css" rel="stylesheet"/>
   </head>

src/App.vue

@@ -486,8 +486,8 @@ import { SidebarComponent as EjsSidebar } from '@syncfusion/ej2-vue-navigations'
 import { ListViewComponent as EjsListview } from '@syncfusion/ej2-vue-lists';
 import { enableRipple, Browser, L10n } from '@syncfusion/ej2-base';
 import { ToastComponent as EjsToast } from '@syncfusion/ej2-vue-notifications';
-import Notification from '@/components/NotificationTemplate';
-import { createApp, ref } from "vue";
+import Notification from './components/NotificationTemplate';
+import { createApp, ref, provide } from "vue";
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
 
@@ -627,4 +627,6 @@ function toggleNotify() {
     notifybarObj.value.toggle();
     notifyBellClicked = true;
 }
+
+provide('updatePendingRequests', updatePendingRequests);
 </script>

src/components/ActivityTemplate.vue

@@ -38,7 +38,13 @@
 <p id="list-message">{{data.Message}}</p>
 </div>
 </template>
-<script setup>
-const data = {};
-const bgSize = 'cover';
+<script>
+export default {
+    data () {
+        return {
+            data: {},
+            bgSize: 'cover'
+        }
+    }
+}
 </script>

src/components/AllIssuedLicenses.vue

@@ -95,7 +95,7 @@ function editToolClicked(args) {
     }
     let rowObj = gridObj.value.ej2Instances.getRowObjectFromUID(rows.getAttribute('data-uid'));
     rowData.value = rowObj.data;
-    dlgShow.value = !this.dlgShow;
+    dlgShow.value = !dlgShow.value;
   }
 }
 function editBtnClick(args) {

src/components/AllRequests.vue

@@ -35,7 +35,7 @@
   </div>
 </template>
 <script setup>
-import { ref, provide, getCurrentInstance } from 'vue';
+import { ref, provide, getCurrentInstance, inject } from 'vue';
 import { GridComponent as EjsGrid, ColumnsDirective as EColumns, ColumnDirective as EColumn,
   Edit, Filter, Group, Page, Selection, CommandColumn, Toolbar } from '@syncfusion/ej2-vue-grids';
 import { ButtonComponent as EjsButton } from '@syncfusion/ej2-vue-buttons';
@@ -46,6 +46,7 @@ import { DataManager, Query, Predicate } from '@syncfusion/ej2-data';
 import { Browser } from '@syncfusion/ej2-base';
 import { useStore } from 'vuex';
 
+const updatePendingRequests = inject('updatePendingRequests');
 const store = useStore();
 const root = getCurrentInstance();
 const gridObj = ref(null);
@@ -172,7 +173,7 @@ function approveClick(args) {
   }).catch((reason) => {
     alert(reason);
   });
-  root.root.devtoolsRawSetupState.updatePendingRequests();
+  updatePendingRequests();
 }
 function rejectClick(args) {
   var userName = new DataManager(employeeData).executeLocal(new Query().where(new Predicate('id', 'equal', store.state.currentUserID)))[0]['Employee'];
@@ -203,7 +204,7 @@ function rejectClick(args) {
   }).catch((reason) => {
     alert(reason);
   });
-  root.root.devtoolsRawSetupState.updatePendingRequests();
+  updatePendingRequests();
 }
 provide('grid', [Edit, Group, Filter, Page, Selection, CommandColumn, Toolbar]);
 

src/components/RequestForm.vue

@@ -35,7 +35,7 @@
       <div v-show="!isHardware">
         <div class="col-xs-12 col-sm-12 col-lg-6 col-md-12">
           <label class="e-text">Software</label>
-          <ejs-dropdownlist id="Software" name="Software" :dataSource ="$store.getters.softwareNames" :fields='softwareFields'></ejs-dropdownlist>
+          <ejs-dropdownlist id="Software" name="Software" :dataSource ="store.getters.softwareNames" :fields='softwareFields'></ejs-dropdownlist>
         </div>
       </div>
       </div>

src/components/dashboard/SoftwareLicenseChart.vue

@@ -4,7 +4,7 @@
     <ejs-accumulationchart  ref='software-pie' :theme='theme' style='display:block' align='center' id='chart003'
         :legendSettings='legendSettings' :tooltip='tooltip' enableSmartLables='true'>
         <e-accumulation-series-collection>
-            <e-accumulation-series :dataSource='this.$store.getters.softwareLicense' :query='queries' xName='key' yName='count' :dataLabel='dataLabel' :startAngle='startAngle' :endAngle='endAngle' :explodeOffset='explodeOffset' :explodeIndex='explodeIndex' :radius='radius' name='Software License' innerRadius='0%'  explode='true' width=2 :palettes="colors"> </e-accumulation-series>
+            <e-accumulation-series :dataSource='store.getters.softwareLicense' :query='queries' xName='key' yName='count' :dataLabel='dataLabel' :startAngle='startAngle' :endAngle='endAngle' :explodeOffset='explodeOffset' :explodeIndex='explodeIndex' :radius='radius' name='Software License' innerRadius='0%'  explode='true' width=2 :palettes="colors"> </e-accumulation-series>
         </e-accumulation-series-collection>
     </ejs-accumulationchart>
 </div>