docs: fix Prop interface type error in example (#2191) (#1141)

Existing code snippet gives this error: Default export of the module has or is using private name 'Props'.ts (4082) Error fixed thanks to: vuejs/language-tools#1232 (comment) Co-authored-by: riz <[email protected]>
vuejs-translations · Feb 2, 2023 · 4e22c4c · 4e22c4c · vercel · Feb 2, 2023
1 parent 7354986
commit 4e22c4c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/guide/typescript/composition-api.md b/src/guide/typescript/composition-api.md
@@ -40,12 +40,14 @@ type-base declaration と runtime declaration の両方を同時に使用する
 props の型をインターフェースとして分離することもできます:
 
 ```vue
-<script setup lang="ts">
+<script lang="ts">
 interface Props {
   foo: string
   bar?: number
 }
+</script>
 
+<script setup lang="ts">
 const props = defineProps<Props>()
 </script>
 ```