From fa72067ebe6411ea32ee8185d7f3ce25b3ec61d4 Mon Sep 17 00:00:00 2001
From: Luca Ban <mesqueeb@users.noreply.github.com>
Date: Tue, 20 Sep 2022 22:16:16 +0900
Subject: [PATCH] docs: better example to clarify rule

---
 docs/rules/define-props-declaration.md | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/rules/define-props-declaration.md b/docs/rules/define-props-declaration.md
index 6d8d2e8dc..8b88f1ce5 100644
--- a/docs/rules/define-props-declaration.md
+++ b/docs/rules/define-props-declaration.md
@@ -21,12 +21,14 @@ This rule only works in setup script and `lang="ts"`.
 <script setup lang="ts">
 /* ✓ GOOD */
 const props = defineProps<{
-  kind: string
+  kind: string,
+  options: { title: string }
 }>()
 
 /* ✗ BAD */
 const props = defineProps({
-  kind: { type: String }
+  kind: { type: String },
+  options: { type: Object as PropType<{ title: string }> }
 })
 </script>
 ```
@@ -50,12 +52,14 @@ const props = defineProps({
 <script setup lang="ts">
 /* ✓ GOOD */
 const props = defineProps({
-  kind: { type: String }
+  kind: { type: String },
+  options: { type: Object as PropType<{ title: string }> }
 })
 
 /* ✗ BAD */
 const props = defineProps<{
-  kind: string
+  kind: string,
+  options: { title: string }
 }>()
 </script>
 ```