From 1e2ca008ff5ad4e4af9aec8f5194e2aadc83ff7f Mon Sep 17 00:00:00 2001
From: songjianet <1778651752@qq.com>
Date: Wed, 8 Sep 2021 14:32:46 +0800
Subject: [PATCH] docs(usage-sfc): Upgrade the use case of usage-sfc to
 Composition API (#1132)

---
 demo/pages/docs/usage-sfc/enUS/index.md | 5 +++--
 demo/pages/docs/usage-sfc/zhCN/index.md | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/demo/pages/docs/usage-sfc/enUS/index.md b/demo/pages/docs/usage-sfc/enUS/index.md
index 72cd8868e..fb7ce508b 100644
--- a/demo/pages/docs/usage-sfc/enUS/index.md
+++ b/demo/pages/docs/usage-sfc/enUS/index.md
@@ -16,13 +16,14 @@ If you want to know how to import themes and locales, please see [Import on Dema
 </template>
 
 <script>
+  import { defineComponent } from 'vue'
   import { NButton } from 'naive-ui'
 
-  export default {
+  export default defineComponent({
     components: {
       NButton
     }
-  }
+  })
 </script>
 ```
 
diff --git a/demo/pages/docs/usage-sfc/zhCN/index.md b/demo/pages/docs/usage-sfc/zhCN/index.md
index d27dc10b7..549833bc4 100644
--- a/demo/pages/docs/usage-sfc/zhCN/index.md
+++ b/demo/pages/docs/usage-sfc/zhCN/index.md
@@ -16,13 +16,14 @@
 </template>
 
 <script>
+  import { defineComponent } from 'vue'
   import { NButton } from 'naive-ui'
 
-  export default {
+  export default defineComponent({
     components: {
       NButton
     }
-  }
+  })
 </script>
 ```