Merge pull request #69 from ryanmitchell/feature/allow-for-dynamic-component-names

jonassiewertsen · web-flow · commit ad7726f6453e · 2024-09-09T14:57:57.000+02:00
Allow for dynamic component names
diff --git a/README.md b/README.md
@@ -108,6 +108,18 @@ To include your Livewire component:
 </body>
 ```
 
+if you want to include a component from a dynamic variable you can use the `livewire:component` tag:
+
+```html
+<body>
+    <!-- If using Antlers -->
+    {{ livewire:component :name="variable" }}
+
+    <!-- If using Blade -->
+    <livewire:component name="$variable" />
+</body>
+```
+
 ### @script and @assets
 Antlers versions of [@script](https://livewire.laravel.com/docs/javascript#executing-scripts) and [@assets](https://livewire.laravel.com/docs/javascript#loading-assets) are provided:
 
diff --git a/src/Tags/Livewire.php b/src/Tags/Livewire.php
@@ -15,6 +15,16 @@ public function wildcard($expression): string
     {
         return \Livewire\Livewire::mount($expression, $this->params->except('key')->toArray(), $this->params->only('key')->first());
     }
+    
+    /**
+     * This will load your Livewire component in the Antlers view
+     *
+     * {{ livewire:component name="my-component" }}
+     */
+    public function component(): string
+    {
+        return $this->wildcard($this->params->pull('name'));
+    }
 
     /**
      * Sharing State Between Livewire And Alpine via entangle.
