`element-plus-nuxt` triggering so much reloading on dev in `nuxt 3.8.2`

[gyhyfj]

Because of the auto-import feature of element-plus-nuxt in nuxt 3.8.2, this plugin always triggers a lot of reloading during development, especially when navigating to a new page. I spend a lot of time waiting for reloads, and what's worse, if there are syntax errors on that page I am navigating to, I can never reach that page, and errors are not displayed in the terminal.

I believe Nuxt should address this issue, but, could the auto-import feature become an optional configuration for element-plus-nuxt users during development to load the entire Element Plus library?

[18:32:37] ℹ ✨ new dependencies optimized: element-plus/es/components/message/style/css, wujie, element-plus/es/components/input/index, ele
ment-plus/es/components/form/index, element-plus/es/components/checkbox/index, element-plus/es/components/input/style/css, element-plus/es/components/form-item/style/css, element-plus/es/components/form/style/css, element-plus/es/components/checkbox/style/css, nanoid
ℹ ✨ optimized dependencies changed. reloading                                                                                  18:32:37
[18:32:53] ℹ ✨ new dependencies optimized: rxjs, element-plus/es/components/select/index, element-plus/es/components/button/index, element-
plus/es/components/collapse/index, element-plus/es/components/option/style/css, element-plus/es/components/select/style/css, element-plus/es/components/button/style/css, element-plus/es/components/collapse-item/style/css, element-plus/es/components/collapse/style/css, element-plus/es/components/loading/style/css, element-plus/es/components/slider/index, element-plus/es/components/slider/style/css, element-plus/es/components/popover/index, element-plus/es/components/dialog/index, element-plus/es/components/popover/style/css, element-plus/es/components/dialog/style/css, element-plus/es/components/tooltip/index, element-plus/es/components/tooltip/style/css, element-plus/es/components/message-box/style/css, element-plus/es/components/icon/index, element-plus/es/components/icon/style/css, konva, element-plus/es/components/carousel/index, element-plus/es/components/carousel-item/style/css, element-plus/es/components/carousel/style/css
ℹ ✨ optimized dependencies changed. reloading                                                                                  18:32:53    
[18:34:06] ℹ ✨ new dependencies optimized: element-plus/es/components/date-picker/index, element-plus/es/components/dropdown/index, element
-plus/es/components/pagination/index, element-plus/es/components/date-picker/style/css, element-plus/es/components/dropdown-item/style/css, element-plus/es/components/dropdown-menu/style/css, element-plus/es/components/dropdown/style/css, element-plus/es/components/pagination/style/css, dayjs
ℹ ✨ optimized dependencies changed. reloading                                                                                  18:34:06

[guipie]

me too

[gyhyfj]

See https://github.com/nuxt/nuxt/issues/24196 , my temporary solution is adding this to nuxt.config.ts:

  vite: {
    optimizeDeps: {
      include: ['element-plus/es/components/**'],
    },
  },

me too

[guipie]

See nuxt/nuxt#24196 , my temporary solution is adding this to nuxt.config.ts:

  vite: {
    optimizeDeps: {
      include: ['element-plus/es/components/**'],
    },
  },

me too

After adding this, a new problem occurred, the home page loaded very slowly

[tolking]

How about this?

vite: {
    optimizeDeps: {
      include: [
        'element-plus/es/components/*/index',
        'element-plus/es/components/*/style/index', // or 'element-plus/es/components/*/style/css'
      ],
    },
},

[tolking]

After updating to the latest version (1.0.10), the reloading issue will be optimized, at the cost of a significant increase in the number of requests. You can choose to update according to the situation.