feat: первое подключение фронтенда

frontend/src/views/student/ProfileView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import { useAuthStore } from '@/stores/auth'
 import { useUserStore } from '@/stores/user'
 import GlassCard from '@/components/ui/GlassCard.vue'
@@ -7,6 +7,7 @@ import CoinChip from '@/components/ui/CoinChip.vue'
 import ProgressBar from '@/components/ui/ProgressBar.vue'
 import AchievementBadge from '@/components/ui/AchievementBadge.vue'
 import DataTable from '@/components/ui/DataTable.vue'
+import EmptyState from '@/components/ui/EmptyState.vue'
 
 const auth = useAuthStore()
 const userStore = useUserStore()
@@ -27,6 +28,10 @@ const historyColumns = [
   { key: 'description', label: 'Описание' },
   { key: 'amount', label: 'Монеты', align: 'right' },
 ]
+
+onMounted(() => {
+  void userStore.fetchStudentData(user.value.id)
+})
 </script>
 
 <template>
@@ -87,7 +92,12 @@ const historyColumns = [
           </label>
         </div>
         <div class="section-title">Достижения</div>
-        <div class="achievements">
+        <EmptyState
+          v-if="!userStore.achievements.length"
+          title="Достижений пока нет"
+          subtitle="Они появятся после посещений, отзывов и начислений."
+        />
+        <div v-else class="achievements">
           <AchievementBadge
             v-for="a in userStore.achievements.slice(0, 3)"
             :key="a.id"
@@ -104,6 +114,11 @@ const historyColumns = [
 
     <GlassCard>
       <div class="section-title">История начисления монет</div>
+      <EmptyState
+        v-if="!userStore.coinHistory.length"
+        title="История монет пуста"
+        subtitle="Начисления появятся после активностей на платформе."
+      />
       <DataTable :columns="historyColumns" :rows="userStore.coinHistory">
         <template #amount="{ value }">
           <span :class="value > 0 ? 'positive' : 'negative'">{{ value > 0 ? `+${value}` : value }}</span>