fix: Export 'useState' from 'nuxt/app' instead of '#imports'

[guaijie]

🐛 The bug

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2025-02-07',
  hooks: {
    'imports:sources'(presets) {
      const index = presets.findIndex(
        (preset) => preset.from === '#app/composables/state'
      );
      presets.splice(index, 1);
    },
  },
});

As you can see from the configuration file, I removed 'useState' from autoImports.
This is normal behavior because developers can choose which modules to remove from autoImports.
So you shouldn't import modules from '#imports' anyway.

🛠️ To reproduce

https://stackblitz.com/edit/github-vrre2hcu?file=nuxt.config.ts

🌈 Expected behavior

no response

ℹ️ Additional context

No response

[antfu]

I removed 'useState' from autoImports.

Why would you want to do that? Shouldn't you disable imports.autoImports: false would be serve your purpose?

[danielroe]

I do not believe it is safe to import from nuxt/app - it is for types only. I would advise using #imports and would not think it safe to support the removal of core nuxt composables.