From 6415cf494c3b7b95040592d33fe3b028baaf7e23 Mon Sep 17 00:00:00 2001
From: Dave Parsons <dualrudder@gmail.com>
Date: Wed, 2 Nov 2022 09:19:12 -0700
Subject: [PATCH 1/2] Fixes for sveltekit quickstart docs

Fixing the location of the style page in the instructions, plus a couple other minor fixes. I confirmed the example still works with the Nov release of Sveltekit (v153).
---
 apps/reference/docs/guides/with-sveltekit.mdx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/apps/reference/docs/guides/with-sveltekit.mdx b/apps/reference/docs/guides/with-sveltekit.mdx
index 86f2c66592d..cd5d8e4fcf6 100644
--- a/apps/reference/docs/guides/with-sveltekit.mdx
+++ b/apps/reference/docs/guides/with-sveltekit.mdx
@@ -27,7 +27,7 @@ Let's start building the Svelte app from scratch.
 ### Initialize a Svelte app
 
 We can use the [SvelteKit Skeleton Project](https://kit.svelte.dev/docs) to initialize
-an app called `supabase-sveltekit` (for this tutorial you do not need TypeScript, ESLint, Prettier, or Playwright):
+an app called `supabase-sveltekit` (for this tutorial enable TypeScript, but you do not need ESLint, Prettier, or Playwright):
 
 ```bash
 npm init svelte@next supabase-sveltekit
@@ -59,8 +59,8 @@ import { env } from '$env/dynamic/public'
 export const supabaseClient = createClient(env.PUBLIC_SUPABASE_URL, env.PUBLIC_SUPABASE_ANON_KEY)
 ```
 
-And one optional step is to update the CSS file `public/global.css` to make the app look nice.
-You can find the full contents of this file [here](https://raw.githubusercontent.com/supabase/supabase/master/examples/user-management/svelte-user-management/src/app.css).
+And one optional step is to add the CSS file at `src/routes/styles.css` to make the app look nice.
+You can find the full contents of this file [here](https://raw.githubusercontent.com/supabase/supabase/master/examples/user-management/sveltekit-user-management/src/routes/styles.css).
 
 ### Supabase Auth Helpers
 
@@ -435,19 +435,17 @@ Let's create an avatar for the user so that they can upload a profile photo. We
 
 ### Add the new widget
 
-And then we can add the widget to the Account page:
+And then we can add the widget to the Account component:
 
 ```html title="src/routes/Account.svelte"
 <script>
   // Import the new component
   import Avatar from './Avatar.svelte'
+
+  // ..rest of script...
 </script>
 
-<form
-  use:getProfile
-  class="form-widget"
-  on:submit|preventDefault="{updateProfile}"
->
+<form class="form-widget" on:submit|preventDefault="{updateProfile}">
   <!-- Add to body -->
   <Avatar bind:url={avatarUrl} size={10} on:upload={updateProfile} />
 

From 658d169e3b12df2a3b18a2f64f24826b1594d619 Mon Sep 17 00:00:00 2001
From: dng <danny@supabase.io>
Date: Wed, 2 Nov 2022 10:36:02 -0700
Subject: [PATCH 2/2] Update apps/reference/docs/guides/with-sveltekit.mdx

---
 apps/reference/docs/guides/with-sveltekit.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/reference/docs/guides/with-sveltekit.mdx b/apps/reference/docs/guides/with-sveltekit.mdx
index cd5d8e4fcf6..622c7671331 100644
--- a/apps/reference/docs/guides/with-sveltekit.mdx
+++ b/apps/reference/docs/guides/with-sveltekit.mdx
@@ -442,7 +442,7 @@ And then we can add the widget to the Account component:
   // Import the new component
   import Avatar from './Avatar.svelte'
 
-  // ..rest of script...
+  // rest of script
 </script>
 
 <form class="form-widget" on:submit|preventDefault="{updateProfile}">