<template>
    <div class="nearby">
      <h3 class="nearby__title">附近店铺</h3>
      <div class="nearby__item" v-for="item of list" :key="item._id">
        <img :src="item.imgUrl" alt="" class="nearby__item__img" />
        <div class="nearby__content">
          <div class="nearby__content__title">{{item.name}}</div>
          <div class="nearby__content__tags" >
            <span class="nearby__content__tag" v-for="(tag, index) of item.tags" :key="index">{{tag}}</span>
          </div>
          <p class="nearby__content__highlight">{{item.slogan}}</p>
        </div>
      </div>
    </div>
     <Toast v-if="showToast" :message="toastMessage"/>
</template>

<script>
import { reactive } from 'vue'
import { hotList } from '@/api/shop'
import { useToastEffect } from '@/components/global/Toast'

const useGetList = async (showToastFunc) => {
  let list = reactive([])
  showToastFunc('正在加载中', 2000)
  const { data } = await hotList({}, () => {
    showToastFunc('加载完成', 2000)
  })
  list = data.map(item => {
    return {
      name: item.name,
      _id: item._id,
      imgUrl: item.imgUrl,
      slogan: item.slogan,
      tags: [item.expressLimit, item.expressPrice, item.sales]
    }
  })
   console.log('list: ', list) ===》这里有值
  return { list }
}

export default {
  name: 'MainList',
  setup () {
    const { showToast, toastMessage, showToastFunc } = useToastEffect()
    const { list } = useGetList(showToastFunc)
    console.log('list: ', list) ===》undefined
    return {
      list,
      showToast,
      toastMessage
    }
  }
}
</script>

请问下老师useGetList函数中我只写这一个函数这样是不行吗？为什么