<template>
  <View long>
    <CarouselWithIntro :data="cinema" />
  </View>
</template>

<script setup>
import { ref } from 'vue'
import { getCinemaInfo } from '@/http/api'
import View from '@/layouts/View.vue'
import CarouselWithIntro from '@/components/CarouselWithIntro/CarouselWithIntro.vue'

const cinema = ref({})
getCinemaInfo().then(({ data }) => {
  cinema.value = { title: data.shopName, content: data.intro, fileList: data.materialList }
})
</script>

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