TEST

frontend/src/pages/Test.vue

@@ -1,50 +1,14 @@
 <template>
-  <div class="p-6">
-    <!-- Загрузка -->
-    <div v-if="loading">Загружаем...</div>
+    <div class="bg-red-600 text-white p-4 rounded-lg shadow-2xl font-mono text-xs max-w-sm">
+      <p class="font-bold">ДЕБАГ ИНФО</p>
+      <p>userResource: {{ userResource }}</p>
 
-    <!-- Ошибка -->
-    <div v-else-if="error">
-      Ошибка загрузки: {{ 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 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>
-    </div>
-  </div>
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue"
+import { usersStore } from '@/stores/user'
 
-const userInfo = ref(null)
-const loading = ref(true)
-const error = ref(null)
+const { userResource } = usersStore()
 
-async function loadUserInfo() {
-  try {
-    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
-  } finally {
-    loading.value = false
-  }
-}
-
-onMounted(loadUserInfo)
 </script>