refactor: consolidate imports from '@/composables' across multiple components

Author: Justineo

packages/extension/components/Panel.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useDraggable, useEventListener, useWindowSize, watchDebounced } from '@vueuse/core'
 
-import { useScrollbar } from '@/composables/scrollbar'
+import { useScrollbar } from '@/composables'
 import { ui } from '@/ui/figma'
 import { options } from '@/ui/state'
 

packages/extension/components/PluginInstaller.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { PluginData } from '@/composables/plugin'
+import type { PluginData } from '@/composables'
 
-import { usePluginInstall } from '@/composables/plugin'
+import { usePluginInstall } from '@/composables'
 
 import IconButton from './IconButton.vue'
 import Minus from './icons/Minus.vue'

packages/extension/components/PluginItem.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
-import type { PluginData } from '@/composables/plugin'
+import type { PluginData } from '@/composables'
 
 import IconButton from '@/components/IconButton.vue'
 import Check from '@/components/icons/Check.vue'
 import Minus from '@/components/icons/Minus.vue'
 import Refresh from '@/components/icons/Refresh.vue'
-import { usePluginInstall } from '@/composables/plugin'
-import { useToast } from '@/composables/toast'
+import { usePluginInstall, useToast } from '@/composables'
 
 const props = defineProps<{
   name: string

packages/extension/components/sections/MetaSection.vue

@@ -5,7 +5,7 @@ import IconButton from '@/components/IconButton.vue'
 import Link from '@/components/icons/Link.vue'
 import Select from '@/components/icons/Select.vue'
 import Section from '@/components/Section.vue'
-import { useDevResourceLinks } from '@/composables/dev-resources'
+import { useDevResourceLinks } from '@/composables'
 import { selection, selectedNode, selectedTemPadComponent } from '@/ui/state'
 
 const title = computed(() => {

packages/extension/components/sections/PrefSection.vue

@@ -6,7 +6,7 @@ import Section from '@/components/Section.vue'
 import McpSection from '@/components/sections/McpSection.vue'
 import PluginsSection from '@/components/sections/PluginsSection.vue'
 import Select, { type SelectOption } from '@/components/Select.vue'
-import { useSelectAll } from '@/composables/input'
+import { useSelectAll } from '@/composables'
 import { options } from '@/ui/state'
 
 const root = ref<InstanceType<typeof Section> | null>(null)

packages/extension/composables/index.ts

@@ -1,6 +1,10 @@
 export * from './copy'
 export * from './deep-link'
+export * from './dev-resources'
 export * from './input'
 export * from './key-lock'
+export * from './mcp'
+export * from './plugin'
+export * from './scrollbar'
 export * from './selection'
 export * from './toast'

packages/extension/entrypoints/ui/App.vue

@@ -10,7 +10,7 @@ import ErrorSection from '@/components/sections/ErrorSection.vue'
 import MetaSection from '@/components/sections/MetaSection.vue'
 import PrefSection from '@/components/sections/PrefSection.vue'
 import { useKeyLock, useSelection } from '@/composables'
-import { useMcp } from '@/composables/mcp'
+import { useMcp } from '@/composables'
 import { options, runtimeMode } from '@/ui/state'
 
 useSelection()