<template>
  <div class="shop-page">
    <VanNavBar left-text="返回" left-arrow @click-left="onClickLeft"></VanNavBar>
    <OpLoadingView :loading="pending" type="skeleton">
      {{ data.shopName }}
    </OpLoadingView>
  </div>
</template>
<!-- 商家详情页面 -->
<script lang="ts">
import OpLoadingView from '@/components/OpLoadingView.vue'
import { reactive, toRefs } from 'vue'
import { useRoute } from 'vue-router'
import { useAsync } from '@/use/useAsync'
import { fetchShopPageData } from '@/api/shop'
export default {
  setup() {
    const state = reactive({
      count: 0,
    })

    const route = useRoute()
    const { id } = route.params
    const { data, pending } = useAsync(() => fetchShopPageData(id as string), {
      announcement: '',
      discounts: [],
      redbags: [],
      activitys: [],
      branch: '',
      comments: [],
      deliveryDistance: '',
      deliveryStrategy: '',
      deliveryStratingPrice: '',
      deliveryTags: [],
      deliveryTime: '',
      id: '',
      monthlyCount: 0,
      postUrl: '',
      bgUrl: '',
      score: 0,
      services: [],
      shopName: '',
      tops: [],
    })

    const methods = {
      onClickLeft() {
        history.back()
      },
    }

    return {
      ...toRefs(state),
      ...methods,
      pending,
      data,
    }
  },
}
</script>

<style lang="scss" scoped></style>

Failed to resolve component: OpLoadingView
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
at <ShopView onVnodeUnmounted=fn ref=Ref< undefined > >
at
at