ant-design-vue/es/menu/src/Divider.js

An enterprise-class UI design language and Vue-based implementation

import { createVNode as _createVNode } from "vue";
import { computed, defineComponent } from 'vue';
import { useInjectMenu } from './hooks/useMenuContext';
export const menuDividerProps = () => ({
  prefixCls: String,
  dashed: Boolean
});
export default defineComponent({
  compatConfig: {
    MODE: 3
  },
  name: 'AMenuDivider',
  props: menuDividerProps(),
  setup(props) {
    const {
      prefixCls
    } = useInjectMenu();
    const cls = computed(() => {
      return {
        [`${prefixCls.value}-item-divider`]: true,
        [`${prefixCls.value}-item-divider-dashed`]: !!props.dashed
      };
    });
    return () => {
      return _createVNode("li", {
        "class": cls.value
      }, null);
    };
  }
});