docs: update docs

Author: xiaoluoboding

.env.example

@@ -0,0 +1,3 @@
+VITE_SUPABASE_URL=https://xxx.supabase.co
+VITE_SUPABASE_ANON_KEY=xxx
+VITE_SITE_URL=https://www.example.com

README.md

@@ -227,7 +227,7 @@ The Auth component is currently shipped with the following views:
 const authView = ref('sign_in')
 
 const redirectTo = computed(() => {
-  return authView === 'forgotten_password' ? FORGOTTEN_PASSWORD_URL : REDIRECT_TO_URL
+  return authView.value === 'forgotten_password' ? FORGOTTEN_PASSWORD_URL : REDIRECT_TO_URL
 })
 </script>
 ```

src/App.vue

@@ -65,6 +65,7 @@
                 :localization="{
                   variables: I18nVariables
                 }"
+                :redirect-to="redirectTo"
                 show-links
               />
             </div>
@@ -199,6 +200,7 @@ const supabaseClient = createClient(
   //   }
   // }
 )
+const SITE_URL = import.meta.env.VITE_SITE_URL
 
 useSEOHeader()
 const { supabaseUser } = useSupabaseUser(supabaseClient)
@@ -243,6 +245,12 @@ const backgroundColor = computed(() => {
 })
 const theme = computed(() => (isDark.value ? 'dark' : 'default'))
 const I18nVariables = computed(() => (locale.value === 'en-US' ? en : zh))
+const redirectTo = computed(() => {
+  return view.value === 'forgotten_password'
+    ? `${SITE_URL}/reset-password`
+    : SITE_URL
+})
+
 watch(
   () => supabaseUser.value,
   (newUser) => {