From ece99b02bd5b0daed4d653be25eecc1d9dc19521 Mon Sep 17 00:00:00 2001
From: Louis Charette <charette.louis@gmail.com>
Date: Mon, 13 Jan 2025 20:48:22 -0500
Subject: [PATCH] Replace route props It created an issue where the build
 wasn't successful because the global component was called in the view without
 the prop.

---
 .../sprinkle-admin/app/assets/routes/UserRoutes.ts    |  1 -
 .../theme-pink-cupcake/src/views/Admin/UserPage.vue   | 11 +++--------
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/packages/sprinkle-admin/app/assets/routes/UserRoutes.ts b/packages/sprinkle-admin/app/assets/routes/UserRoutes.ts
index a1f4e1e98..f59bf2e06 100644
--- a/packages/sprinkle-admin/app/assets/routes/UserRoutes.ts
+++ b/packages/sprinkle-admin/app/assets/routes/UserRoutes.ts
@@ -19,7 +19,6 @@ export default [
                 path: 'u/:user_name', // users/u/{user_name}
                 name: 'admin.user',
                 component: () => import('../views/UserView.vue'),
-                props: true,
                 meta: {
                     title: 'User Details',
                     description: 'View and edit user details.'
diff --git a/packages/theme-pink-cupcake/src/views/Admin/UserPage.vue b/packages/theme-pink-cupcake/src/views/Admin/UserPage.vue
index 592ef6489..87ef3c25e 100644
--- a/packages/theme-pink-cupcake/src/views/Admin/UserPage.vue
+++ b/packages/theme-pink-cupcake/src/views/Admin/UserPage.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useRoute } from 'vue-router'
 import { watch } from 'vue'
 import { usePageMeta } from '@userfrosting/sprinkle-core/composables'
 import { useUserApi } from '@userfrosting/sprinkle-admin/composables'
@@ -7,18 +8,12 @@ import UserActivities from '../../components/Pages/Admin/User/UserActivities.vue
 import UserRoles from '../../components/Pages/Admin/User/UserRoles.vue'
 import UserPermissions from '../../components/Pages/Admin/User/UserPermissions.vue'
 
-/**
- * Props - Passed from the router
- */
-const props = defineProps<{
-    user_name: string
-}>()
-
 /**
  * Variables and composables
  */
+const route = useRoute()
 const page = usePageMeta()
-const { user, error, fetchUser } = useUserApi(() => props.user_name)
+const { user, error, fetchUser } = useUserApi(() => route.params.user_name)
 
 /**
  * Watcher - Match page title to the user full name