<template>
  <View>
    <CarouselWithIntro :data="benefits" />
  </View>
</template>

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

_getMemberBenefits()
const benefits = ref({})
function _getMemberBenefits() {
  getMemberBenefits().then(({ data }) => {
    benefits.value = data
  })
}
</script>

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