From 6a9fb9fea3dbf6cc61eb7eb2e0f7e731ed652f76 Mon Sep 17 00:00:00 2001
From: Jesse Winton <jesse@appwrite.io>
Date: Wed, 2 Apr 2025 08:45:22 -0400
Subject: [PATCH] fix

---
 src/lib/components/Carousel.svelte            |  9 ++---
 .../components/MultiCodeContextless.svelte    |  6 +++-
 src/lib/components/ui/input.svelte            |  1 -
 src/routes/changelog/[[page]]/+page.svelte    |  3 +-
 .../[platform]/[service]/+page.svelte         | 11 +++---
 .../init-0/tickets/customize/+page.svelte     | 34 +++++++++++--------
 .../init/tickets/customize/+page.svelte       | 18 +++++-----
 src/routes/integrations/+page.svelte          |  2 +-
 .../(components)/MultiFrameworkCode.svelte    |  2 +-
 .../(components)/MultiFrameworkCode.svelte    |  2 +-
 .../(components)/MultiCodeContextless.svelte  |  2 +-
 11 files changed, 47 insertions(+), 43 deletions(-)

diff --git a/src/lib/components/Carousel.svelte b/src/lib/components/Carousel.svelte
index f31328e18..65f02a958 100644
--- a/src/lib/components/Carousel.svelte
+++ b/src/lib/components/Carousel.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import type { Snippet } from "svelte";
+    import type { Snippet } from 'svelte';
 
     let carousel: HTMLElement;
 
@@ -10,12 +10,7 @@
         children: Snippet;
     }
 
-    let {
-        size = 'default',
-        gap = 32,
-        header,
-        children
-    }: Props = $props();
+    let { size = 'default', gap = 32, header, children }: Props = $props();
     let scroll = 0;
 
     function calculateScrollAmount(prev = false) {
diff --git a/src/lib/components/MultiCodeContextless.svelte b/src/lib/components/MultiCodeContextless.svelte
index 2b0340371..622da22fc 100644
--- a/src/lib/components/MultiCodeContextless.svelte
+++ b/src/lib/components/MultiCodeContextless.svelte
@@ -1,3 +1,7 @@
+<!-- @migration-task Error while migrating Svelte code: Cannot use `export let` in runes mode — use `$props()` instead
+https://svelte.dev/e/legacy_export_invalid -->
+<!-- @migration-task Error while migrating Svelte code: Cannot use `export let` in runes mode — use `$props()` instead
+https://svelte.dev/e/legacy_export_invalid -->
 <script lang="ts">
     import { Select, Tooltip } from '$lib/components';
     import { getCodeHtml, type Language } from '$lib/utils/code';
@@ -29,7 +33,7 @@
     type CopyStatusType = keyof typeof CopyStatus;
     type CopyStatusValue = (typeof CopyStatus)[CopyStatusType];
 
-    let copyText = $state<CopyStatusValue>(CopyStatus.Copy);
+    let copyText: CopyStatusValue = CopyStatus.Copy;
 
     async function handleCopy() {
         await copy(content);
diff --git a/src/lib/components/ui/input.svelte b/src/lib/components/ui/input.svelte
index 03c7d7c8a..ed188d14d 100644
--- a/src/lib/components/ui/input.svelte
+++ b/src/lib/components/ui/input.svelte
@@ -5,7 +5,6 @@
     import type { Snippet } from 'svelte';
     import type { HTMLInputAttributes } from 'svelte/elements';
 
-
     interface Props extends HTMLInputAttributes {
         label?: string;
         icon?: Snippet;
diff --git a/src/routes/changelog/[[page]]/+page.svelte b/src/routes/changelog/[[page]]/+page.svelte
index 2ca71b870..420ada835 100644
--- a/src/routes/changelog/[[page]]/+page.svelte
+++ b/src/routes/changelog/[[page]]/+page.svelte
@@ -62,8 +62,7 @@
                     </ul>
 
                     {#if data.nextPage}
-                        <button class="web-button is-secondary" onclick={loadMore}
-                            >Load more</button
+                        <button class="web-button is-secondary" onclick={loadMore}>Load more</button
                         >
                     {/if}
                 </div>
diff --git a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
index d256a7609..247226845 100644
--- a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
+++ b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
@@ -119,13 +119,14 @@
     });
 
     // cleaned service description without Markdown links.
-    let serviceDescription = $derived((data.service?.description ?? '').replace(
-        /\[([^\]]+)]\([^)]+\)/g,
-        '$1'
-    ));
+    let serviceDescription = $derived(
+        (data.service?.description ?? '').replace(/\[([^\]]+)]\([^)]+\)/g, '$1')
+    );
 
     // the service description up to the first full stop, providing sufficient information.
-    let shortenedDescription = $derived(serviceDescription.substring(0, serviceDescription.indexOf('.') + 1));
+    let shortenedDescription = $derived(
+        serviceDescription.substring(0, serviceDescription.indexOf('.') + 1)
+    );
 
     let platformBindingForSelect = $derived($page.params.platform as Platform);
     let platform = $derived(($preferredPlatform ?? $page.params.platform) as Platform);
diff --git a/src/routes/init-0/tickets/customize/+page.svelte b/src/routes/init-0/tickets/customize/+page.svelte
index a57041613..50b78571f 100644
--- a/src/routes/init-0/tickets/customize/+page.svelte
+++ b/src/routes/init-0/tickets/customize/+page.svelte
@@ -21,14 +21,16 @@
     let customizing = $state(false);
     let variant: TicketVariant = $state(data.ticket.variant ?? 'default');
 
-    let modified = $derived(!dequal(
-        {
-            name: data.ticket?.name,
-            tribe: data.ticket?.tribe,
-            showGitHub: data.ticket?.show_contributions
-        },
-        { name, tribe, showGitHub }
-    ));
+    let modified = $derived(
+        !dequal(
+            {
+                name: data.ticket?.name,
+                tribe: data.ticket?.tribe,
+                showGitHub: data.ticket?.show_contributions
+            },
+            { name, tribe, showGitHub }
+        )
+    );
 
     async function saveTicket() {
         const ticketId = data.ticket?.$id;
@@ -57,13 +59,15 @@
 
     const ticketUrl = `${$page.url.origin}/init-0/tickets/${data.ticket.$id}`;
     const { copied, copy } = createCopy(ticketUrl);
-    let twitterText = $derived(encodeURIComponent(
-        [
-            `Join Init and celebrate everything new with @appwrite`,
-            ``,
-            `Claim your ticket. ${ticketUrl}`
-        ].join('\n')
-    ));
+    let twitterText = $derived(
+        encodeURIComponent(
+            [
+                `Join Init and celebrate everything new with @appwrite`,
+                ``,
+                `Claim your ticket. ${ticketUrl}`
+            ].join('\n')
+        )
+    );
 </script>
 
 <svelte:head>
diff --git a/src/routes/init/tickets/customize/+page.svelte b/src/routes/init/tickets/customize/+page.svelte
index 186913566..c5cedb614 100644
--- a/src/routes/init/tickets/customize/+page.svelte
+++ b/src/routes/init/tickets/customize/+page.svelte
@@ -22,14 +22,16 @@
     let customizing = $state(false);
     let saving = $state(false);
 
-    let modified = $derived(!dequal(
-        {
-            name: originalName,
-            title: originalTitle,
-            showGitHub: originalShowGitHub
-        },
-        { name, title, showGitHub }
-    ));
+    let modified = $derived(
+        !dequal(
+            {
+                name: originalName,
+                title: originalTitle,
+                showGitHub: originalShowGitHub
+            },
+            { name, title, showGitHub }
+        )
+    );
 
     async function saveTicket() {
         if (!modified) return;
diff --git a/src/routes/integrations/+page.svelte b/src/routes/integrations/+page.svelte
index aace3d78d..9604aae95 100644
--- a/src/routes/integrations/+page.svelte
+++ b/src/routes/integrations/+page.svelte
@@ -74,7 +74,7 @@
 </svelte:head>
 
 <!-- binding for fuse -->
-<Fuse list={data.list} options={fuseOptions} bind:query={query} bind:result />
+<Fuse list={data.list} options={fuseOptions} bind:query bind:result />
 <Main>
     <header class="web-u-sep-block-end web-u-padding-block-end-0 relative overflow-hidden pb-0">
         <div class="hero web-u-padding-block-end-0 relative container">
diff --git a/src/routes/products/auth/(components)/MultiFrameworkCode.svelte b/src/routes/products/auth/(components)/MultiFrameworkCode.svelte
index 6b206e5b8..870300c1c 100644
--- a/src/routes/products/auth/(components)/MultiFrameworkCode.svelte
+++ b/src/routes/products/auth/(components)/MultiFrameworkCode.svelte
@@ -29,7 +29,7 @@
     type CopyStatusType = keyof typeof CopyStatus;
     type CopyStatusValue = (typeof CopyStatus)[CopyStatusType];
 
-    let copyText = $state<CopyStatusValue>(CopyStatus.Copy);
+    let copyText: CopyStatusValue = CopyStatus.Copy;
     async function handleCopy() {
         await copy(content);
 
diff --git a/src/routes/products/functions/(components)/MultiFrameworkCode.svelte b/src/routes/products/functions/(components)/MultiFrameworkCode.svelte
index 3f729b2a6..329ff6335 100644
--- a/src/routes/products/functions/(components)/MultiFrameworkCode.svelte
+++ b/src/routes/products/functions/(components)/MultiFrameworkCode.svelte
@@ -29,7 +29,7 @@
     type CopyStatusType = keyof typeof CopyStatus;
     type CopyStatusValue = (typeof CopyStatus)[CopyStatusType];
 
-    let copyText = $state<CopyStatusValue>(CopyStatus.Copy);
+    let copyText: CopyStatusValue = CopyStatus.Copy;
     async function handleCopy() {
         await copy(content);
 
diff --git a/src/routes/products/messaging/(components)/MultiCodeContextless.svelte b/src/routes/products/messaging/(components)/MultiCodeContextless.svelte
index 8411fae67..414ee782d 100644
--- a/src/routes/products/messaging/(components)/MultiCodeContextless.svelte
+++ b/src/routes/products/messaging/(components)/MultiCodeContextless.svelte
@@ -29,7 +29,7 @@
     type CopyStatusType = keyof typeof CopyStatus;
     type CopyStatusValue = (typeof CopyStatus)[CopyStatusType];
 
-    let copyText = $state<CopyStatusValue>(CopyStatus.Copy);
+    let copyText: CopyStatusValue = CopyStatus.Copy;
     async function handleCopy() {
         await copy(content);