<template>
  <AppPage :show-footer="true">
    <div flex-1>
      <n-card rounded-10>
        <div flex items-center>
          <img rounded-full width="60" :src="userStore.avatar" />
          <div ml-20>
            <p text-16>Hello, {{ userStore.name }}</p>
            <p mt-5 text-12 op-60>今天又是元气满满的一天</p>
          </div>
        </div>
      </n-card>
      <!-- <Map /> -->
    </div>
  </AppPage>
</template>

<script setup>
import { useUserStore } from '@/store'
// import Map from '@/components/Map.vue'

const userStore = useUserStore()
</script>
