<template>
  <div class="container">
    <div v-for="item in recommendThemeList" :key="item.themeName">
      <RecommendPostsList v-if="item.recommendPostsList.length > 0" :recommendTheme="item" />
    </div>
  </div>
</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">
@import "./styles/index.scss";
</style>
