diff --git a/components/divider/index.jsx b/components/divider/index.jsx
index 2838bc66f3..fb516afa83 100644
--- a/components/divider/index.jsx
+++ b/components/divider/index.jsx
@@ -1,6 +1,6 @@
+import { inject } from 'vue';
import PropTypes from '../_util/vue-types';
import { ConfigConsumerProps } from '../config-provider';
-import Base from '../base';
const Divider = {
name: 'ADivider',
@@ -10,8 +10,10 @@ const Divider = {
dashed: PropTypes.bool,
orientation: PropTypes.oneOf(['left', 'right', 'center']),
},
- inject: {
- configProvider: { default: () => ConfigConsumerProps },
+ setup() {
+ return {
+ configProvider: inject('configProvider', ConfigConsumerProps),
+ };
},
render() {
const { prefixCls: customizePrefixCls, type, $slots, dashed, orientation = 'center' } = this;
@@ -28,16 +30,17 @@ const Divider = {
return (
- {$slots.default && {$slots.default}}
+ {$slots.default && $slots.default() && (
+ {$slots.default()}
+ )}
);
},
};
/* istanbul ignore next */
-Divider.install = function(Vue) {
- Vue.use(Base);
- Vue.component(Divider.name, Divider);
+Divider.install = function(app) {
+ app.component(Divider.name, Divider);
};
export default Divider;
diff --git a/examples/index.js b/examples/index.js
index 28577de5fd..7cc4fd1853 100644
--- a/examples/index.js
+++ b/examples/index.js
@@ -5,6 +5,7 @@ import Button from 'ant-design-vue/button';
import Drawer from 'ant-design-vue/drawer';
import Affix from 'ant-design-vue/affix';
import Alert from 'ant-design-vue/alert';
+import Divider from 'ant-design-vue/divider';
import ConfigProvider from 'ant-design-vue/config-provider';
import Spin from 'ant-design-vue/Spin';
import Empty from 'ant-design-vue/empty';
@@ -16,6 +17,7 @@ createApp(App)
.use(Drawer)
.use(Affix)
.use(Alert)
+ .use(Divider)
.use(Spin)
.use(Empty)
.mount('#app');