From 969869110a07cfb09934dfdf8c12ad8b0469b77a Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 17 May 2023 14:03:12 +0200
Subject: [PATCH] refactor(controls): remove auto-imports

---
 packages/controls/src/ControlButton.vue |  2 +-
 packages/controls/src/Controls.vue      |  5 +-
 packages/controls/src/auto-imports.d.ts | 63 -------------------------
 packages/controls/vite.config.ts        |  2 +-
 4 files changed, 5 insertions(+), 67 deletions(-)
 delete mode 100644 packages/controls/src/auto-imports.d.ts

diff --git a/packages/controls/src/ControlButton.vue b/packages/controls/src/ControlButton.vue
index 3188643e..498b0a9e 100644
--- a/packages/controls/src/ControlButton.vue
+++ b/packages/controls/src/ControlButton.vue
@@ -7,6 +7,6 @@ export default {
 
 <template>
   <button class="vue-flow__controls-button">
-    <slot></slot>
+    <slot />
   </button>
 </template>
diff --git a/packages/controls/src/Controls.vue b/packages/controls/src/Controls.vue
index 00b76c44..98e35c8d 100644
--- a/packages/controls/src/Controls.vue
+++ b/packages/controls/src/Controls.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { Panel, PanelPosition, useVueFlow } from '@vue-flow/core'
+import { computed } from 'vue'
 import type { ControlProps } from './types'
 import ControlButton from './ControlButton.vue'
 import PlusIcon from './icons/plus.svg'
@@ -76,7 +77,7 @@ export default {
 
 <template>
   <Panel class="vue-flow__controls" :position="position">
-    <slot name="top"></slot>
+    <slot name="top" />
 
     <template v-if="showZoom">
       <slot name="control-zoom-in">
@@ -119,6 +120,6 @@ export default {
       </slot>
     </template>
 
-    <slot></slot>
+    <slot />
   </Panel>
 </template>
diff --git a/packages/controls/src/auto-imports.d.ts b/packages/controls/src/auto-imports.d.ts
deleted file mode 100644
index 05f84c95..00000000
--- a/packages/controls/src/auto-imports.d.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-// Generated by 'unplugin-auto-import'
-export {}
-declare global {
-  const $$: typeof import('vue/macros')['$$']
-  const $: typeof import('vue/macros')['$']
-  const $computed: typeof import('vue/macros')['$computed']
-  const $customRef: typeof import('vue/macros')['$customRef']
-  const $ref: typeof import('vue/macros')['$ref']
-  const $shallowRef: typeof import('vue/macros')['$shallowRef']
-  const $toRef: typeof import('vue/macros')['$toRef']
-  const EffectScope: typeof import('vue')['EffectScope']
-  const computed: typeof import('vue')['computed']
-  const createApp: typeof import('vue')['createApp']
-  const customRef: typeof import('vue')['customRef']
-  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
-  const defineComponent: typeof import('vue')['defineComponent']
-  const effectScope: typeof import('vue')['effectScope']
-  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
-  const getCurrentScope: typeof import('vue')['getCurrentScope']
-  const h: typeof import('vue')['h']
-  const inject: typeof import('vue')['inject']
-  const isProxy: typeof import('vue')['isProxy']
-  const isReactive: typeof import('vue')['isReactive']
-  const isReadonly: typeof import('vue')['isReadonly']
-  const isRef: typeof import('vue')['isRef']
-  const markRaw: typeof import('vue')['markRaw']
-  const nextTick: typeof import('vue')['nextTick']
-  const onActivated: typeof import('vue')['onActivated']
-  const onBeforeMount: typeof import('vue')['onBeforeMount']
-  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
-  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
-  const onDeactivated: typeof import('vue')['onDeactivated']
-  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
-  const onMounted: typeof import('vue')['onMounted']
-  const onRenderTracked: typeof import('vue')['onRenderTracked']
-  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
-  const onScopeDispose: typeof import('vue')['onScopeDispose']
-  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
-  const onUnmounted: typeof import('vue')['onUnmounted']
-  const onUpdated: typeof import('vue')['onUpdated']
-  const provide: typeof import('vue')['provide']
-  const reactive: typeof import('vue')['reactive']
-  const readonly: typeof import('vue')['readonly']
-  const ref: typeof import('vue')['ref']
-  const resolveComponent: typeof import('vue')['resolveComponent']
-  const resolveDirective: typeof import('vue')['resolveDirective']
-  const shallowReactive: typeof import('vue')['shallowReactive']
-  const shallowReadonly: typeof import('vue')['shallowReadonly']
-  const shallowRef: typeof import('vue')['shallowRef']
-  const toRaw: typeof import('vue')['toRaw']
-  const toRef: typeof import('vue')['toRef']
-  const toRefs: typeof import('vue')['toRefs']
-  const triggerRef: typeof import('vue')['triggerRef']
-  const unref: typeof import('vue')['unref']
-  const useAttrs: typeof import('vue')['useAttrs']
-  const useCssModule: typeof import('vue')['useCssModule']
-  const useCssVars: typeof import('vue')['useCssVars']
-  const useSlots: typeof import('vue')['useSlots']
-  const watch: typeof import('vue')['watch']
-  const watchEffect: typeof import('vue')['watchEffect']
-  const watchPostEffect: typeof import('vue')['watchPostEffect']
-  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
-}
diff --git a/packages/controls/vite.config.ts b/packages/controls/vite.config.ts
index 48ff69d2..d9b35866 100644
--- a/packages/controls/vite.config.ts
+++ b/packages/controls/vite.config.ts
@@ -11,5 +11,5 @@ export default withConfig({
       name: 'VueFlowControls',
     },
   },
-  plugins: [svgLoader() as any],
+  plugins: [svgLoader()],
 })