docs(config-provider): 完善文档中的用例 (#861)

src/config-provider/demos/enUS/language.demo.md

@@ -13,10 +13,10 @@
 ```
 
 ```js
-import { ref } from 'vue'
+import { defineComponent, ref } from 'vue'
 import { zhCN, dateZhCN } from 'naive-ui'
 
-export default {
+export default defineComponent({
   setup () {
     return {
       zhCN,
@@ -25,5 +25,5 @@ export default {
       dateLocale: ref(null)
     }
   }
-}
+})
 ```

src/config-provider/demos/enUS/namespace.demo.md

@@ -16,12 +16,14 @@ Some parts of component are detached to `document.body`. If you want to add a cl
 ```
 
 ```js
-export default {
-  data () {
+import { defineComponent, ref } from 'vue'
+
+export default defineComponent({
+  setup () {
     return {
-      ns: 'custom-app-namespace1',
-      isActive: false
+      ns: ref('custom-app-namespace1'),
+      isActive: ref(false)
     }
   }
-}
+})
 ```

src/config-provider/demos/enUS/os-theme.demo.md

@@ -9,10 +9,10 @@ Naive UI provides `useOsTheme` to get the current theme of your OS.
 ```
 
 ```js
-import { computed } from 'vue'
+import { defineComponent, computed } from 'vue'
 import { useOsTheme, darkTheme } from 'naive-ui'
 
-export default {
+export default defineComponent({
   setup () {
     const osThemeRef = useOsTheme()
     return {
@@ -20,5 +20,5 @@ export default {
       osTheme: osThemeRef
     }
   }
-}
+})
 ```

src/config-provider/demos/enUS/theme.demo.md

@@ -14,15 +14,15 @@ Set theme of inner components of `n-config-provider`.
 ```
 
 ```js
-import { ref } from 'vue'
+import { defineComponent, ref } from 'vue'
 import { darkTheme } from 'naive-ui'
 
-export default {
+export default defineComponent({
   setup () {
     return {
       darkTheme,
       theme: ref(null)
     }
   }
-}
+})
 ```

src/config-provider/demos/zhCN/index.demo-entry.md

@@ -13,7 +13,6 @@ inherit-theme
 os-theme
 language
 transparent
-overrides-inherit-debug
 ```
 
 ## Props

src/config-provider/demos/zhCN/language.demo.md

@@ -13,10 +13,10 @@
 ```
 
 ```js
-import { ref } from 'vue'
+import { defineComponent, ref } from 'vue'
 import { zhCN, dateZhCN } from 'naive-ui'
 
-export default {
+export default defineComponent({
   setup () {
     return {
       zhCN,
@@ -25,5 +25,5 @@ export default {
       dateLocale: ref(null)
     }
   }
-}
+})
 ```

src/config-provider/demos/zhCN/namespace.demo.md

@@ -14,12 +14,14 @@
 ```
 
 ```js
-export default {
-  data () {
+import { defineComponent, ref } from 'vue'
+
+export default defineComponent({
+  setup () {
     return {
-      ns: 'custom-app-namespace1',
-      isActive: false
+      ns: ref('custom-app-namespace1'),
+      isActive: ref(false)
     }
   }
-}
+})
 ```

src/config-provider/demos/zhCN/os-theme.demo.md

@@ -9,10 +9,10 @@ Naive UI 提供 `useOsTheme` 来获取当前操作系统的主题。
 ```
 
 ```js
-import { computed } from 'vue'
+import { defineComponent, computed } from 'vue'
 import { useOsTheme, darkTheme } from 'naive-ui'
 
-export default {
+export default defineComponent({
   setup () {
     const osThemeRef = useOsTheme()
     return {
@@ -20,5 +20,5 @@ export default {
       osTheme: osThemeRef
     }
   }
-}
+})
 ```

src/config-provider/demos/zhCN/theme.demo.md

@@ -14,15 +14,15 @@
 ```
 
 ```js
-import { ref } from 'vue'
+import { defineComponent, ref } from 'vue'
 import { darkTheme } from 'naive-ui'
 
-export default {
+export default defineComponent({
   setup () {
     return {
       darkTheme,
       theme: ref(null)
     }
   }
-}
+})
 ```