diff --git a/src/component/internal/connection.ts b/src/component/internal/connection.ts
index 443e7f5a..d00e1f02 100644
--- a/src/component/internal/connection.ts
+++ b/src/component/internal/connection.ts
@@ -10,7 +10,7 @@ import type { Connection, WebRTCStats } from '../types/state'
 import { Reconnector } from './reconnector'
 import { WebsocketReconnector } from './reconnector/websocket'
 import { WebrtcReconnector } from './reconnector/webrtc'
-import { Logger } from '../utils/logger'
+import type { Logger } from '../utils/logger'
 
 const WEBRTC_RECONN_MAX_LOSS = 25
 const WEBRTC_RECONN_FAILED_ATTEMPTS = 5
diff --git a/src/component/internal/control.ts b/src/component/internal/control.ts
index 95aa1d65..0b7d666f 100644
--- a/src/component/internal/control.ts
+++ b/src/component/internal/control.ts
@@ -1,8 +1,8 @@
 import * as EVENT from '../types/events'
-import * as message from '../types/messages'
+import type * as message from '../types/messages'
 
 import EventEmitter from 'eventemitter3'
-import { NekoConnection } from './connection'
+import type { NekoConnection } from './connection'
 import type { Control } from '../types/state'
 
 export interface NekoControlEvents {
diff --git a/src/component/internal/logger.ts b/src/component/internal/logger.ts
index 31c128cb..41d6fa55 100644
--- a/src/component/internal/logger.ts
+++ b/src/component/internal/logger.ts
@@ -1,6 +1,6 @@
-import { NekoWebSocket } from './websocket'
+import type { NekoWebSocket } from './websocket'
 import * as EVENT from '../types/events'
-import * as message from '../types/messages'
+import type * as message from '../types/messages'
 import { Logger } from '../utils/logger'
 
 const MAX_LOG_MESSAGES = 25
diff --git a/src/component/internal/messages.ts b/src/component/internal/messages.ts
index 01d52388..cebd5389 100644
--- a/src/component/internal/messages.ts
+++ b/src/component/internal/messages.ts
@@ -1,10 +1,10 @@
 import * as EVENT from '../types/events'
-import * as message from '../types/messages'
+import type * as message from '../types/messages'
 
 import EventEmitter from 'eventemitter3'
 import type { AxiosProgressEvent } from 'axios'
 import { Logger } from '../utils/logger'
-import { NekoConnection } from './connection'
+import type { NekoConnection } from './connection'
 import type NekoState from '../types/state'
 import type { Settings } from '../types/state'
 
diff --git a/src/component/internal/reconnector/webrtc.ts b/src/component/internal/reconnector/webrtc.ts
index 40d598e8..26608964 100644
--- a/src/component/internal/reconnector/webrtc.ts
+++ b/src/component/internal/reconnector/webrtc.ts
@@ -1,8 +1,8 @@
 import * as EVENT from '../../types/events'
 import type { Connection } from '../../types/state'
 
-import { NekoWebSocket } from '../websocket'
-import { NekoWebRTC } from '../webrtc'
+import type { NekoWebSocket } from '../websocket'
+import type { NekoWebRTC } from '../webrtc'
 
 import { ReconnectorAbstract } from '.'
 
diff --git a/src/component/internal/reconnector/websocket.ts b/src/component/internal/reconnector/websocket.ts
index a6e19082..fd09a06e 100644
--- a/src/component/internal/reconnector/websocket.ts
+++ b/src/component/internal/reconnector/websocket.ts
@@ -1,6 +1,6 @@
 import type { Connection } from '../../types/state'
 
-import { NekoWebSocket } from '../websocket'
+import type { NekoWebSocket } from '../websocket'
 
 import { ReconnectorAbstract } from '.'
 
diff --git a/src/component/main.vue b/src/component/main.vue
index 6d5bf210..21708785 100644
--- a/src/component/main.vue
+++ b/src/component/main.vue
@@ -78,7 +78,7 @@ import { ref, watch, computed, reactive, onMounted, onBeforeUnmount } from 'vue'
 //export * as StateModels from './types/state'
 //export * as webrtcTypes from './types/webrtc'
 
-import { Configuration } from './api/configuration'
+import type { Configuration } from './api/configuration'
 import type { AxiosInstance, AxiosProgressEvent } from 'axios'
 
 import ResizeObserver from 'resize-observer-polyfill'
diff --git a/src/component/overlay.vue b/src/component/overlay.vue
index c35d61cd..da524e74 100644
--- a/src/component/overlay.vue
+++ b/src/component/overlay.vue
@@ -56,8 +56,8 @@ import { NewKeyboard } from './utils/keyboard'
 import GestureHandlerInit from './utils/gesturehandler'
 import { KeyTable, keySymsRemap } from './utils/keyboard-remapping'
 import { getFilesFromDataTansfer } from './utils/file-upload'
-import { NekoControl } from './internal/control'
-import { NekoWebRTC } from './internal/webrtc'
+import type { NekoControl } from './internal/control'
+import type { NekoWebRTC } from './internal/webrtc'
 
 // Wheel thresholds
 const WHEEL_STEP = 53 // Pixels needed for one step
diff --git a/src/component/screencast.vue b/src/component/screencast.vue
index da1db55d..6b2ba229 100644
--- a/src/component/screencast.vue
+++ b/src/component/screencast.vue
@@ -4,7 +4,7 @@
 
 <script lang="ts" setup>
 import { ref, watch, onMounted, onBeforeUnmount } from 'vue'
-import { RoomApi } from './api'
+import type { RoomApi } from './api'
 
 const REFRESH_RATE = 1e3
 const ERROR_DELAY_MS = 2500
diff --git a/src/lib.ts b/src/lib.ts
index 0a1d2192..4f497670 100644
--- a/src/lib.ts
+++ b/src/lib.ts
@@ -1,4 +1,4 @@
-import Vue from 'vue'
+import type Vue from 'vue'
 import Neko from './component/main.vue'
 
 // TODO
diff --git a/src/page/components/chat.vue b/src/page/components/chat.vue
index a219a4d9..0e4f85c8 100644
--- a/src/page/components/chat.vue
+++ b/src/page/components/chat.vue
@@ -164,7 +164,7 @@
 
 <script lang="ts" setup>
 import { ref, watch, onMounted } from 'vue'
-import Neko from '@/component/main.vue'
+import type Neko from '@/component/main.vue'
 
 const length = 512 // max length of message
 
diff --git a/src/page/components/connect.vue b/src/page/components/connect.vue
index eb20367a..d59dd313 100644
--- a/src/page/components/connect.vue
+++ b/src/page/components/connect.vue
@@ -25,8 +25,8 @@
 <style lang="scss"></style>
 
 <script lang="ts" setup>
-import { ref, watch, onMounted, onBeforeUnmount } from 'vue'
-import Neko from '@/component/main.vue'
+import { ref, onMounted } from 'vue'
+import type Neko from '@/component/main.vue'
 
 const props = defineProps<{
   neko: typeof Neko
diff --git a/src/page/components/controls.vue b/src/page/components/controls.vue
index b7b97561..f31815e5 100644
--- a/src/page/components/controls.vue
+++ b/src/page/components/controls.vue
@@ -160,8 +160,8 @@
 </style>
 
 <script lang="ts" setup>
-import { ref, watch, computed, onMounted, onBeforeUnmount } from 'vue'
-import Neko from '@/component/main.vue'
+import { computed } from 'vue'
+import type Neko from '@/component/main.vue'
 
 const props = defineProps<{
   neko: typeof Neko
diff --git a/src/page/components/events.vue b/src/page/components/events.vue
index 767122ec..3c0939ec 100644
--- a/src/page/components/events.vue
+++ b/src/page/components/events.vue
@@ -620,8 +620,8 @@
 </style>
 
 <script lang="ts" setup>
-import { ref, watch, computed, onMounted, onBeforeUnmount } from 'vue'
-import Neko from '@/component/main.vue'
+import { ref, watch, computed } from 'vue'
+import type Neko from '@/component/main.vue'
 import NekoColor from './color.vue'
 
 const props = defineProps<{
diff --git a/src/page/components/header.vue b/src/page/components/header.vue
index 91426650..5f5840b2 100644
--- a/src/page/components/header.vue
+++ b/src/page/components/header.vue
@@ -85,8 +85,8 @@
 </style>
 
 <script lang="ts" setup>
-import { ref, watch, computed, onMounted, onBeforeUnmount } from 'vue'
-import Neko from '@/component/main.vue'
+import { ref, watch } from 'vue'
+import type Neko from '@/component/main.vue'
 
 const props = defineProps<{
   neko: typeof Neko
diff --git a/src/page/components/media.vue b/src/page/components/media.vue
index 3b13a44f..e78241f1 100644
--- a/src/page/components/media.vue
+++ b/src/page/components/media.vue
@@ -41,8 +41,8 @@
 <style lang="scss" scoped></style>
 
 <script lang="ts" setup>
-import { ref, watch, computed, onMounted, onBeforeUnmount } from 'vue'
-import Neko from '@/component/main.vue'
+import { ref, onMounted } from 'vue'
+import type Neko from '@/component/main.vue'
 
 const props = defineProps<{
   neko: typeof Neko
diff --git a/src/page/components/members.vue b/src/page/components/members.vue
index f0eec596..fa544ee3 100644
--- a/src/page/components/members.vue
+++ b/src/page/components/members.vue
@@ -407,8 +407,8 @@
 </style>
 
 <script lang="ts" setup>
-import { ref, watch, computed, onMounted, onBeforeUnmount } from 'vue'
-import Neko from '@/component/main.vue'
+import { ref, computed, onMounted } from 'vue'
+import type Neko from '@/component/main.vue'
 
 // TODO: get from lib ts?
 import type * as ApiModels from '@/component/api/models'
diff --git a/src/page/plugins/filetransfer/component.vue b/src/page/plugins/filetransfer/component.vue
index 4e00a5cf..e7d774f6 100644
--- a/src/page/plugins/filetransfer/component.vue
+++ b/src/page/plugins/filetransfer/component.vue
@@ -274,11 +274,10 @@
 
 <script lang="ts" setup>
 import { ref, reactive, computed, onMounted } from 'vue'
-import Neko from '@/component/main.vue'
+import type Neko from '@/component/main.vue'
 import type { FileTransfer, Message, Item } from './types'
 import { FILETRANSFER_UPDATE } from './types'
 import { FiletransferApi } from './api'
-import * as ApiModels from './api/models'
 
 const props = defineProps<{
   neko: typeof Neko
@@ -288,7 +287,7 @@ const props = defineProps<{
 const api = props.neko.withApi(FiletransferApi) as FiletransferApi
 
 const enabled = ref(false)
-const enabledForMe = computed(() => enabled && (props.neko.is_admin || (!props.neko.is_admin && !isLocked.value)))
+const enabledForMe = computed(() => enabled.value && (props.neko.is_admin || (!props.neko.is_admin && !isLocked.value)))
 const cwd = ref('')
 const files = ref<Item[]>([])
 const transfers = reactive<FileTransfer[]>([])