chore(vue): auto import useAppConfig

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()
 

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

src/runtime/vue/composables/useAppConfig.ts

@@ -0,0 +1,3 @@
+import appConfig from '#build/app.config'
+
+export const useAppConfig = () => appConfig