docs(nuxt): add warning in dev mode suggesting #imports

danielroe · danielroe · commit 3c586cad949c · 2023-10-27T15:49:22.000+09:00
diff --git a/packages/nuxt/src/app/composables/index.ts b/packages/nuxt/src/app/composables/index.ts
@@ -34,3 +34,7 @@ export type { NuxtAppManifest, NuxtAppManifestMeta } from './manifest'
 export type { ReloadNuxtAppOptions } from './chunk'
 export { reloadNuxtApp } from './chunk'
 export { useRequestURL } from './url'
+
+if (import.meta.dev) {
+  console.log('Directly importing from `#app/composables` is discouraged as it can decrease performance in Vite. Instead, you can import from `#imports`. You can read more at https://nuxt.com/docs/guide/concepts/auto-imports#explicit-imports.')
+}
diff --git a/packages/nuxt/src/app/index.ts b/packages/nuxt/src/app/index.ts
@@ -13,3 +13,7 @@ export type { PageMeta } from '../pages/runtime/index'
 
 export const isVue2 = false
 export const isVue3 = true
+
+if (import.meta.dev) {
+  console.log('Directly importing from `#app` is discouraged as it can decrease performance in Vite. Instead, you can import from `#imports`. You can read more at https://nuxt.com/docs/guide/concepts/auto-imports#explicit-imports.')
+}
