From 1f26fd350c14bab3b9e458462a72872d2a216559 Mon Sep 17 00:00:00 2001
From: Deep Panchal <deep302001@gmail.com>
Date: Mon, 25 Jul 2022 16:45:03 -0500
Subject: [PATCH] --wip-- [skip ci]

---
 src/components/AjaxTable.vue  |  7 -------
 src/components/ItemEditor.vue |  4 ++--
 src/main.ts                   | 28 +++++++++++++++++-----------
 vue.config.js                 |  4 ++--
 4 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/components/AjaxTable.vue b/src/components/AjaxTable.vue
index f30cd02d1e..00a675420b 100644
--- a/src/components/AjaxTable.vue
+++ b/src/components/AjaxTable.vue
@@ -167,13 +167,6 @@ export default defineComponent({
       getData,
     };
   },
-  watch: {
-    query: {
-      handler() {
-        throttle(this.getData, 1000)();
-      },
-    },
-  },
 });
 </script>
 
diff --git a/src/components/ItemEditor.vue b/src/components/ItemEditor.vue
index dbc0361954..637ac4f8b7 100644
--- a/src/components/ItemEditor.vue
+++ b/src/components/ItemEditor.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="p-4 h-108 overflow-auto">
-    <template v-for="prop in Object.keys(currentObject)">
-      <div :key="prop">
+    <template v-for="prop in Object.keys(currentObject)" :key="prop">
+      <div>
         <div>{{ prop }}</div>
         <pre
           contenteditable="true"
diff --git a/src/main.ts b/src/main.ts
index c73e125b2a..06c20aee8a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -6,7 +6,7 @@ import 'vue-resize/dist/vue-resize.css';
 import 'amazon-connect-streams';
 import VueHooks from '@u3u/vue-hooks';
 import VueCompositionApi from '@vue/composition-api';
-import Vue from 'vue';
+import Vue, { createApp } from 'vue';
 import JsonViewer from 'vue-json-viewer';
 import VueTimers from 'vue-timers';
 import { library } from '@fortawesome/fontawesome-svg-core';
@@ -232,7 +232,7 @@ if (!process.env.VUE_APP_IS_LOCAL) {
 }
 
 // Add a request interceptor
-axios.interceptors.request.use(function (config) {
+axios.interceptors.request.use(function(config) {
   config.headers.CCU_WEB_URL = window.location.href;
   config.headers.CCU_PORTAL_KEY = process.env.VUE_APP_PORTAL_KEY;
   return config;
@@ -240,10 +240,10 @@ axios.interceptors.request.use(function (config) {
 
 // Intercept and handle unauthenticated requests
 axios.interceptors.response.use(
-  function (response) {
+  function(response) {
     return response;
   },
-  function (error) {
+  function(error) {
     if (error.response && error.response.status === 401) {
       store.commit('auth/setShowLoginModal', true);
     }
@@ -285,11 +285,17 @@ const getLanguages = async (tags: any) => {
 };
 
 getLanguages(['en-US', detectBrowserLanguage()]).then((i18n) => {
-  window.vue = new Vue({
-    i18n,
-    components: { App },
-    render: (h) => h(App),
-    router,
-    store,
-  }).$mount('#app');
+  window.vue = createApp(App)
+    .use(i18n)
+    // .use(components)
+    .use(router)
+    .use(store)
+    .mount('#app');
+  // window.vue = new Vue({
+  //   i18n,
+  //   components: { App },
+  //   render: (h) => h(App),
+  //   router,
+  //   store,
+  // }).$mount('#app');
 });
diff --git a/vue.config.js b/vue.config.js
index 7957cd1adf..f6da103bc4 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -106,8 +106,8 @@ module.exports = {
 
     jsRule.test(/\.js$/).exclude.add(/node_modules/);
     if (process.env.NODE_ENV !== 'storybook') {
-      useBasicTPool(jsRule, 'babel-loader');
-      useBasicTPool(vueRule, 'vue-loader');
+      // useBasicTPool(jsRule, 'babel-loader');
+      // useBasicTPool(vueRule, 'vue-loader');
     }
     // config.plugin('lodash').use(LodashPlugin);
     if (