Update Test.vue

frontend/src/pages/Test.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="p-6">
-
     <!-- Загрузка -->
     <div v-if="loading">Загружаем...</div>
 
@@ -9,36 +8,26 @@
       Ошибка загрузки: {{ error.message }}
     </div>
 
-    <!-- Когда данные есть -->
+    <!-- Данные -->
     <div v-else>
       <h2 class="text-xl font-semibold">Пользователь: {{ userInfo.full_name }}</h2>
 
-      <p class="mt-3 text-gray-700">
-        Email: {{ userInfo.email }}
-      </p>
+      <p class="mt-3 text-gray-700">Email: {{ userInfo.email }}</p>
 
       <p class="mt-3 font-medium">Роли:</p>
       <ul class="list-disc ml-6 text-gray-800">
         <li v-for="role in userInfo.roles" :key="role">{{ role }}</li>
       </ul>
 
-      <p class="mt-6 text-sm opacity-70">
-        Is Student? — {{ userInfo.is_student }}
-      </p>
-      <p class="text-sm opacity-70">
-        Is Instructor? — {{ userInfo.is_instructor }}
-      </p>
-      <p class="text-sm opacity-70">
-        Is Moderator? — {{ userInfo.is_moderator }}
-      </p>
+      <p class="mt-6 text-sm opacity-70">Is Student? — {{ userInfo.is_student }}</p>
+      <p class="text-sm opacity-70">Is Instructor? — {{ userInfo.is_instructor }}</p>
+      <p class="text-sm opacity-70">Is Moderator? — {{ userInfo.is_moderator }}</p>
     </div>
-
   </div>
 </template>
 
 <script setup>
 import { ref, onMounted } from "vue"
-import { call } from "@/utils/call"
 
 const userInfo = ref(null)
 const loading = ref(true)
@@ -46,8 +35,9 @@ const error = ref(null)
 
 async function loadUserInfo() {
   try {
-    const res = await call("lms.api.get_user_info")
-    userInfo.value = res.message
+    const res = await fetch("/api/method/lms.api.get_user_info")
+    const data = await res.json()
+    userInfo.value = data.message
   } catch (err) {
     console.error("Ошибка загрузки пользователя:", err)
     error.value = err
@@ -58,4 +48,3 @@ async function loadUserInfo() {
 
 onMounted(loadUserInfo)
 </script>
-