<!-- src/views-mobile/Placeholder.vue -->
<!-- 占位页：手机端尚未实现的页面暂时显示此组件 -->
<script setup lang="ts">
import { useRoute } from 'vue-router'

const route = useRoute()
</script>

<template>
  <div class="placeholder-page">
    <van-empty description="该页面手机版开发中">
      <p class="placeholder-hint">当前页面：{{ route.name }}</p>
    </van-empty>
  </div>
</template>

<style scoped>
.placeholder-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 24px;
}

.placeholder-hint {
  margin-top: 8px;
  font-size: 12px;
  color: var(--gg-text-muted);
}
</style>
