# 七.Config Provider

# index.ts

import { withInstall } from "@element-plus/utils/with-install"
import { ConfigProvider } from "./config-provider"

export const ElConfigProvider = withInstall(ConfigProvider)
export default ElConfigProvider
1
2
3
4
5

# config-provider.ts

import { defineComponent } from "vue"

import { useLocaleProps, useLocale } from "@element-plus/hooks"

export const ConfigProvider = defineComponent({
  name: "ElConfigProvider",
  props: {
    ...useLocaleProps,
    // Add more configs
  },

  setup(_, { slots }) {
    useLocale()

    return () => slots.default()
  },
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17