Refactor fetch methods in PageGroup and PageRole components: remove async/await for cleaner promise handling.

Author: lcharette

packages/theme-pink-cupcake/src/views/Admin/PageGroup.vue

@@ -28,8 +28,8 @@ const { fetchGroup, apiError } = useGroupApi()
 /**
  * Methods - Fetch group
  */
-async function fetch() {
-    await fetchGroup(route.params.slug.toString()).then((fetchedGroup) => {
+function fetch() {
+    fetchGroup(route.params.slug.toString()).then((fetchedGroup) => {
         group.value = fetchedGroup
         page.title = group.value.name
     })
@@ -40,7 +40,7 @@ async function fetch() {
  */
 watch(
     () => route.params.slug,
-    async () => fetch(),
+    () => fetch(),
     { immediate: true }
 )
 </script>

packages/theme-pink-cupcake/src/views/Admin/PageRole.vue

@@ -28,8 +28,8 @@ const { fetchRole, apiError } = useRolesApi()
 /**
  * Methods - Fetch group
  */
-async function fetch() {
-    await fetchRole(route.params.slug.toString()).then((fetchedRole) => {
+function fetch() {
+    fetchRole(route.params.slug.toString()).then((fetchedRole) => {
         role.value = fetchedRole
         page.title = role.value.name
     })
@@ -40,7 +40,7 @@ async function fetch() {
  */
 watch(
     () => route.params.slug,
-    async () => fetch(),
+    () => fetch(),
     { immediate: true }
 )
 </script>