<template>
  <view class="container">
    <view v-for="item in recommendThemeList" :key="item.themeName">
      <RecommendPostsList
        v-if="item.recommendPostsList.length > 0"
        :recommendTheme="item"
      />
    </view>
  </view>
</template>

<script setup>
import RecommendPostsList from "../RecommendPostsList/index.vue";

import { defineProps } from "vue";
const props = defineProps({
  recommendThemeList: {
    type: Array,
    default: [],
  },
});
</script>

<style scoped lang="scss">
@use "./styles/index.scss";
</style>
