Як у vue налаштувати авто-іморт як в Nuxtjs

Якщо ви використовуєте VueJs, та NuxtJS. То думаю ви бачили як в NuxtJs зручно працює автоіморт компонентів, та внутрішнії функцій VueJS. З приходом Vue3 та Composition Api, кожен раз імпортувати всі ref, reactive, computed стає великую рутиную, але її можна позбутися. Для цього ми використаємо плагін - unplugin-auto-import/vite

yarn add unplugin-auto-import --dev

vite.config.js:

import AutoImport from 'unplugin-auto-import/vite'

export default defineConfig({
   // ...
   plugins: [
     AutoImport({
      imports: ['vue', 'vue-router', 'vue-i18n'],
      dirs: ['./src/composables'],
      eslintrc: { enabled: true  },
    }),
   ],
   // ...

})

В цьому прикладі я зробив автоматичний іморт з 'vue', 'vue-router', 'vue-i18n', а також всього, що знаходиться в папці ./src/composables, але ви можете додати і компоненти, та інші міксіни, які вам потрібні