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 ( ); }, }; /* 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');