From 293dcabe5a61206c1575635b3bd35120776fea3d Mon Sep 17 00:00:00 2001
From: Jun Shindo <46585162+jay-es@users.noreply.github.com>
Date: Fri, 26 Apr 2024 20:57:21 +0900
Subject: [PATCH] fix: `<pre>` inside `<p>` in example codeCo-authored-by:
 Divyansh Singh <40380293+brc-dd@users.noreply.github.com> (#2017) (#2018)

* docs: format code block comments (#2831)

* fix: `<pre>` inside `<p>` in example code (#2825)

Co-authored-by: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>

---------

Co-authored-by: DY_XiaoDong <admin@xiaodong.moe>
Co-authored-by: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
---
 src/examples/src/form-bindings/App/template.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/examples/src/form-bindings/App/template.html b/src/examples/src/form-bindings/App/template.html
index fabedc663..29fa8acc2 100644
--- a/src/examples/src/form-bindings/App/template.html
+++ b/src/examples/src/form-bindings/App/template.html
@@ -1,5 +1,6 @@
 <h2>Text Input</h2>
-<input v-model="text"> {{ text }}
+<input v-model="text">
+<p>{{ text }}</p>
 
 <h2>Checkbox</h2>
 <input type="checkbox" id="checkbox" v-model="checked">
@@ -16,7 +17,7 @@ <h2>Multi Checkbox</h2>
 <label for="john">John</label>
 <input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
 <label for="mike">Mike</label>
-<p>Checked names: <pre>{{ checkedNames }}</pre></p>
+<p>Checked names: {{ checkedNames }}</p>
 
 <h2>Radio</h2>
 <input type="radio" id="one" value="One" v-model="picked">
@@ -24,8 +25,7 @@ <h2>Radio</h2>
 <br>
 <input type="radio" id="two" value="Two" v-model="picked">
 <label for="two">Two</label>
-<br>
-<span>Picked: {{ picked }}</span>
+<p>Picked: {{ picked }}</p>
 
 <h2>Select</h2>
 <select v-model="selected">
@@ -34,7 +34,7 @@ <h2>Select</h2>
   <option>B</option>
   <option>C</option>
 </select>
-<span>Selected: {{ selected }}</span>
+<p>Selected: {{ selected }}</p>
 
 <h2>Multi Select</h2>
 <select v-model="multiSelected" multiple style="width:100px">
@@ -42,4 +42,4 @@ <h2>Multi Select</h2>
   <option>B</option>
   <option>C</option>
 </select>
-<span>Selected: {{ multiSelected }}</span>
+<p>Selected: {{ multiSelected }}</p>