fix: add class props and change type to as in ResponsiveNavLink

senkulabs · Nov 16, 2024 · 13f24b3 · 13f24b3
1 parent b7483f4
commit 13f24b3
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/stubs/inertia-svelte/resources/js/Layouts/AuthenticatedLayout.svelte b/stubs/inertia-svelte/resources/js/Layouts/AuthenticatedLayout.svelte
@@ -118,7 +118,7 @@
 
                 <div class="mt-3 space-y-1">
                     <ResponsiveNavLink href={route('profile.edit')} active={route().current('profile.edit')}>Profile</ResponsiveNavLink>
-                    <ResponsiveNavLink href={route('logout')} method="post" type="button">Log Out</ResponsiveNavLink>
+                    <ResponsiveNavLink href={route('logout')} method="post" as="button">Log Out</ResponsiveNavLink>
                 </div>
             </div>
         </div>

diff --git a/stubs/inertia-svelte/resources/js/Pages/Profile/Partials/DeleteUserForm.svelte b/stubs/inertia-svelte/resources/js/Pages/Profile/Partials/DeleteUserForm.svelte
@@ -7,6 +7,8 @@
     import TextInput from '@/Components/TextInput.svelte';
     import { useForm } from '@inertiajs/svelte';
 
+    let { class: className = '' } = $props();
+
     let confirmingUserDeletion = $state(false);
 
     /** @type {HTMLInputElement} */
@@ -37,7 +39,7 @@
     };
 </script>
 
-<section class="space-y-6">
+<section class="space-y-6 {className}">
     <header>
         <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
             Delete Account

diff --git a/stubs/inertia-svelte/resources/js/Pages/Profile/Partials/UpdatePasswordForm.svelte b/stubs/inertia-svelte/resources/js/Pages/Profile/Partials/UpdatePasswordForm.svelte
@@ -7,6 +7,8 @@
     import { fade } from 'svelte/transition';
     import { cubicInOut } from 'svelte/easing';
 
+    let { class: className = '' } = $props();
+
     let passwordInput;
     let currentPasswordInput;
 
@@ -35,7 +37,7 @@
     }
 </script>
 
-<section>
+<section class="{className}">
     <header>
         <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">Update Password</h2>
 

diff --git a/stubs/inertia-svelte/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.svelte b/stubs/inertia-svelte/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.svelte
@@ -7,6 +7,8 @@
     import { fade } from 'svelte/transition';
     import { cubicInOut } from 'svelte/easing';
 
+    let { class: className = '' } = $props();
+
     let {
         mustVerifyEmail,
         status,
@@ -24,7 +26,7 @@
     }
 </script>
 
-<section>
+<section class="{className}">
     <header>
         <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">Profile Information</h2>