From eef9f03f721f6484dbb80eacbe9445a4437ea57c Mon Sep 17 00:00:00 2001
From: riz <27283110+olfek@users.noreply.github.com>
Date: Fri, 27 Jan 2023 18:10:40 +0000
Subject: [PATCH] Fix bad error inducing documentation

Existing code snippet gives this error:

    Default export of the module has or is using private name 'Props'.ts (4082)

Error fixed thanks to:
https://github.com/johnsoncodehk/volar/issues/1232#issue-1213615569
---
 src/guide/typescript/composition-api.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/guide/typescript/composition-api.md b/src/guide/typescript/composition-api.md
index 69e98b67fe..83e9205257 100644
--- a/src/guide/typescript/composition-api.md
+++ b/src/guide/typescript/composition-api.md
@@ -40,12 +40,14 @@ You can use either type-based declaration OR runtime declaration, but you cannot
 We can also move the props types into a separate interface:
 
 ```vue
-<script setup lang="ts">
+<script lang="ts">
 interface Props {
   foo: string
   bar?: number
 }
+</script>
 
+<script setup lang="ts">
 const props = defineProps<Props>()
 </script>
 ```