export default defineComponent({
  name: 'HtmlRenderer',

  props: {
    html: {
      type: String,
      required: true,
    },
    map: {
      type: Object as () => HtmlRenderMap,
      default: () => defaultHtmlRenderMap,
    },
    allowUnknown: {
      type: Boolean,
      default: true,
    },
  },

  setup(props, { attrs }) {
    const nodes: VNode[] = useHtmlRenderer(props.html, {
      map: props.map,
      allowUnknownTags: props.allowUnknown,
    });

    logger.debug('nodes: ', nodes);

    // 渲染函数：直接返回 VNode 数组
    return () => h('div', { ...attrs }, nodes);
  },
});