Refactor npm build.

ijpatricio · Dec 23, 2023 · 9f834df · 9f834df
1 parent db3d722
commit 9f834df
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/app/Livewire/HelloWorld.php b/app/Livewire/HelloWorld.php
@@ -11,6 +11,6 @@ class HelloWorld extends Component
 
     public function component(): string
     {
-        return 'HelloWorld';
+        return 'HelloWorld/index.jsx';
     }
 }
diff --git a/app/Livewire/TodoList.php b/app/Livewire/TodoList.php
@@ -16,7 +16,7 @@ class TodoList extends Component
 
     public function component(): string
     {
-        return 'TodoList';
+        return 'TodoList/index.js';
     }
 
     #[Renderless]

diff --git a/app/Mingle/RendersJavaScript.php b/app/Mingle/RendersJavaScript.php
@@ -8,6 +8,11 @@ trait RendersJavaScript
 {
     public $mingleId;
 
+    public function componentKey(): string
+    {
+        return Str::before($this->component(), '/');
+    }
+
     public function mountRendersJavaScript()
     {
         $this->mingleId = 'mingle-' . Str::random();

diff --git a/resources/mingle-views/mingle.blade.php b/resources/mingle-views/mingle.blade.php
@@ -19,7 +19,7 @@
         console.log('Mingle init', window.Mingle)
 
         document.addEventListener('livewire:initialized', () => {
-            window.Mingle['{{ $this->component() }}']
+            window.Mingle['{{ $this->componentKey() }}']
                 .create(
                     '{{ $this->mingleId }}',
                     window.Livewire.find('{{ $_instance->getId() }}'),