docs: capitalize (#320)

Author: heappynd

questions/305-capitalize/README.md

@@ -2,4 +2,13 @@
 
 Create a custom modifier for the 'v-model' directive that changes the first letter of the 'v-model' binding value to uppercase.
 
+```vue
+<script setup>
+</script>
+
+<template>
+  <input type="text" v-model.capitalize="" />
+</template>
+```
+
 <!--info-footer-start--><br><a href="../../README.md" target="_blank"><img src="https://img.shields.io/badge/-Back-grey" alt="Back"/></a> <a href="https://github.com/webfansplz/vuejs-challenges/issues/new?labels=answer,en&template=0-answer.md&title=305%20-%20Capitalize" target="_blank"><img src="https://img.shields.io/badge/-Share%20your%20Solutions-teal" alt="Share your Solutions"/></a> <a href="https://github.com/webfansplz/vuejs-challenges/issues?q=label%3A305+label%3Aanswer" target="_blank"><img src="https://img.shields.io/badge/-Check%20out%20Solutions-de5a77?logo=awesome-lists&logoColor=white" alt="Check out Solutions"/></a> <!--info-footer-end-->

questions/305-capitalize/README.zh-CN.md

@@ -1,7 +1,13 @@
 <!--info-header-start--><h1>大写 <img src="https://img.shields.io/badge/-%E7%AE%80%E5%8D%95-7aad0c" alt="简单"/> <img src="https://img.shields.io/badge/-%23Directives-999" alt="#Directives"/></h1><blockquote><p>By Lov`u`e <a href="https://github.com/heappynd" target="_blank">@heappynd</a></p></blockquote><p><a href="https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cclxuPC9zY3JpcHQ+XHJcblxyXG48dGVtcGxhdGU+XHJcbiAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgdi1tb2RlbC5jYXBpdGFsaXplPVwiXCIgLz5cclxuPC90ZW1wbGF0ZT4ifQ==" target="_blank"><img src="https://img.shields.io/badge/-%E6%8E%A5%E5%8F%97%E6%8C%91%E6%88%98-213547?logo=vue.js&logoColor=42b883" alt="接受挑战"/></a> &nbsp;&nbsp;&nbsp;<a href="./README.md" target="_blank"><img src="https://img.shields.io/badge/-English-gray" alt="English"/></a> </p><!--info-header-end-->
 
-
-请创建一个`v-model`指令的自定义修饰符，使`v-model`绑定值的首字母转换为大写。
-
+请创建一个自定义的修饰符 `capitalize`，它会自动将 `v-model` 绑定输入的字符串值首字母转为大写：
+```vue
+<script setup>
+</script>
+
+<template>
+  <input type="text" v-model.capitalize="" />
+</template>
+```
 
 <!--info-footer-start--><br><a href="../../README.zh-CN.md" target="_blank"><img src="https://img.shields.io/badge/-%E8%BF%94%E5%9B%9E%E9%A6%96%E9%A1%B5-grey" alt="返回首页"/></a> <a href="https://github.com/webfansplz/vuejs-challenges/issues/new?labels=answer,zh-CN&template=1-answer.zh-CN.md&title=305%20-%20%E5%A4%A7%E5%86%99" target="_blank"><img src="https://img.shields.io/badge/-%E5%88%86%E4%BA%AB%E4%BD%A0%E7%9A%84%E8%A7%A3%E7%AD%94-teal" alt="分享你的解答"/></a> <a href="https://github.com/webfansplz/vuejs-challenges/issues?q=label%3A305+label%3Aanswer" target="_blank"><img src="https://img.shields.io/badge/-%E6%9F%A5%E7%9C%8B%E8%A7%A3%E7%AD%94-de5a77?logo=awesome-lists&logoColor=white" alt="查看解答"/></a> <!--info-footer-end-->