refactor: prettier nc-gui v1

packages/nc-gui/components/project/tableTabs/webhook/WebhookModal.vue

@@ -1,11 +1,6 @@
 <template>
   <v-dialog v-model="webhookModal" width="min(700px,90%)" overlay-opacity=".9">
-    <v-card
-      v-if="webhookModal"
-      width="100%"
-      min-height="350px"
-      class="pa-4"
-    >
+    <v-card v-if="webhookModal" width="100%" min-height="350px" class="pa-4">
       <webhook-editor v-if="editOrAdd" ref="editor" :meta="meta" @backToList="editOrAdd = false" />
       <webhook-list v-else :meta="meta" @edit="editHook" @add="editOrAdd = true" />
     </v-card>
@@ -13,41 +8,39 @@
 </template>
 
 <script>
-
-import WebhookList from '~/components/project/tableTabs/webhook/WebhookList'
-import WebhookEditor from '~/components/project/tableTabs/webhook/WebhookEditor'
+import WebhookList from '~/components/project/tableTabs/webhook/WebhookList';
+import WebhookEditor from '~/components/project/tableTabs/webhook/WebhookEditor';
 export default {
   name: 'WebhookModal',
   components: { WebhookEditor, WebhookList },
   props: {
     meta: Object,
-    value: Boolean
+    value: Boolean,
   },
   data: () => ({
     editOrAdd: false,
-    activePage: 'role'
+    activePage: 'role',
   }),
   computed: {
     webhookModal: {
       get() {
-        return this.value
+        return this.value;
       },
       set(v) {
-        this.$emit('input', v)
-      }
-    }
+        this.$emit('input', v);
+      },
+    },
   },
   methods: {
     editHook(hook) {
-      this.editOrAdd = true
+      this.editOrAdd = true;
       this.$nextTick(() => {
-        this.$refs.editor.hook = { ...hook }
-        this.$refs.editor.onEventChange()
-      })
-    }
-  }
-}
+        this.$refs.editor.hook = { ...hook };
+        this.$refs.editor.onEventChange();
+      });
+    },
+  },
+};
 </script>
 
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>