diff --git a/playground-vue/src/app.vue b/playground-vue/src/app.vue
index 2018ebb5..eb54d305 100644
--- a/playground-vue/src/app.vue
+++ b/playground-vue/src/app.vue
@@ -4,10 +4,6 @@ import { useRouter } from 'vue-router'
 import { reactive, ref } from 'vue'
 import { useColorMode } from '@vueuse/core'
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore included for compatibility with Nuxt playground
-import { useAppConfig } from '#imports'
-
 const appConfig = useAppConfig()
 const mode = useColorMode()
 
diff --git a/src/plugins/auto-import.ts b/src/plugins/auto-import.ts
index fb658aae..e32c4a5f 100644
--- a/src/plugins/auto-import.ts
+++ b/src/plugins/auto-import.ts
@@ -13,7 +13,7 @@ import type { Options as AutoImportOptions } from 'unplugin-auto-import/types'
 export default function AutoImportPlugin(options: NuxtUIOptions, meta: UnpluginContextMeta): UnpluginOptions {
   const pluginOptions = defu(options.autoImport, <AutoImportOptions>{
     dts: options.dts ?? true,
-    dirs: [join(runtimeDir, 'composables')]
+    dirs: [join(runtimeDir, 'composables'), join(runtimeDir, 'vue/composables')]
   })
 
   return AutoImport.raw(pluginOptions, meta) as UnpluginOptions
diff --git a/src/runtime/vue/composables/useAppConfig.ts b/src/runtime/vue/composables/useAppConfig.ts
new file mode 100644
index 00000000..a06491cf
--- /dev/null
+++ b/src/runtime/vue/composables/useAppConfig.ts
@@ -0,0 +1,3 @@
+import appConfig from '#build/app.config'
+
+export const useAppConfig = () => appConfig