Lint

packages/client/src/components/Component.svelte

@@ -208,7 +208,6 @@
     draggable,
     definition,
     errored: errorState,
-    draggable,
   }
 
   // Update component context
@@ -647,8 +646,6 @@
 {#if constructor && initialSettings && (visible || inSelectedPath) && !builderHidden}
   <!-- The ID is used as a class because getElementsByClassName is O(1) -->
   <!-- and the performance matters for the selection indicators -->
-  <!-- svelte-ignore a11y-click-events-have-key-events -->
-  <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
     class={`component ${id}`}
     class:draggable

packages/client/src/components/app/BackgroundImage.svelte

@@ -1,8 +1,7 @@
 <script>
   import { getContext } from "svelte"
-  import Placeholder from "./Placeholder.svelte"
 
-  const { styleable, builderStore } = getContext("sdk")
+  const { styleable } = getContext("sdk")
   const component = getContext("component")
 
   export let url
@@ -40,9 +39,4 @@
     background-size: cover;
     background-position: center center;
   }
-
-  .placeholder {
-    display: grid;
-    place-items: center;
-  }
 </style>

packages/client/src/components/preview/GridDNDHandler.svelte

@@ -41,7 +41,7 @@
   // Util to get the inner DOM node by a component ID
   const getDOMNode = id => {
     const component = document.getElementsByClassName(id)[0]
-    return [...component?.children][0]
+    return Array.from(component?.children || [])[0]
   }
 
   const getComponentStyles = gridStyles => {