refactor(auto-imports): disable auto imports

Author: tonyhu-012

app.config.ts

@@ -1,4 +1,4 @@
-import { defineAppConfig } from '#imports'
+import { defineAppConfig } from 'wxt/utils/define-app-config'
 
 // Define types for your config
 declare module 'wxt/utils/define-app-config' {

components/Modal.vue

@@ -59,8 +59,9 @@
 </template>
 <script lang="ts">
 import { useElementBounding } from '@vueuse/core'
-import { reactive } from 'vue'
+import { computed, reactive, ref, watch } from 'vue'
 
+import { useInjectContext } from '@/composables/useInjectContext'
 import { classNames, ComponentClassAttr } from '@/utils/vue/utils'
 
 const modalStack: { close(): void, canCloseByEsc(): boolean }[] = reactive([])

components/ModelLogo.vue

@@ -7,6 +7,8 @@
   </div>
 </template>
 <script setup lang="ts">
+import { computed } from 'vue'
+
 import LogoCohere from '@/assets/icons/model-logo-cohere.svg?component'
 import LogoDeepseek from '@/assets/icons/model-logo-deepseek.svg?component'
 import LogoFallback from '@/assets/icons/model-logo-fallback.svg?component'

components/ModelSelector.vue

@@ -73,7 +73,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { toRefs } from 'vue'
+import { computed, onMounted, toRefs, watch } from 'vue'
 
 import IconDelete from '@/assets/icons/delete.svg?component'
 import ModelLogo from '@/components/ModelLogo.vue'

components/ProgressBar.vue

@@ -7,6 +7,8 @@
   </div>
 </template>
 <script setup lang="ts">
+import { computed } from 'vue'
+
 const props = defineProps<{
   progress: number
 }>()

components/ScrollContainer.vue

@@ -40,6 +40,7 @@
 </template>
 <script setup lang="ts">
 import { useElementBounding, useScroll } from '@vueuse/core'
+import { computed, ref, watch } from 'vue'
 
 import { classNames, ComponentClassAttr } from '@/utils/vue/utils'
 

components/Selector.vue

@@ -96,7 +96,10 @@
 
 <script setup lang="tsx" generic="Id extends string, OptionValue, Option extends { id: Id; value?: OptionValue; label: string | Component, textLabel?: string, disabled?: boolean }">
 import { useElementBounding, useEventListener, useVModel } from '@vueuse/core'
-import { Component, computed, FunctionalComponent, ref, watch } from 'vue'
+import { Component, computed, FunctionalComponent, Ref, ref, watch, watchEffect } from 'vue'
+
+import { useInjectContext } from '@/composables/useInjectContext'
+import { useZIndex } from '@/composables/useZIndex'
 
 import ScrollContainer from './ScrollContainer.vue'
 import Button from './ui/Button.vue'

components/Switch.vue

@@ -68,7 +68,9 @@
 </template>
 <script setup lang="ts" generic="T extends unknown, Key extends string | boolean, Item extends SwitchItem<T, Key>">
 import { useElementBounding } from '@vueuse/core'
-import type { CSSProperties, UnwrapRef, VNode } from 'vue'
+import { computed, type CSSProperties, nextTick, onMounted, reactive, ref, type UnwrapRef, type VNode, watch } from 'vue'
+
+import { debounce } from '@/utils/debounce'
 
 export interface SwitchItem<T = unknown, Key extends string | boolean = string> {
   name?: string

components/ToastGroup.vue

@@ -28,6 +28,8 @@
   </div>
 </template>
 <script setup lang="ts">
+import { ref } from 'vue'
+
 import IconClose from '@/assets/icons/close.svg?component'
 import IconWarning from '@/assets/icons/warning.svg?component'
 

components/ui/Button.vue

@@ -7,6 +7,8 @@
   </button>
 </template>
 <script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+
 import { classNames, ComponentClassAttr } from '@/utils/vue/utils'
 
 const props = withDefaults(defineProps<{