[9.x] Support kebab case for slot name shortcut (#42574)

* Support kebab case for slot names

The inline slot name shortcut was added in laravel 9 but it does not comply with the blade component kebab case naming convention (for when the slot name has more than 1 word). This edit will will make the feature fit intuitively with the blade component naming conventions.

* Matches catpture group increment

A new capture group was added in order to support kebab case so the check for the existence of the dynamic component should be increased by 1

* pattern should have been a non-capturing group

the pattern should have been a non capturing group instead of incrementing the index for matches.

* kebab-cased slot names are converted to camelCase rather than snake_case

* fix code style issue

Compilers/ComponentTagCompiler.php

@@ -426,7 +426,7 @@ public function compileSlots(string $value)
             <
                 \s*
                 x[\-\:]slot
-                (?:\:(?<inlineName>\w+))?
+                (?:\:(?<inlineName>\w+(?:-\w+)*))?
                 (?:\s+(:?)name=(?<name>(\"[^\"]+\"|\\\'[^\\\']+\\\'|[^\s>]+)))?
                 (?<attributes>
                     (?:
@@ -460,6 +460,10 @@ public function compileSlots(string $value)
         $value = preg_replace_callback($pattern, function ($matches) {
             $name = $this->stripQuotes($matches['inlineName'] ?: $matches['name']);
 
+            if (Str::contains($name, '-')) {
+                $name = Str::camel($name);
+            }
+
             if ($matches[2] !== ':') {
                 $name = "'{$name}'";
             }