Merge pull request #226 from connorabbas/develop

Updates

Author: connorabbas

README.md

@@ -9,16 +9,16 @@ A basic authentication starter kit using [Laravel](https://laravel.com/docs/mast
 [Hosted Demo Project](https://laravel-primevue-starter-kit-demo.laravel.cloud/)
 
 > [!TIP]
-> Do you need a separate Vue SPA front-end instead of using Inertia.js? Consider using the [Vue SPA w/ PrimeVue & Laravel Breeze API Starter Kit](https://github.com/connorabbas/primevue-spa-laravel-api) instead.
+> Do you need a separate Vue SPA front-end instead of using Inertia.js? Consider using the [PrimeVue SPA & Laravel API Starter Kit](https://github.com/connorabbas/laravel-api-primevue-starter-kit) instead.
 
 ## Roadmap
 
 -   [x] Hosted demo project
 -   [x] Updated User profile settings pages (similar to official Laravel starter kits)
 -   [x] Additional layouts (similar to official Laravel starter kits)
 -   [x] Alternative admin branch using [spatie/laravel-permission](https://spatie.be/docs/laravel-permission/v6/introduction)
+-   [x] Updated `connorabbas/laravel-api-primevue-starter-kit` project to match UI/functionality
 -   [ ] TypeScript & SSR repo using [PrimeVue Volt](https://volt.primevue.org/) (In development)
--   [ ] Update `connorabbas/primevue-spa-laravel-api` project to match UI/functionality (WIP)
 
 ## Features
 

resources/js/layouts/UserSettingsLayout.vue

@@ -15,17 +15,17 @@ const currentRoute = computed(() => {
 const sidebarNavItems = computed(() => [
     {
         title: 'Profile',
-        href: route('profile.edit'),
+        route: route('profile.edit'),
         active: currentRoute.value == 'profile.edit',
     },
     {
         title: 'Password',
-        href: route('password.edit'),
+        route: route('password.edit'),
         active: currentRoute.value == 'password.edit',
     },
     {
         title: 'Appearance',
-        href: route('appearance'),
+        route: route('appearance'),
         active: currentRoute.value == 'appearance',
     },
 ]);
@@ -49,11 +49,11 @@ const sidebarNavItems = computed(() => [
                 <nav class="flex flex-col space-x-0 space-y-1">
                     <Button
                         v-for="item in sidebarNavItems"
-                        :key="item.href"
+                        :key="item.route"
                         pt:root:class="flex items-center justify-start no-underline"
                         :severity="item.active ? 'secondary' : ''"
                         :variant="item.active ? 'outlined' : 'text'"
-                        :href="item.href"
+                        :href="item.route"
                         as="InertiaLink"
                     >
                         {{ item.title }}