Fix lists

src/lib/SideBars/LoreBook/LoreBookList.svelte

@@ -83,9 +83,8 @@
     })
 </script>
 
-
-<div class="border-solid border-selected p-2 flex flex-col border-1 rounded-md" bind:this={ele}>
 {#key sorted}
+    <div class="border-solid border-selected p-2 flex flex-col border-1 rounded-md" bind:this={ele}>
         {#if globalMode}
             {#if DBState.db.loreBook[DBState.db.loreBookPage].data.length === 0}
                 <span class="text-textcolor2">No Lorebook</span>
@@ -123,5 +122,5 @@
                 {/each}
             {/if}
         {/if}
-    {/key}
     </div>
+{/key}

src/lib/SideBars/Scripts/RegexList.svelte

@@ -61,12 +61,11 @@
         }
     })
 </script>
-
+{#key sorted}
     <div class="contain w-full max-w-full mt-2 flex flex-col p-3 border-selected border-1 bg-darkbg rounded-md" bind:this={ele}>
         {#if value.length === 0}
                 <div class="text-textcolor2">No Scripts</div>
         {/if}
-    {#key sorted}
         {#each value as customscript, i}
             <RegexData idx={i} bind:value={value[i]} onOpen={onOpen} onClose={onClose} onRemove={() => {
                 let customscript = value
@@ -74,5 +73,5 @@
                 value = customscript
             }}/>
         {/each}
-    {/key}
     </div>
+{/key}

src/lib/SideBars/Scripts/TriggerList.svelte

@@ -119,11 +119,11 @@
         openURL(hubURL + '/redirect/docs/lua')
     }}>{language.helpBlock}</Button>
 {:else}
+    {#key sorted}
         <div class="contain w-full max-w-full mt-2 flex flex-col p-3 border-selected border-1 bg-darkbg rounded-md" bind:this={ele}>
             {#if value.length === 0}
                     <div class="text-textcolor2">No Scripts</div>
             {/if}
-        {#key sorted}
                 {#each value as triggerscript, i}
                     <TriggerData idx={i} bind:value={value[i]} lowLevelAble={lowLevelAble} onOpen={onOpen} onClose={onClose} onRemove={() => {
                         let triggerscript = value
@@ -131,7 +131,6 @@
                         value = triggerscript
                     }}/>
                 {/each}
-        {/key}
         </div>
         <button class="font-medium cursor-pointer hover:text-textcolor mb-2 text-textcolor2" onclick={() => {
             value.push({
@@ -142,4 +141,5 @@
             })
             value = value
         }}><PlusIcon /></button>
+    {/key}
 {/if}