diff --git a/stubs/vue/js/jsx/Components/Navbar/Navbar.jsx b/stubs/vue/js/jsx/Components/Navbar/Navbar.jsx
index 2e1106d..52a648e 100644
--- a/stubs/vue/js/jsx/Components/Navbar/Navbar.jsx
+++ b/stubs/vue/js/jsx/Components/Navbar/Navbar.jsx
@@ -37,7 +37,7 @@ export default defineComponent({
                             iconOnly
                             variant="secondary"
                             type="button"
-                            onClick={toggleDarkMode}
+                            onClick={ () => { toggleDarkMode() } }
                             class="md:hidden"
                             srText="Toggle dark mode"
                         >
@@ -64,7 +64,7 @@ export default defineComponent({
                             iconOnly
                             variant="secondary"
                             type="button"
-                            onClick={toggleDarkMode}
+                            onClick={ () => { toggleDarkMode() } }
                             class="hidden md:inline-flex"
                             srText="Toggle dark mode"
                         >
@@ -119,7 +119,7 @@ export default defineComponent({
                                         type="button"
                                         class="inline-flex items-center px-3 py-2 text-sm font-medium leading-4 text-gray-500 transition duration-150 ease-in-out bg-white border border-transparent rounded-md  hover:text-gray-700 focus:outline-none focus:ring focus:ring-purple-500 focus:ring-offset-1 focus:ring-offset-white dark:focus:ring-offset-dark-eval-1 dark:bg-dark-eval-1 dark:text-gray-400 dark:hover:text-gray-200"
                                     >
-                                        {usePage().props.value.auth.user.name}
+                                        {usePage().props.auth.user.name}
 
                                         <svg
                                             class="ml-2 -mr-0.5 h-4 w-4"
diff --git a/stubs/vue/js/jsx/Components/Sidebar/SidebarLink.jsx b/stubs/vue/js/jsx/Components/Sidebar/SidebarLink.jsx
index 97dbed5..84418f2 100644
--- a/stubs/vue/js/jsx/Components/Sidebar/SidebarLink.jsx
+++ b/stubs/vue/js/jsx/Components/Sidebar/SidebarLink.jsx
@@ -33,7 +33,7 @@ export default defineComponent({
                     class={[
                         'p-2 flex items-center gap-2 rounded-md transition-colors',
                         {
-                            'text-gray-500 hover:text-gray-700 hover:bg-gray-100 dark:hover:text-gray-300 dark:hover:bg-dark-eval-2':
+                            'text-gray-400 hover:text-gray-700 hover:bg-gray-100 dark:hover:text-gray-300 dark:hover:bg-dark-eval-2':
                                 !props.active,
                             'text-white bg-purple-500 shadow-lg hover:bg-purple-600':
                                 props.active,
diff --git a/stubs/vue/js/jsx/Components/ValidationErrors.jsx b/stubs/vue/js/jsx/Components/ValidationErrors.jsx
index 97f4461..b4d1a34 100644
--- a/stubs/vue/js/jsx/Components/ValidationErrors.jsx
+++ b/stubs/vue/js/jsx/Components/ValidationErrors.jsx
@@ -3,7 +3,7 @@ import { usePage } from '@inertiajs/vue3'
 
 export default defineComponent({
     setup() {
-        const errors = computed(() => usePage().props.value.errors)
+        const errors = computed(() => usePage().props.errors)
 
         const hasErrors = computed(() => Object.keys(errors.value).length > 0)
 
diff --git a/stubs/vue/js/jsx/Pages/Profile/Partials/UpdateProfileInformationForm.jsx b/stubs/vue/js/jsx/Pages/Profile/Partials/UpdateProfileInformationForm.jsx
index 3f4ae82..2502c1c 100644
--- a/stubs/vue/js/jsx/Pages/Profile/Partials/UpdateProfileInformationForm.jsx
+++ b/stubs/vue/js/jsx/Pages/Profile/Partials/UpdateProfileInformationForm.jsx
@@ -12,7 +12,7 @@ export default defineComponent({
     },
 
     setup(props) {
-        const user = usePage().props.value.auth.user
+        const user = usePage().props.auth.user
 
         const form = useForm({
             name: user.name,
diff --git a/stubs/vue/js/jsx/Pages/Welcome.jsx b/stubs/vue/js/jsx/Pages/Welcome.jsx
index c356040..2debbc4 100644
--- a/stubs/vue/js/jsx/Pages/Welcome.jsx
+++ b/stubs/vue/js/jsx/Pages/Welcome.jsx
@@ -17,7 +17,7 @@ export default defineComponent({
                 <div class="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-dark-eval-0 dark:text-gray-200 sm:items-center sm:pt-0">
                     {props.canLogin && (
                         <div class="hidden fixed top-0 right-0 px-6 py-4 sm:block">
-                            {usePage().props.value.auth.user ? (
+                            {usePage().props.auth.user ? (
                                 <Link
                                     href="/dashboard"
                                     class="text-sm text-gray-700 underline"
diff --git a/stubs/vue/js/sfc/Components/Navbar.vue b/stubs/vue/js/sfc/Components/Navbar.vue
index 09f110a..e960b25 100644
--- a/stubs/vue/js/sfc/Components/Navbar.vue
+++ b/stubs/vue/js/sfc/Components/Navbar.vue
@@ -50,7 +50,7 @@ onUnmounted(() => {
                 iconOnly
                 variant="secondary"
                 type="button"
-                @click="toggleDarkMode"
+                @click="() => { toggleDarkMode() }"
                 v-slot="{ iconSizeClasses }"
                 class="md:hidden"
                 srText="Toggle dark mode"
@@ -72,7 +72,7 @@ onUnmounted(() => {
                 iconOnly
                 variant="secondary"
                 type="button"
-                @click="toggleDarkMode"
+                @click="() => { toggleDarkMode() }"
                 v-slot="{ iconSizeClasses }"
                 class="hidden md:inline-flex"
                 srText="Toggle dark mode"
diff --git a/stubs/vue/js/sfc/Components/Sidebar/SidebarLink.vue b/stubs/vue/js/sfc/Components/Sidebar/SidebarLink.vue
index 21228c9..3084b50 100644
--- a/stubs/vue/js/sfc/Components/Sidebar/SidebarLink.vue
+++ b/stubs/vue/js/sfc/Components/Sidebar/SidebarLink.vue
@@ -33,7 +33,7 @@ const Tag = !props.external ? Link : 'a'
         :class="[
             'p-2 flex items-center gap-2 rounded-md transition-colors',
             {
-                'text-gray-500 hover:text-gray-700 hover:bg-gray-100 dark:hover:text-gray-300 dark:hover:bg-dark-eval-2':
+                'text-gray-400 hover:text-gray-700 hover:bg-gray-100 dark:hover:text-gray-300 dark:hover:bg-dark-eval-2':
                     !active,
                 'text-white bg-purple-500 shadow-lg hover:bg-purple-600':
                     active,