<script setup>
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import { User, Star, TrendingUp, Package } from 'lucide-vue-next'

const route = useRoute()
const user = ref(null)
const isLoading = ref(true)

onMounted(async () => {
  // Fetch user profile by steamId
  const steamId = route.params.steamId
  // TODO: Implement API call
  isLoading.value = false
})
</script>

<template>
  <div class="public-profile-page min-h-screen py-8">
    <div class="container-custom max-w-4xl">
      <div class="text-center py-20">
        <User class="w-16 h-16 text-gray-500 mx-auto mb-4" />
        <h3 class="text-xl font-semibold text-gray-400 mb-2">User Profile</h3>
        <p class="text-gray-500">Profile view coming soon</p>
      </div>
    </div>
  </div>
</template>
