From ed282fe45f651057454aff46a817939e40f57bfc Mon Sep 17 00:00:00 2001
From: Jerome Swannack <jeromeswannack@gmail.com>
Date: Thu, 13 Apr 2023 10:40:10 +1200
Subject: [PATCH] Replacing type="website" attributes on html inputs to "url"

---
 .../pages/guides/getting-started/tutorials/with-nextjs.mdx    | 4 ++--
 .../pages/guides/getting-started/tutorials/with-nuxt-3.mdx    | 4 ++--
 .../pages/guides/getting-started/tutorials/with-react.mdx     | 2 +-
 .../pages/guides/getting-started/tutorials/with-redwoodjs.mdx | 2 +-
 .../pages/guides/getting-started/tutorials/with-sveltekit.mdx | 4 ++--
 .../pages/guides/getting-started/tutorials/with-vue-3.mdx     | 2 +-
 .../nextjs-ts-user-management/components/Account.tsx          | 2 +-
 .../nuxt3-user-management/components/Account.vue              | 2 +-
 .../user-management/react-user-management/src/Account.jsx     | 2 +-
 .../sveltekit-user-management/src/routes/Account.svelte       | 2 +-
 .../vue3-user-management/src/components/Account.vue           | 4 ++--
 11 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx b/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
index 14c32a07bbb..7170c61d709 100644
--- a/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
+++ b/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
@@ -287,7 +287,7 @@ export default function Account({ session }) {
         <label htmlFor="website">Website</label>
         <input
           id="website"
-          type="website"
+          type="url"
           value={website || ''}
           onChange={(e) => setWebsite(e.target.value)}
         />
@@ -417,7 +417,7 @@ export default function Account({ session }: { session: Session }) {
         <label htmlFor="website">Website</label>
         <input
           id="website"
-          type="website"
+          type="url"
           value={website || ''}
           onChange={(e) => setWebsite(e.target.value)}
         />
diff --git a/apps/docs/pages/guides/getting-started/tutorials/with-nuxt-3.mdx b/apps/docs/pages/guides/getting-started/tutorials/with-nuxt-3.mdx
index be8fcf69c34..31bc5e274b2 100644
--- a/apps/docs/pages/guides/getting-started/tutorials/with-nuxt-3.mdx
+++ b/apps/docs/pages/guides/getting-started/tutorials/with-nuxt-3.mdx
@@ -192,7 +192,7 @@ async function signOut() {
     </div>
     <div>
       <label for="website">Website</label>
-      <input id="website" type="website" v-model="website" />
+      <input id="website" type="url" v-model="website" />
     </div>
 
     <div>
@@ -414,7 +414,7 @@ async function signOut() {
     </div>
     <div>
       <label for="website">Website</label>
-      <input id="website" type="website" v-model="website" />
+      <input id="website" type="url" v-model="website" />
     </div>
 
     <div>
diff --git a/apps/docs/pages/guides/getting-started/tutorials/with-react.mdx b/apps/docs/pages/guides/getting-started/tutorials/with-react.mdx
index b72fa02a445..e946f04cfc7 100644
--- a/apps/docs/pages/guides/getting-started/tutorials/with-react.mdx
+++ b/apps/docs/pages/guides/getting-started/tutorials/with-react.mdx
@@ -200,7 +200,7 @@ export default function Account({ session }) {
         <label htmlFor="website">Website</label>
         <input
           id="website"
-          type="website"
+          type="url"
           value={website || ''}
           onChange={(e) => setWebsite(e.target.value)}
         />
diff --git a/apps/docs/pages/guides/getting-started/tutorials/with-redwoodjs.mdx b/apps/docs/pages/guides/getting-started/tutorials/with-redwoodjs.mdx
index cbc647692aa..a4f56d8ed8e 100644
--- a/apps/docs/pages/guides/getting-started/tutorials/with-redwoodjs.mdx
+++ b/apps/docs/pages/guides/getting-started/tutorials/with-redwoodjs.mdx
@@ -415,7 +415,7 @@ const Account = () => {
             <label htmlFor="website">Website</label>
             <input
               id="website"
-              type="website"
+              type="url"
               value={website || ''}
               onChange={(e) => setWebsite(e.target.value)}
             />
diff --git a/apps/docs/pages/guides/getting-started/tutorials/with-sveltekit.mdx b/apps/docs/pages/guides/getting-started/tutorials/with-sveltekit.mdx
index c67ccea9008..745164db3f7 100644
--- a/apps/docs/pages/guides/getting-started/tutorials/with-sveltekit.mdx
+++ b/apps/docs/pages/guides/getting-started/tutorials/with-sveltekit.mdx
@@ -176,7 +176,7 @@ Update your `src/routes/+layout.svelte`:
 	import { invalidate } from '$app/navigation'
 	import { onMount } from 'svelte'
 	import type { LayoutData } from './$types'
-	
+
 	export let data: LayoutData
 
 	$: ({ supabase, session } = data)
@@ -353,7 +353,7 @@ Create a new `src/routes/account/+page.svelte` file with the content below.
 
 		<div>
 			<label for="website">Website</label>
-			<input id="website" name="website" type="website" value={form?.website ?? website} />
+			<input id="website" name="website" type="url" value={form?.website ?? website} />
 		</div>
 
 		<div>
diff --git a/apps/docs/pages/guides/getting-started/tutorials/with-vue-3.mdx b/apps/docs/pages/guides/getting-started/tutorials/with-vue-3.mdx
index 0cbdd921ca2..98b8bcce015 100644
--- a/apps/docs/pages/guides/getting-started/tutorials/with-vue-3.mdx
+++ b/apps/docs/pages/guides/getting-started/tutorials/with-vue-3.mdx
@@ -209,7 +209,7 @@ async function signOut() {
     </div>
     <div>
       <label for="website">Website</label>
-      <input id="website" type="website" v-model="website" />
+      <input id="website" type="url" v-model="website" />
     </div>
 
     <div>
diff --git a/examples/user-management/nextjs-ts-user-management/components/Account.tsx b/examples/user-management/nextjs-ts-user-management/components/Account.tsx
index 68577a28385..3e524b06c50 100644
--- a/examples/user-management/nextjs-ts-user-management/components/Account.tsx
+++ b/examples/user-management/nextjs-ts-user-management/components/Account.tsx
@@ -105,7 +105,7 @@ export default function Account({ session }: { session: Session }) {
         <label htmlFor="website">Website</label>
         <input
           id="website"
-          type="website"
+          type="url"
           value={website || ''}
           onChange={(e) => setWebsite(e.target.value)}
         />
diff --git a/examples/user-management/nuxt3-user-management/components/Account.vue b/examples/user-management/nuxt3-user-management/components/Account.vue
index ccdd09c046f..3748368e522 100644
--- a/examples/user-management/nuxt3-user-management/components/Account.vue
+++ b/examples/user-management/nuxt3-user-management/components/Account.vue
@@ -11,7 +11,7 @@
         </div>
         <div>
             <label for="website">Website</label>
-            <input id="website" type="website" v-model="website" />
+            <input id="website" type="url" v-model="website" />
         </div>
 
         <div>
diff --git a/examples/user-management/react-user-management/src/Account.jsx b/examples/user-management/react-user-management/src/Account.jsx
index 0431949f47f..7f45fa3c300 100644
--- a/examples/user-management/react-user-management/src/Account.jsx
+++ b/examples/user-management/react-user-management/src/Account.jsx
@@ -83,7 +83,7 @@ export default function Account({ session }) {
         <label htmlFor="website">Website</label>
         <input
           id="website"
-          type="website"
+          type="url"
           value={website || ''}
           onChange={(e) => setWebsite(e.target.value)}
         />
diff --git a/examples/user-management/sveltekit-user-management/src/routes/Account.svelte b/examples/user-management/sveltekit-user-management/src/routes/Account.svelte
index e21db2eb7e2..5508417df08 100644
--- a/examples/user-management/sveltekit-user-management/src/routes/Account.svelte
+++ b/examples/user-management/sveltekit-user-management/src/routes/Account.svelte
@@ -94,7 +94,7 @@
 	</div>
 	<div>
 		<label for="website">Website</label>
-		<input id="website" type="website" bind:value={website} />
+		<input id="website" type="url" bind:value={website} />
 	</div>
 
 	<div>
diff --git a/examples/user-management/vue3-user-management/src/components/Account.vue b/examples/user-management/vue3-user-management/src/components/Account.vue
index 69bc92c5821..442d05b7e83 100644
--- a/examples/user-management/vue3-user-management/src/components/Account.vue
+++ b/examples/user-management/vue3-user-management/src/components/Account.vue
@@ -89,7 +89,7 @@ async function signOut() {
         </div>
         <div>
             <label for="website">Website</label>
-            <input id="website" type="website" v-model="website" />
+            <input id="website" type="url" v-model="website" />
         </div>
 
         <div>
@@ -103,4 +103,4 @@ async function signOut() {
             </button>
         </div>
     </form>
-</template>
\ No newline at end of file
+</template>