<template>
  <div id="app">
    <h1>购物车示例</h1>
    <p>账号: {{email}}</p>
    <hr>
    <h2>产品</h2>
    <ProductList/>
    <hr>
    <ShoppingCart/>
  </div>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { useUser } from './store/user'
import ProductList from './components/ProductList.vue'
import ShoppingCart from './components/ShoppingCart.vue'
import 'element-plus/es/components/button/style/css'

const email = computed(() => useUser().userInfo.email)
</script>