Якщо ви використовуєте 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, але ви можете додати і компоненти, та інші міксіни, які вам потрібні