From 131517a200efb7dac3ff332580d08ea28689cc7e Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 17 Jul 2025 13:22:24 +0530
Subject: [PATCH] update: svelte5 runes migrations.

---
 .../indexes/+page.svelte                      | 25 +++++++++++--------
 .../indexes/overviewIndex.svelte              | 10 +++++---
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/+page.svelte
index 7a8269f29..86ea92141 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/+page.svelte
@@ -33,28 +33,33 @@
     import { page } from '$app/state';
     import SideSheet from '../layout/sidesheet.svelte';
     import { flags } from '$lib/flags';
+    import type { PageData } from './$types';
 
-    export let data;
+    let {
+        data
+    }: {
+        data: PageData;
+    } = $props();
 
-    let showCreateIndex = false;
-    let selectedIndex: Models.Index = null;
+    let showCreateIndex = $state(false);
+    let selectedIndex: Models.Index = $state(null);
 
-    let selectedIndexes = [];
+    let selectedIndexes = $state([]);
     let createIndex: CreateIndex;
 
-    let error = '';
-    let showFailed = false;
-    let showDelete = false;
-    let showOverview = false;
+    let error = $state('');
+    let showFailed = $state(false);
+    let showDelete = $state(false);
+    let showOverview = $state(false);
 
-    let columns = [
+    let columns = $state([
         { id: 'key' },
         { id: 'type' },
         { id: 'columns' },
         // { id: 'orders' }, // design doesn't have orders atm
         { id: 'lengths' },
         { id: 'actions', width: 40, isAction: true }
-    ];
+    ]);
 
     function getAttributeStatusBadge(status: string): ComponentProps<Badge>['type'] {
         switch (status) {
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/overviewIndex.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/overviewIndex.svelte
index 627fb9d90..bd6c3343f 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/overviewIndex.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/overviewIndex.svelte
@@ -1,11 +1,15 @@
 <script lang="ts">
+    import { page } from '$app/state';
+    import { flags } from '$lib/flags';
     import { InputText } from '$lib/elements/forms';
     import { Layout } from '@appwrite.io/pink-svelte';
     import type { Models } from '@appwrite.io/console';
-    import { page } from '$app/state';
-    import { flags } from '$lib/flags';
 
-    export let selectedIndex: Models.Index = null;
+    let {
+        selectedIndex = null
+    }: {
+        selectedIndex: Models.Index;
+    } = $props();
 
     const showLengths = flags.showIndexLengths(page.data);
 </script>