fix: remove unnecessary defineComponent imports in Vue components fo…

src/Ref.vue

@@ -3,9 +3,7 @@ div(v-bind="$props" ref="element")
 </template>
 
 <script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
+export default {
   props: ['data', 'emit'],
   mounted() {
     this.emit({ type: 'render', data: { ...this.data, element: this.$refs.element } })
@@ -16,5 +14,5 @@ export default defineComponent({
   beforeUnmount() {
     this.emit({ type: 'unmount', data: { element: this.$refs.element } })
   }
-})
+}
 </script>

src/presets/classic/components/Connection.vue

@@ -4,11 +4,9 @@ svg(data-testid="connection")
 </template>
 
 <script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
+export default {
   props: ['data', 'start', 'end', 'path']
-})
+}
 </script>
 
 <style lang="scss" scoped>

src/presets/classic/components/ConnectionWrapper.vue

@@ -3,9 +3,7 @@ component(:is="component" :data="data" :start="startPosition" :end="endPosition"
 </template>
 
 <script>
-import { defineComponent } from 'vue';
-
-export default defineComponent({
+export default {
   props: ['component', 'data', 'start', 'end', 'path'],
   data() {
     return {
@@ -52,5 +50,5 @@ export default defineComponent({
   destroyed() {
     if (this.onDestroy) this.onDestroy()
   }
-})
+}
 </script>

src/presets/classic/components/Control.vue

@@ -9,9 +9,7 @@ input(
 </template>
 
 <script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
+export default {
   props: ['data'],
   methods: {
     change(e) {
@@ -22,7 +20,7 @@ export default defineComponent({
       this.data.setValue(val)
     }
   }
-})
+}
 </script>
 
 <style lang="scss" scoped>

src/presets/classic/components/Node.vue

@@ -37,7 +37,6 @@
 
 
 <script lang="js">
-import { defineComponent } from 'vue'
 import Ref from '../../../Ref.vue'
 
 function sortByIndex(entries) {
@@ -50,7 +49,7 @@ function sortByIndex(entries) {
   return entries
 }
 
-export default defineComponent({
+export default {
   props: ['data', 'emit', 'seed'],
   methods: {
     nodeStyles() {
@@ -72,7 +71,7 @@ export default defineComponent({
   components: {
     Ref
   }
-})
+}
 </script>
 
 <style lang="scss" scoped>

src/presets/context-menu/components/Menu.vue

@@ -19,13 +19,12 @@
 </template>
 
 <script>
-import { defineComponent } from 'vue'
 import Block from './Block.vue'
 import Search from './Search.vue'
 import Item from './Item.vue'
 import { debounce } from '../utils/debounce'
 
-export default defineComponent({
+export default {
   props: ['items', 'delay', 'searchBar', 'onHide', 'seed'],
   data() {
     return {
@@ -51,7 +50,7 @@ export default defineComponent({
     Search,
     Item
   }
-})
+}
 </script>
 
 <style lang="scss" scoped>

src/presets/context-menu/components/Search.vue

@@ -8,11 +8,9 @@ input.search(
 </template>
 
 <script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
+export default {
   props: ['text']
-})
+}
 
 </script>