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

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

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

<style scoped lang="scss">
.container {
  width: 100%;
  flex: 1;
  margin-bottom: 12px;
}
</style>
