Kebab case component names

README.md

@@ -82,6 +82,9 @@ class Counter extends Component
 }
 ```
 
+## Caveats
+- Components with hyphens cannot be called like `{% livewire foo-bar %}` as Twig doesn't allow hyphens like that. We've added a workaround for this by allowing camel case: `{% livewire fooBar %}`
+
 ## Todo
 - [ ] Implement support for `key` tracking
 - [ ] Implement support for preserving child tracking

src/LivewireTokenParser.php

@@ -2,6 +2,7 @@
 
 namespace Enflow\LivewireTwig;
 
+use Illuminate\Support\Str;
 use Twig\Token;
 use Twig\TokenParser\AbstractTokenParser;
 
@@ -18,7 +19,7 @@ public function parse(Token $token): LivewireNode
 
         $this->parser->getStream()->expect(Token::BLOCK_END_TYPE);
 
-        return new LivewireNode($component, $variables, $token->getLine(), $this->getTag());
+        return new LivewireNode(Str::kebab($component), $variables, $token->getLine(), $this->getTag());
     }
 
     public function getTag(): string