Blade Components not Rendering with ->join method in an attribute

[gofish543]

Take a given component file...

<svg {{ $attributes }} fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
          d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"></path>
</svg>

And take a given blade view

<div>
    <x-icons.clipboard-copy class="w-6 h-6" x-data="{}" x-clipboard.raw="{{ collect(['a', 'b'])->join(" ") }}"/>
</div>

Results in compiled view code of

 <x-icons.clipboard-copy class="w-6 h-6" x-data="{}" x-clipboard.raw="<?php echo e(collect(['a', 'b'])->join("a")); ?>"/>

Convert the blade view without the join call

<div>
    <x-icons.clipboard-copy class="w-6 h-6" x-data="{}" x-clipboard.raw="{{ collect(['a', 'b']) }}"/>
</div>

And the compiled code becomes

                                <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.icons.clipboard-copy','data' => ['class' => 'w-6 h-6','xData' => '{}','xClipboard.raw' => ''.e(collect(['a', 'b'])).'']] + (isset($attributes) ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('icons.clipboard-copy'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'cursor-pointer w-6 h-6','x-data' => '{}','x-clipboard.raw' => ''.e(collect(['a', 'b'])).'']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>

[aguingand]

You must use different quotes in component attributes value:

x-clipboard.raw="{{ collect(['a', 'b'])->join(' ') }}"

or

x-clipboard.raw='{{ collect(["a", "b"])->join(" ") }}'

[gofish543]

Oh shoot! Good catch. I'll try that later next week and close this discussion :)