 <template>
 	<el-sub-menu v-if="menu.children.length>=1" :index="menu.code">
 		<template #title>
 			<el-icon>
 				<el-icon><Folder /></el-icon>
 			</el-icon>
 			<span>{{menu.text}}</span>
 		</template>
 		<SideMenuItem v-for="item in menu.children" :key="item.id" :menu="item"></SideMenuItem>
 	</el-sub-menu>
 	<el-menu-item v-else :index="menu.url">
 		<el-icon>
 			<el-icon><FolderOpened /></el-icon>
 		</el-icon>
 		<span>{{menu.text}}</span>
 	</el-menu-item>  
 </template>


 <script setup>
 	import {
 		ref
 	} from 'vue'

 	// import SideMenuItem from '@/views/frame/SideMenuItem.vue'
 	defineProps({
 		// title: String, // 类型
 		// likes: {
 		//   type: Number,
 		//   default: 0 // 默认值
 		// },
 		// isPublished: {
 		//   type: Boolean,
 		//   required: true // 必需的
 		// },
 		menu: {
 			type: Object,
 			required: true
 		}
 	})
 	const changeColor = ref('#e5fff3')


 	// export default {
 	//   name: 'SideMenuItem',
 	//   data() {
 	//     return {
 	//       changeColor: '#e5fff3',
 	//     }
 	//   },
 	//   props: {
 	//     menu: {
 	//       type: Object,
 	//       required: true
 	//     }
 	//   }

 	// }
 </script>