import خودکار کامپوننت های Vue با در Laravel 11 با کمک Vite

unplugin-vue-components یک پلاگین Vite است که به شما امکان می‌دهد تا به طور خودکار کامپوننت‌های Vue را در پروژه خود import کنید. اگه با nuxt آشنا باشید دقیقا همون چیزیه که nuxt به عنوان کامپوننت داره. برای استفاده از unplugin-vue-components، ابتدا باید آن را در پروژه خود نصب کنید. می‌توانید این کار را با npm install -D unplugin-vue-components انجام بدیم. -D به معنای نصب به عنوان dependency ه.  بعد از نصب، باید آن را در فایل vite.config.js خود پیکربندی کنید.  همونطور که میبینید با option این پلاگین میگیم که توی شاخه components دنبال کامپوننت ها بگرده و از دایرکتوری به عنوان namespace استفاده کنه. با این کار هر جا توی فایلهای وی یو تون از MyComponent استفاده کنید این پلاگین به صورت پیش فرض اگه فایل /resources/js/components/my/component.vue یا /resources/js/components/MyComponent.vue وجود داشته باشه رو ایمپورت میکنه. همونطور که میبینید دایرکتوی مثل نیم اسپیس رفتار کرده.