How can I use my @rupiah Blade directive within a Laravel component?

When you register a Blade directive (like @rupiah) it’s not a globally available function—you can only use it in Blade’s templating syntax. When you do this:

BLADECopied
value="{{ rupiah($retailPending['NLTRX']) }}"

Laravel is trying to call a function named rupiah() (which isn’t defined globally), hence the error.

Options to Solve This

1. Use the Directive in the Blade Template (Outside or Within Markup):
   Directives are meant for controlling template logic. For example, if you want to output the formatted value directly in the view you’d write:

   BLADECopied
   @rupiah($retailPending['NLTRX'])

   However, note that applying a directive inside an attribute (like in a component) is tricky because Blade needs to evaluate the attribute value before supplying it to a component.

2. Create a Global Helper Function:
   If you need to process and pass the formatted value as a component attribute, consider creating a helper function.

   • Create a file like app/Helpers/helpers.php (if you don’t already have one).

   • Add your function:

     PHPCopied
     <?php
     if (!function_exists('rupiah')) {
         function rupiah($value)
         {
             // Example formatting logic
             return 'Rp ' . number_format($value, 0, ',', '.');
         }
     }

   • Update your composer.json to autoload the helpers file:

     JSONCopied
     "autoload": {
         "files": [
             "app/Helpers/helpers.php"
         ]
     }

   • Run composer dump-autoload and then you can call:

     BLADECopied
     <x-form.input 
         name="NLTRX" 
         label="Nilai Transaksi" 
         disabled="true" 
         value="{{ rupiah($retailPending['NLTRX']) }}"
     />

3. Preprocess Value in the Controller:
   Another option is processing the value before passing it to the view:

   PHPCopied
   $formattedValue = rupiah($retailPending['NLTRX']);
   return view('your.view', compact('formattedValue', 'retailPending'));

   And then in your Blade component:

   BLADECopied
   <x-form.input 
       name="NLTRX" 
       label="Nilai Transaksi" 
       disabled="true" 
       value="{{ $formattedValue }}"
   />

Summary

The core issue is that Blade directives are not the same as helper functions. Directives let you write custom syntax in your templates, but if you need a reusable function (especially for use within attributes), defining a global helper is the way to go.