fixing live preview

src/actions/EditComponentData.php

@@ -14,7 +14,11 @@ public function handle(Component $component, array $data)
             return $component;
         }
 
-        $component
+        // Touch the component so we log that the data has updated
+        $component->touch();
+
+        // Save the data
+        $componentData = $component
             ->maybeDuplicateData()
             ->merge($data)
             ->save();

src/base/ComponentType.php

@@ -77,6 +77,11 @@ public function render(array $variables = []): string
 
     abstract public function getTemplatePath(): string;
 
+    public function hasSlots(): bool
+    {
+        return $this->getSlotDefinitions()->isNotEmpty();
+    }
+
     /**
      * @return Collection<SlotDefinition>
      */

src/models/Component.php

@@ -5,6 +5,7 @@
 use craft\base\ElementInterface;
 use craft\base\FieldInterface;
 use craft\db\ActiveQuery;
+use craft\helpers\DateTimeHelper;
 use Illuminate\Support\Collection;
 use markhuot\keystone\actions\GetComponentType;
 use markhuot\keystone\actions\NormalizeFieldDataForComponent;
@@ -144,6 +145,14 @@ public function refresh()
         return parent::refresh();
     }
 
+    public function touch()
+    {
+        $this->dateUpdated = DateTimeHelper::now();
+        $this->save();
+
+        return $this;
+    }
+
     public function __get($name)
     {
         $value = parent::__get($name);

src/templates/field.twig

@@ -15,7 +15,7 @@
         {% endif %}
         <ul style="margin-left: 2rem;">
             {% for child in component.getSlot(slot.name) %}
-                <li class="k-relative {{ child.isCollapsed() ? 'k-collapsed' }}"
+                <li class="k-relative {{ child.getType().hasSlots() and child.isCollapsed() ? 'k-collapsed' }}"
                     draggable="true"
                     data-draggable="{{ child.id }}"
                     data-draggable-type="{{ child.getType().getHandle() }}"