message: docs(ConfigProvider): make theme vars reactive
diff: @@ -133,7 +133,7 @@ The `ConfigProvider` component provides the ability to override CSS variables. Y
  ```
  ```js
  -import { ref } from 'vue';
  +import { ref, reactive } from 'vue';
  export default {
  setup() {
  @@ -142,7 +142,7 @@ export default {
  // ThemeVars will be converted to the corresponding CSS variable
  // For example, sliderBarHeight will be converted to `--van-slider-bar-height`
  - const themeVars = {
  + const themeVars = reactive({
  rateIconFullColor: '#07c160',
  sliderBarHeight: '4px',
  sliderButtonWidth: '20px',
  @@ -150,7 +150,7 @@ export default {
  sliderActiveBackground: '#07c160',
  buttonPrimaryBackground: '#07c160',
  buttonPrimaryBorderColor: '#07c160',
  - };
  + });
  return {
  rate,
  @@ -197,13 +197,13 @@ Take the `buttonPrimaryBackground` variable below as an example, the value will
  ```
  ```js
  -import { ref } from 'vue';
  +import { ref, reactive } from 'vue';
  export default {
  setup() {
  - const themeVars = { buttonPrimaryBackground: 'red' };
  - const themeVarsDark = { buttonPrimaryBackground: 'blue' };
  - const themeVarsLight = { buttonPrimaryBackground: 'green' };
  + const themeVars = reactive({ buttonPrimaryBackground: 'red' });
  + const themeVarsDark = reactive({ buttonPrimaryBackground: 'blue' });
  + const themeVarsLight = reactive({ buttonPrimaryBackground: 'green' });
  return {
  themeVars,
  