--wip-- [skip ci]

CrisisCleanup · Jul 25, 2022 · 1f26fd3 · 1f26fd3
1 parent 75528ed
commit 1f26fd3
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 22 deletions.
diff --git 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
@@ -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
@@ -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,18 +232,18 @@ 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;
 });
 
 // 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
@@ -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 (