كيفية إضافة CDN لـ css داخل مكون Livewire واحد فقط

نعم إضافة ملفات تنسيقات خارجية او ملفات جافاسكربت تُضاف بنفس طريقة إضافتها في ملفات ال blade العادية، فمثلا إذا كنت تريد إضافة ملف تنسيقات تحتاج إلى إضافة التوجيه: 

@yield('custom_css')

في ملف layout قبل إستدعاء @livewireStyles ثم تستخدم التوجيه section في ملف ال blade الخاص بالمُكون بالشكل التالي:

@section('custom_css')
     //....CDN
@endsection

أو يُمكنك إستخدام stack بدل yield بهذا الشكل:

@stack('custom_css')

ثم في ملف ال blade الخاص بالمُكون تستخدم التوجيه push بهذا الشكل:

@push('custom_css')
    // ..... CDN
@endpush

يمكن تنفيذ ذلك كالتالي:

@section('custom_css')

     //....نضع هنا CDN
@endsection

مثال:

@section('stylesheet')
    @livewireStyles


    <link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />


    @endsection

أما للجافاسكريبت:

@section('script')

    <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
    @livewireScripts

@endsection

أو عن طريق Stack / Push كالتالي:

@stack('styles')