Browse Source

[ui] Vue 3 - Migrated HiveQueryPlan component

sreenaths 4 years ago
parent
commit
c2e5f41033

+ 10 - 6
desktop/core/src/desktop/js/apps/jobBrowser/components/hiveQueryPlan/HiveQueryPlan.vue

@@ -23,13 +23,17 @@
 </template>
 
 <script lang="ts">
-  import Vue from 'vue';
-  import Component from 'vue-class-component';
+  import { defineComponent } from 'vue';
 
-  @Component
-  export default class HiveQueryPlan extends Vue {
-    title = 'Web Component';
-  }
+  export default defineComponent({
+    setup(): {
+      title: string;
+    } {
+      return {
+        title: 'Web Component'
+      };
+    }
+  });
 </script>
 
 <style lang="scss" scoped>

+ 1 - 1
desktop/core/src/desktop/js/apps/jobBrowser/components/hiveQueryPlan/webcomp.ts

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { wrap } from 'vue/webComponentWrapper';
+import { wrap } from 'vue/webComponentWrap';
 import HiveQueryPlan from './HiveQueryPlan.vue';
 
 export const HIVE_QUERY_PLAN_COMPONENT = 'hive-query-plan';